*{box-sizing:border-box} :root{--bg:#09090d;--panel:#101016;--panel2:#14141c;--line:#24242f;--muted:#858594;--text:#f4f3f8;--purple:#9b7cff;--blue:#6b8cff;--green:#71dfb0}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;border-right:1px solid var(--line);background:#0c0c11;padding:25px 16px 14px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;color:#f8f7fc;text-decoration:none;font:700 18px "Space Grotesk";letter-spacing:1.7px;padding:0 9px 29px}.brand-ai{color:#a58aff;margin-left:3px}.brand-mark{width:25px;height:25px;display:flex;align-items:center;justify-content:center;gap:2px;transform:skew(-17deg)}.brand-mark span{display:block;width:5px;border-radius:5px;background:linear-gradient(180deg,#c1aaff,#6e75ff)}.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:16px}.new-project{height:42px;border:1px solid #3a3154;background:linear-gradient(110deg,#211a34,#171625);border-radius:9px;text-align:left;padding:0 11px;color:#eae4ff;font-weight:600;box-shadow:0 5px 20px #0003}.new-project>span{font-size:19px;margin-right:8px;color:#b6a0ff}.new-project kbd{float:right;color:#827b91;background:#ffffff0a;border:1px solid #ffffff12;border-radius:4px;padding:2px 5px;font-size:10px;margin-top:1px}.side-label{font-size:9px;letter-spacing:1.5px;color:#777686;font-weight:700;margin:30px 9px 10px}.nav{display:grid;gap:4px}.nav-item{height:39px;border:0;background:transparent;text-align:left;padding:0 10px;border-radius:7px;color:#a6a5b2;font-size:12px}.nav-item:hover,.nav-item.active{background:#1a1923;color:#f5f1ff}.nav-item.active{box-shadow:inset 2px 0 #a58aff}.nav-icon{display:inline-block;width:24px;color:#a99bce;font-size:16px}.nav-count{float:right;color:#8e8b9c;font-size:10px}.side-label-spaced{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.tiny-icon{border:0;background:transparent;color:#888696;font-size:17px}.sidebar-projects{display:grid;gap:4px}.sidebar-empty{padding:8px 9px;color:#646372;font-size:11px;line-height:1.6}.sidebar-project{display:flex;gap:9px;align-items:center;border:0;background:transparent;color:#aaa9b5;padding:8px 9px;border-radius:7px;text-align:left;font-size:11px;overflow:hidden}.sidebar-project:hover{background:#171720}.project-mini-thumb{width:24px;height:24px;border-radius:5px;background:linear-gradient(135deg,#332a4e,#13131d);flex:0 0 auto}.sidebar-project span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom{margin-top:auto}.plan-card{padding:12px;background:#12121a;border:1px solid #252431;border-radius:9px;margin:15px 0}.plan-top{font-size:10px;font-weight:600}.plan-dot{display:inline-block;width:6px;height:6px;background:#a18aff;border-radius:50%;margin-right:6px}.plan-card p{font-size:10px;color:#8b8998;margin:8px 0}.plan-meter{height:3px;background:#292735;border-radius:4px;margin:10px 0}.plan-meter span{display:block;width:38%;height:100%;background:linear-gradient(90deg,#8e6cff,#70a4ff);border-radius:4px}.plan-card small{font-size:9px;color:#6f6d7c}.profile-button{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:13px 3px 3px;text-align:left}.avatar,.top-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b39aff,#6154b7);color:white;font-weight:700}.profile-copy{display:grid;gap:3px}.profile-copy b{font-size:10px}.profile-copy small{font-size:9px;color:#777686}.more{margin-left:auto;color:#777}.main-area{min-width:0;flex:1}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:11px;color:#777686}.breadcrumbs b{color:#d9d8e2;font-weight:500}.crumb-slash{padding:0 10px;color:#4e4d59}.top-actions{display:flex;align-items:center;gap:17px}.status-pill{font-size:10px;color:#a9a8b4;border:1px solid #292a34;border-radius:30px;padding:6px 10px}.status-pill i,.chat-header span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68dba8;margin-right:6px}.icon-button{border:0;background:transparent;color:#888797;font-size:17px}.top-avatar{width:27px;height:27px;font-size:11px}.mobile-menu{display:none}.view{display:none;max-width:1250px;margin:0 auto;padding:49px 48px 35px}.view.active-view{display:block}.welcome-row{display:flex;align-items:center;justify-content:space-between;min-height:205px;position:relative}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8e84ad;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow-line{width:17px;height:1px;background:#9d83f4}h1,h2,h3,p{margin-top:0}.welcome-row h1,.page-heading h1{font:600 43px/1.08 "Space Grotesk";letter-spacing:-1.8px;margin:16px 0 11px}.gradient-text{background:linear-gradient(100deg,#c5adff,#8e8aff 48%,#78baff);background-clip:text;-webkit-background-clip:text;color:transparent}.welcome-sub,.page-heading p{color:#898896;font-size:12px;margin:0}.welcome-orb{width:210px;height:180px;position:relative;margin-right:45px}.orb-core{position:absolute;width:90px;height:90px;left:60px;top:43px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#e1d5ff,#9474ed 32%,#403277 62%,#17132a 78%);box-shadow:0 0 45px #8a6dff44, inset -12px -12px 25px #09090d}.orb-ring{position:absolute;border:1px solid #8270bb55;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:170px;height:70px;left:20px;top:53px}.ring-two{width:130px;height:175px;left:40px;top:1px;transform:rotate(56deg)}.orb-spark{position:absolute;color:#c9b7ff}.spark-a{top:20px;right:24px}.spark-b{bottom:24px;left:13px;font-size:22px}.prompt-card{margin-top:24px;border:1px solid #383149;border-radius:13px;background:linear-gradient(145deg,#171520,#111118 70%);padding:18px 20px 13px;box-shadow:0 15px 45px #0003,0 0 35px #9274ff09}.prompt-card-top{display:flex;align-items:center;gap:11px}.ai-symbol,.chat-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#47366d,#272342);color:#c6b3ff;font-size:17px}.prompt-card-top>div:nth-child(2){display:grid;gap:4px}.prompt-card-top b{font-size:12px}.prompt-card-top span{font-size:10px;color:#858392}.prompt-beta{margin-left:auto;border:1px solid #4b3c68;border-radius:4px;padding:4px 6px;color:#bba7ff!important;font-size:8px!important;letter-spacing:1px}.prompt-card textarea{width:100%;resize:vertical;min-height:84px;border:0;outline:0;background:transparent;color:#eeeaf8;font:12px/1.7 "DM Sans";padding:17px 3px 10px}.prompt-card textarea::placeholder{color:#666574}.prompt-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292633;padding-top:12px}.prompt-options{display:flex;gap:7px}.select-chip{background:#1a1922;border:1px solid #302d3b;border-radius:6px;color:#aaa6b7;font-size:10px;padding:7px 9px}.select-chip:hover{border-color:#716094;color:#e5ddff}.color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#b99bff,#6b91ff);margin-right:4px}.generate-button{border:0;border-radius:7px;background:linear-gradient(110deg,#a58aff,#7979ee);color:white;padding:10px 14px;font-size:10px;font-weight:700;box-shadow:0 5px 18px #846de744}.generate-button:hover,.primary-button:hover,.export-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button-arrow{margin-left:16px;font-size:14px}.prompt-note{font-size:9px;color:#6f6d7c;margin-top:11px}.prompt-note span{color:#a58aff;margin-right:4px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:42px 0 16px}.section-heading h2{font:600 19px "Space Grotesk";margin:7px 0 0;letter-spacing:-.4px}.text-button{border:0;background:transparent;color:#a99cce;font-size:10px}.text-button span{margin-left:7px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.template-card{padding:0;border:1px solid #272632;border-radius:10px;background:#111117;text-align:left;overflow:hidden;transition:.2s}.template-card:hover{transform:translateY(-3px);border-color:#55466e;box-shadow:0 12px 30px #0004}.template-art{height:150px;position:relative;overflow:hidden}.art-fashion{background:#d8d2c7;color:#29251f}.fashion-word{position:absolute;left:22px;top:23px;font:700 22px/1.05 "Space Grotesk";letter-spacing:2px;z-index:2}.fashion-word i{font:italic 500 23px Georgia;letter-spacing:0}.fashion-circle{position:absolute;width:145px;height:145px;border-radius:50%;right:35px;top:19px;background:radial-gradient(circle at 35% 28%,#e8e0d3,#8c8173 65%,#51483f);box-shadow:0 13px 20px #49403755}.art-caption{position:absolute;bottom:12px;left:20px;font-size:7px;letter-spacing:1.8px;z-index:3}.art-saas{background:radial-gradient(circle at 70% 20%,#37315d,#151522 65%)}.saas-window{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:75%;height:117px;border:1px solid #ffffff35;border-radius:7px;background:#171722;box-shadow:0 12px 25px #0008}.window-dots{font-size:6px;letter-spacing:3px;color:#a58aff;padding:8px;border-bottom:1px solid #ffffff15}.saas-graphic{display:flex;align-items:center;justify-content:space-around;height:82px}.saas-bars{width:42%;height:45px;background:linear-gradient(90deg,#7162b6 12%,transparent 12% 18%,#8474d2 18% 32%,transparent 32% 38%,#5b8acb 38% 58%,transparent 58% 64%,#9277d9 64%);opacity:.8}.saas-circle{width:43px;height:43px;border-radius:50%;border:8px solid #8872d3;border-right-color:#34314d;transform:rotate(-35deg)}.art-restaurant{background:#d5c3a7;color:#43392e}.restaurant-plate{position:absolute;width:140px;height:140px;border:12px solid #eee5d7;border-radius:50%;right:18px;top:22px;box-shadow:0 5px 20px #5c493833;background:radial-gradient(circle,#6c805d 0 14%,#a86c46 15% 22%,#d8c9aa 23% 34%,#e7dfd0 35%)}.restaurant-title{position:absolute;top:34px;left:19px;font:700 20px/1.1 "Space Grotesk";z-index:2}.restaurant-title i{font:italic 17px Georgia}.template-info{display:flex;align-items:center;justify-content:space-between;padding:12px 13px}.template-info span:first-child{display:grid;gap:4px}.template-info b{font-size:10px}.template-info small{font-size:9px;color:#777584}.template-arrow{color:#9d8acb;font-size:15px}.bottom-stats{display:flex;align-items:center;gap:25px;margin-top:28px;padding:17px 0;border-top:1px solid #22212b}.stat-item{display:flex;align-items:center;gap:10px}.stat-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #2d293b;border-radius:8px;color:#a995e0}.stat-item span:last-child{display:grid;gap:3px}.stat-item b{font:600 13px "Space Grotesk"}.stat-item small{font-size:9px;color:#777584}.stat-divider{height:25px;width:1px;background:#292833}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.page-heading h1{font-size:35px;margin:12px 0 7px}.primary-button{border:0;border-radius:7px;background:#8f79db;padding:10px 14px;font-size:10px;font-weight:700}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.search-box{display:flex;align-items:center;gap:9px;background:#121219;border:1px solid #292833;border-radius:7px;padding:0 11px;width:260px;color:#777}.search-box input{background:transparent;border:0;outline:0;color:white;padding:9px 0;width:100%;font-size:10px}.results-count{font-size:10px;color:#777584}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{border:1px solid #292833;border-radius:9px;overflow:hidden;background:#121219}.project-card-thumb{height:130px;display:grid;place-items:center;background:linear-gradient(135deg,#28203b,#101018);position:relative}.project-card-thumb:after{content:"";position:absolute;width:60%;height:65%;border:1px solid #ffffff35;border-radius:5px;background:linear-gradient(140deg,#ffffff12,#ffffff02);box-shadow:0 8px 25px #0005}.project-card-thumb span{z-index:1;font:600 17px "Space Grotesk";color:#d4c7ff}.project-card-info{padding:12px;display:flex;justify-content:space-between;align-items:center}.project-card-info b{font-size:11px}.project-card-info small{display:block;color:#777584;font-size:9px;margin-top:5px}.project-open{border:1px solid #383443;background:#1c1a25;border-radius:5px;padding:6px 8px;font-size:9px}.empty-state{grid-column:1/-1;border:1px dashed #34313e;border-radius:10px;padding:45px;text-align:center;color:#888}.empty-state b{display:block;color:#ddd;margin-bottom:8px}.template-grid-large{margin-top:8px}.editor-view{max-width:none;padding:0;height:calc(100vh - 66px);min-height:600px}.editor-topline{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.editor-project-name{display:flex;align-items:center;gap:10px}.back-button{border:0;background:transparent;color:#9b98a7;font-size:17px}.editor-project-name input{background:transparent;border:0;outline:0;color:#eee;font-weight:600;font-size:11px;width:150px}.saved-label{font-size:9px;color:#7c7a88}.editor-actions{display:flex;align-items:center;gap:7px}.editor-tool{width:28px;height:27px;border:1px solid #2c2a36;background:#15151c;border-radius:5px;color:#aaa;font-size:14px}.toolbar-divider{height:18px;width:1px;background:#34313c;margin:0 5px}.export-button{border:0;background:#8b76d8;border-radius:6px;padding:8px 11px;font-size:9px;font-weight:700;margin-left:5px}.editor-workspace{height:calc(100% - 54px);display:grid;grid-template-columns:320px minmax(0,1fr)}.chat-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#0e0e14}.chat-header{height:57px;border-bottom:1px solid #24232d;display:flex;align-items:center;padding:0 15px;gap:9px}.chat-avatar{width:27px;height:27px}.chat-header>div:nth-child(2){display:grid;gap:4px}.chat-header b{font-size:10px}.chat-header span{font-size:9px;color:#7c7b88}.chat-header .tiny-icon{margin-left:auto}.chat-messages{padding:17px 14px;overflow:auto;flex:1}.assistant-message{display:flex;gap:9px;align-items:flex-start}.message-mark{color:#a992ff;font-size:17px}.assistant-message b{font-size:10px}.assistant-message p{font-size:10px;color:#9997a4;line-height:1.7;margin:6px 0 0}.user-message{margin:15px 0 15px 32px;background:#211d30;border:1px solid #39304e;border-radius:9px 9px 2px 9px;padding:10px;font-size:10px;line-height:1.6;color:#e4ddf6}.system-message{margin:8px 0 15px 32px;font-size:9px;color:#8f8d9a;line-height:1.6}.suggestion-list{padding:10px 13px;display:flex;flex-wrap:wrap;gap:6px}.suggestion{background:#15141d;border:1px solid #2b2935;border-radius:20px;padding:6px 8px;color:#aaa6b6;font-size:9px}.suggestion:hover{border-color:#6c5b91;color:#e0d6ff}.chat-composer{margin:5px 12px 0;border:1px solid #373341;background:#15141c;border-radius:9px;padding:9px}.chat-composer textarea{width:100%;resize:none;background:transparent;border:0;outline:0;color:white;font-size:10px;line-height:1.6}.chat-composer textarea::placeholder{color:#686675}.composer-bottom{display:flex;align-items:center;justify-content:space-between;color:#686675;font-size:8px}.composer-bottom button{width:25px;height:25px;border:0;border-radius:6px;background:#927bdf;color:white;font-size:15px}.chat-disclaimer{text-align:center;font-size:8px;color:#5e5d69;padding:10px}.preview-panel{display:flex;flex-direction:column;min-width:0;background:#101016}.preview-toolbar{height:43px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #262530;gap:12px}.preview-state{font-size:8px;letter-spacing:1px;color:#a6a4b1;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;background:#65dba6;border-radius:50%;box-shadow:0 0 8px #65dba6}.preview-url{letter-spacing:0;color:#646371;border-left:1px solid #373541;padding-left:9px;margin-left:3px}.device-switch{display:flex;gap:3px;margin-left:auto;background:#191820;border:1px solid #2b2934;border-radius:6px;padding:3px}.device{border:0;background:transparent;border-radius:4px;color:#7e7b89;width:27px;height:22px;font-size:14px}.device.active{background:#343044;color:#e3d8ff}.preview-fullscreen{border:0;background:transparent;color:#8d8998;font-size:17px}.preview-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:stretch;padding:15px;background:radial-gradient(ellipse at center,#1a1922,#101016 70%);overflow:auto}.preview-stage iframe{width:100%;height:100%;border:1px solid #34313d;border-radius:5px;background:white;transition:width .25s}.preview-stage.tablet iframe{width:768px;max-width:100%}.preview-stage.mobile iframe{width:390px;max-width:100%}.preview-footer{height:29px;border-top:1px solid #272631;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;color:#73717f}.green-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#64dba6;margin-right:5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#242130;border:1px solid #4b4162;color:#eee8ff;padding:10px 15px;border-radius:8px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:30;padding:20px}.modal-backdrop.show{display:flex}.modal{width:100%;max-width:440px;background:#14131c;border:1px solid #393346;border-radius:14px;padding:26px;position:relative;box-shadow:0 25px 80px #0009}.modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#888;font-size:22px}.modal-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#302747;color:#c6b4ff;font-size:20px}.modal h3{font:600 20px "Space Grotesk";margin:16px 0 7px}.modal p{color:#898795;font-size:11px}.modal textarea{width:100%;height:110px;resize:vertical;background:#0d0d13;border:1px solid #302d3a;border-radius:7px;padding:11px;color:white;outline:0;font-size:11px}.modal-generate{width:100%;margin-top:12px}.modal-generate span{float:right}.hidden{display:none!important}
@media(max-width:1050px){.sidebar{width:215px;flex-basis:215px}.view{padding-left:30px;padding-right:30px}.editor-workspace{grid-template-columns:285px minmax(0,1fr)}}@media(max-width:760px){.sidebar{position:fixed;z-index:40;left:-260px;top:0;bottom:0;transition:.25s;width:248px}.sidebar.open{left:0;box-shadow:15px 0 40px #0008}.topbar{height:57px;padding:0 16px}.mobile-menu{display:block;border:0;background:transparent;color:#aaa;font-size:18px;margin-right:10px}.breadcrumbs{margin-right:auto}.top-actions{gap:9px}.status-pill{display:none}.view{padding:30px 17px}.welcome-row{min-height:180px}.welcome-row h1{font-size:36px}.welcome-orb{width:120px;margin-right:0;transform:scale(.75);transform-origin:center right}.prompt-card{padding:15px}.prompt-bottom{align-items:flex-start;gap:10px;flex-direction:column}.prompt-options{flex-wrap:wrap}.generate-button{width:100%}.template-grid,.projects-grid{grid-template-columns:1fr}.template-art{height:170px}.section-heading{margin-top:32px}.bottom-stats{gap:12px;justify-content:space-between}.stat-divider{display:none}.stat-item{gap:6px}.stat-item small{font-size:8px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.editor-view{height:calc(100vh - 57px);padding:0}.editor-topline{padding:0 9px}.editor-project-name{gap:5px}.editor-project-name input{width:105px}.saved-label{display:none}.editor-actions{gap:4px}.editor-tool{width:25px}.export-button{padding:8px 7px;font-size:8px}.editor-workspace{height:calc(100% - 54px);grid-template-columns:1fr;grid-template-rows:42% 58%}.chat-panel{border-right:0;border-bottom:1px solid var(--line)}.chat-header{height:42px}.chat-messages{padding:10px;min-height:40px}.suggestion-list{padding:5px 10px}.chat-composer{margin:3px 10px 0}.chat-disclaimer{padding:5px}.preview-stage{padding:7px}.preview-toolbar{height:38px;padding:0 8px}.preview-url{display:none}.preview-footer{height:24px}.template-grid-large{grid-template-columns:1fr}.welcome-orb{opacity:.65}.prompt-card textarea{min-height:75px}}