:root{color-scheme:dark;--bg:#120d0c;--side:#1a1110;--panel:#201614;--panel2:#2a1b18;--line:#3a2721;--text:#effbf7;--muted:#c0aaa0;--muted2:#927468;--ember:#ff9d42;--glow:#ffd09a;--magma:#ec5d37;--sans:Inter,"Segoe UI",system-ui,sans-serif;--display:Manrope,Inter,"Segoe UI",system-ui,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--sans);min-height:100vh}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.hidden{display:none!important}.eyebrow{font:600 10px var(--mono);letter-spacing:1.35px;color:#89b1a6;margin:0 0 13px}.brand{display:flex;align-items:center;gap:9px;font:800 19px var(--display);letter-spacing:-.7px}.brand>span:last-child>span{color:var(--ember)}.brand-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#07201b;background:linear-gradient(135deg,#ffd09a,#f26b3b);font-size:19px;box-shadow:0 0 26px #f47c3830}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #f0a45c33;border-radius:9px;background:linear-gradient(110deg,#ffb35f,#ee683a);box-shadow:0 8px 27px #ee713b23;color:#06201b;padding:11px 14px;font-weight:700;transition:filter .15s,transform .15s}.button-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.button-primary:disabled{filter:grayscale(.6);opacity:.48;box-shadow:none;transform:none;cursor:not-allowed}.button-outline,.button-small{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#122121;border:1px solid #29403e;border-radius:8px;color:#c0d4ce;padding:9px 11px;font-size:11px;font-weight:600}.button-outline:hover,.button-small:hover{border-color:#507d74;color:#fff}.button-small{padding:7px 9px;font-size:10px}.login-screen{min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 105%,#4a2417 0%,#1d1110 38%,#120d0c 75%);padding:0 6vw;position:relative}.landing-header{height:78px;max-width:1310px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2fff00c}.private-tag{font:9px var(--mono);letter-spacing:1px;color:#849d95}.private-tag i,.model-pill i,.cloud-state i,.online-dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:var(--ember);box-shadow:0 0 12px #ff9d42aa;margin-right:8px}.landing-main{width:min(1120px,100%);margin:0 auto;min-height:calc(100vh - 143px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;padding:28px 0 54px}.hero-copy{position:relative;min-height:550px;display:flex;flex-direction:column;justify-content:center;padding:14px 0 120px}.hero-copy .eyebrow{color:#e3af7f}.hero-copy .eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ember);vertical-align:1px;margin-right:8px}.hero-copy h1{font:700 clamp(51px,6vw,80px)/.99 var(--display);letter-spacing:-4.5px;margin:0;max-width:640px}.hero-copy h1 em,.welcome-row h1 em{font-style:normal;color:var(--ember)}.hero-text{max-width:445px;color:#c5aaa0;line-height:1.75;font-size:14px;margin:20px 0 24px}.hero-features{display:flex;flex-wrap:wrap;gap:22px;color:#e4c8b6;font-size:11px}.hero-features b{color:var(--ember);margin-right:6px;font-size:13px}.hero-art{position:absolute;right:-34px;bottom:-23px;width:260px;height:235px;opacity:.9}.art-orbit{position:absolute;border:1px solid #ff974033;border-radius:50%;transform:rotate(-32deg)}.orbit-one{width:252px;height:115px;top:56px;left:4px}.orbit-two{width:185px;height:100px;top:58px;left:38px;transform:rotate(54deg)}.art-core{position:absolute;width:76px;height:76px;left:90px;top:67px;display:grid;place-items:center;border:1px solid #9af6de66;border-radius:26px;background:linear-gradient(140deg,#123b35,#0c211e);font-size:42px;color:var(--ember);box-shadow:0 0 75px #52d8bd35}.art-dot{position:absolute;width:10px;height:10px;background:#90f6d4;border-radius:50%;box-shadow:0 0 14px #6fe6ca}.dot-one{top:42px;left:35px}.dot-two{top:157px;right:23px;width:6px;height:6px}.art-label{position:absolute;font:8px var(--mono);letter-spacing:.9px;color:#70938a}.art-label span{color:#a7dfca;margin-left:6px}.label-one{top:37px;right:10px}.label-two{bottom:26px;left:16px}.login-card{width:min(382px,100%);justify-self:end;position:relative;border:1px solid #31534e;border-radius:17px;padding:29px;background:linear-gradient(145deg,#102020,#0d1919 64%);box-shadow:0 25px 90px #0005,0 0 0 5px #63d9bd08}.card-logo{display:grid;place-items:center;width:42px;height:42px;background:#142b27;color:var(--ember);border:1px solid #3a756b;border-radius:14px;font-size:24px;margin-bottom:24px}.login-card .eyebrow{margin-bottom:8px;color:var(--ember)}.login-card h2{font:700 24px var(--display);letter-spacing:-.7px;margin:0}.login-copy{font-size:12px;color:var(--muted);margin:9px 0 25px}.login-card label{display:block;color:#c4d8d0;font-size:10px;font-weight:600;margin-bottom:7px}.login-card input{width:100%;border:1px solid #2d4945;background:#091414;border-radius:8px;color:#eaf8f3;padding:12px;font-size:12px}.login-card input::placeholder{color:#678079}.login-submit{width:100%;margin-top:12px;padding:12px}.login-submit b{font-size:17px;margin-left:auto}.login-error{min-height:18px;margin-top:7px;color:#f39e98;font-size:10px}.secure-note{padding-top:14px;border-top:1px solid #27413d;color:#718c83;font-size:9px;text-align:center}.secure-note span{font-size:12px;color:#a6e5c9;margin-right:5px}.landing-footer{max-width:1310px;margin:auto;border-top:1px solid #e2fff00c;height:65px;display:flex;justify-content:space-between;align-items:center;color:#688078;font-size:10px}.landing-footer b{color:var(--ember);margin-left:6px}.app{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;padding:20px 14px 14px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar>.brand{padding:2px 8px 25px}.new-project{width:100%;justify-content:flex-start;padding:10px 12px;margin-bottom:23px}.new-project b{font-size:19px;font-weight:400}.side-caption{display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px;font:9px var(--mono);letter-spacing:1px;color:#69837a}.side-caption button{border:0;background:#192b29;border-radius:10px;color:#9ab7ab;font:9px var(--mono);padding:3px 7px}.project-list{display:flex;flex-direction:column;gap:4px;overflow:auto}.project-nav{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:7px;padding:9px 10px;background:none;color:#9ab0a8;text-align:left;font-size:11px}.project-nav:hover{background:#142725;color:#effbf7}.project-nav.active{background:#17302b;color:#dffbf0}.project-nav .nav-spark{color:#7adfc2;font-size:13px}.project-nav .nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bottom{margin-top:auto}.cloud-state{border-top:1px solid var(--line);padding:13px 8px 10px;color:#91aaa0;font-size:10px}.cloud-state i{width:6px;height:6px;margin-right:6px}.side-settings{width:100%;border:0;background:none;text-align:left;color:#b0c2ba;font-size:11px;padding:9px;border-radius:7px}.side-settings:hover{background:#142725}.side-settings span{margin-right:8px;color:var(--ember)}.side-footer{padding:8px;color:#60766f;font-size:9px;line-height:1.55}.main-area{flex:1;min-width:0}.topbar{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crumb{display:flex;align-items:center;gap:10px;color:#70887f;font-size:11px}.crumb i{font-style:normal;color:#38514b}.crumb b{color:#c7d9d0;font-weight:600}.top-actions{display:flex;align-items:center;gap:15px}.model-pill{display:flex;align-items:center;border:1px solid #25403a;background:#10211e;border-radius:20px;padding:6px 10px;color:#9bc2b3;font-size:9px}.model-pill i{width:6px;height:6px;margin:0 6px 0 0}.avatar{width:29px;height:29px;border-radius:50%;border:1px solid #478778;background:linear-gradient(135deg,#215a4e,#15372f);color:#b8f4df;font:600 10px var(--mono)}.dashboard-empty,.project-page{max-width:1180px;margin:0 auto;padding:45px 38px}.welcome-row{display:flex;align-items:center;justify-content:space-between;min-height:365px;gap:20px}.welcome-row h1{font:700 clamp(44px,5vw,63px)/1.02 var(--display);letter-spacing:-3.5px;margin:0}.welcome-desc{max-width:430px;color:#96ada3;line-height:1.7;font-size:12px;margin:16px 0 20px}.welcome-cta{padding:10px 13px;font-size:11px}.welcome-cta span{font-size:17px;margin-left:18px}.dashboard-art{position:relative;width:390px;height:310px;flex:0 1 390px;overflow:hidden}.art-grid{position:absolute;inset:10px;background-image:linear-gradient(#66cdb21a 1px,transparent 1px),linear-gradient(90deg,#66cdb21a 1px,transparent 1px);background-size:31px 31px;mask-image:radial-gradient(ellipse,black,transparent 74%);opacity:.7}.art-ring{position:absolute;border:1px solid #52c9ad2b;border-radius:50%;left:64px;top:45px;transform:rotate(-25deg)}.ring-a{width:275px;height:190px}.ring-b{left:98px;top:35px;width:205px;height:220px;transform:rotate(43deg)}.dashboard-spark{position:absolute;top:90px;left:160px;width:76px;height:76px;display:grid;place-items:center;border-radius:24px;border:1px solid #4b9584;background:linear-gradient(140deg,#1d5145,#112b27);box-shadow:0 0 70px #39c8a640;color:#8bf2d1;font-size:42px}.float-card{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #32544a;background:#10201d;border-radius:10px;box-shadow:0 12px 30px #0004}.float-card b,.float-card small{display:block}.float-card b{font-size:9px;color:#d6e8df}.float-card small{font-size:8px;color:#76958a;margin-top:3px}.float-card i{font-style:normal;color:#8be9c9;margin-left:12px}.card-file{top:62px;right:7px}.card-ai{bottom:57px;left:0}.mini-file,.mini-ai{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#223d35;color:#a6f3d4;font:9px var(--mono)}.mini-ai{font-size:14px}.online-dot{width:6px;height:6px;margin-left:10px;margin-right:0}.steps{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:12px;gap:30px}.steps div{flex:1;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:9px}.steps div>span{grid-row:1/3;align-self:start;color:#6fc8ad;font:9px var(--mono);padding-top:2px}.steps b{font-size:10px;font-weight:600;color:#c6d9d0}.steps small{color:#789087;font-size:9px;margin-top:5px}.project-page{padding-top:30px}.project-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.project-title-row .eyebrow{margin-bottom:6px}.project-title-row h1{font:700 28px var(--display);letter-spacing:-1px;margin:0}.project-title-row p:last-child{font-size:10px;color:#899f97;margin:6px 0 0}.project-title-row>.button-outline{padding:8px 10px;font-size:10px}.project-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px}.files-panel,.custom-panel{padding:15px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.panel-head h2,.chat-head h2{margin:0;font:700 13px var(--display)}.panel-head h2 span{margin-left:5px;padding:2px 6px;border-radius:8px;background:#1d302c;color:#8cb5a4;font:9px var(--mono)}.panel-head p,.chat-head p{margin:5px 0 0;color:#81988f;font-size:9px}.upload-buttons{display:flex;gap:5px}.muted-small{color:#a5bab1;background:#111e1e;padding:6px 7px;font-size:9px}.drop-area{display:flex;justify-content:center;align-items:center;gap:10px;min-height:77px;margin:14px 0 4px;border:1px dashed #33584f;border-radius:8px;background:#0e1919;transition:.15s}.drop-area.drag{background:#17302c;border-color:#79e4c6}.upload-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#86e9c8;background:#173630;font-size:16px}.drop-area b,.drop-area span{display:block}.drop-area b{font-size:10px;font-weight:600}.drop-area span{font-size:9px;color:#799188;margin-top:4px}.file-list{max-height:120px;overflow:auto}.file-row{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid #1c302d}.file-badge{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:6px;background:#1c332d;color:#92e9ca;font:8px var(--mono)}.file-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccddd4;font-size:9px}.file-size{color:#71867e;font:8px var(--mono)}.file-action{border:0;background:none;color:#82988e;font-size:12px;padding:3px}.file-action:hover{color:var(--ember)}.panel-foot{margin-top:8px;color:#698077;font-size:8px}.custom-mark{color:#7be5c5}.custom-panel textarea{width:100%;min-height:94px;resize:vertical;margin-top:14px;background:#0c1818;color:#e4f0eb;border:1px solid #29413c;border-radius:8px;padding:10px;font-size:10px;line-height:1.6}.custom-panel textarea::placeholder,.composer textarea::placeholder{color:#607970}.custom-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#70877e;font-size:8px}.custom-actions .button-small{padding:6px 8px;font-size:9px}.chat-panel{margin-top:13px;overflow:hidden}.chat-head{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203431}.chat-head>div{display:flex;align-items:center;gap:9px}.chat-symbol{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#18352e;color:var(--ember);font-size:15px}.link-button{border:0;background:none;color:#799389;font-size:9px}.link-button:hover{color:#d9eee5}.messages{height:min(42vh,370px);min-height:190px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:14px 16px}.chat-welcome{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:#dcece4}.chat-welcome>span:first-child{width:34px;height:34px;display:grid;place-items:center;background:#18352e;border-radius:11px;color:var(--ember);font-size:19px}.chat-welcome b{font:600 11px var(--display)}.chat-welcome small{font-size:9px;color:#799087}.message{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:88%}.message.user{align-self:flex-end;align-items:flex-end}.message-label{font:8px var(--mono);letter-spacing:.5px;color:#71877f}.message.user .message-label{color:#8ccebb}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #293e39;background:#13211f;border-radius:3px 10px 10px 10px;padding:9px 11px;color:#dbe9e2;font-size:10px;line-height:1.7}.message.user .message-body{background:#17312b;border-color:#30574c;border-radius:10px 3px 10px 10px}.message-actions{display:flex;flex-wrap:wrap;gap:9px}.message-actions button{padding:2px 0;border:0;background:none;color:#81bca5;font-size:8px}.message-actions button:hover{color:#b9f5d8}.composer{margin:0 14px;border:1px solid #314a44;border-radius:9px;background:#0c1818;padding:8px 9px}.composer:focus-within{border-color:#59a994}.composer textarea{display:block;width:100%;max-height:100px;resize:none;background:transparent;border:0;outline:none!important;color:#e8f4ee;font-size:10px;line-height:1.6;min-height:22px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.composer-bottom>span{font-size:8px;color:#6e867c}.send-button{padding:6px 7px 6px 10px;font-size:9px;gap:10px}.send-button b{font-size:13px;background:#ffffff24;padding:0 4px;border-radius:4px}.chat-disclaimer{text-align:center;padding:9px 5px 11px;color:#637a71;font-size:8px}.chat-disclaimer span{color:#82968e}.dialog{width:min(740px,calc(100% - 26px));padding:0;border:1px solid #36564d;border-radius:13px;background:#10201e;color:var(--text);box-shadow:0 25px 90px #000b}.dialog::backdrop{background:#030b0acc;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253e38;padding:15px 18px}.dialog-head .eyebrow{margin:0 0 5px}.dialog-head h2{margin:0;font:700 18px var(--display)}.close{background:none;border:0;color:#90a79e;font-size:23px}.dialog-body{padding:14px 18px}.dialog-body textarea{display:block;width:100%;height:min(58vh,600px);min-height:250px;resize:vertical;padding:12px;border:1px solid #29433c;border-radius:8px;background:#0b1716;color:#dae9e1;font:10px/1.7 var(--mono)}.dialog-foot{display:flex;justify-content:space-between;gap:8px;padding:11px 18px 16px}.settings-dialog{width:min(520px,calc(100% - 26px))}.settings-content{padding:10px 18px 16px}.setting-row{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid #203832;padding:13px 0}.setting-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;background:#17352e;color:var(--ember)}.setting-row b{display:block;font-size:10px}.setting-row p{font-size:9px;line-height:1.6;color:#8ba198;margin:4px 0 0}.backup-buttons{display:flex;gap:7px;margin-top:14px}.backup-buttons button,.import-label{font-size:9px;padding:8px 9px}.import-label{cursor:pointer}.backup-note{color:#6f887e;font-size:8px;line-height:1.5;margin:8px 0 0}.toast{position:fixed;z-index:10;left:50%;bottom:19px;transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:10px 13px;border:1px solid #41665b;border-radius:8px;background:#152823;color:#effbf5;font-size:10px;box-shadow:0 9px 30px #0007;transition:.2s;max-width:min(550px,calc(100% - 24px));text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#9b5b52;color:#ffc0b5}.thinking{color:#8bdbc0;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.42}}
@media(max-width:940px){.landing-main{gap:25px}.hero-copy h1{letter-spacing:-3.5px}.project-panels{grid-template-columns:1fr}.custom-panel textarea{min-height:75px}.dashboard-art{transform:scale(.86);transform-origin:center right;margin-left:-40px}}
@media(max-width:650px){.login-screen{padding:0 19px}.landing-header{height:64px}.private-tag{font-size:7px}.landing-main{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:40px 0 35px}.hero-copy{min-height:0;padding:0 0 74px}.hero-copy h1{font-size:51px;letter-spacing:-3px}.hero-text{font-size:12px;margin:14px 0 17px}.hero-features{gap:11px;font-size:9px}.hero-art{width:160px;height:125px;right:-13px;bottom:-8px;transform:scale(.61);transform-origin:bottom right}.login-card{justify-self:stretch;width:100%;padding:22px}.landing-footer{height:49px;font-size:8px}.sidebar{width:56px;flex-basis:56px;padding:16px 6px 10px}.sidebar>.brand{padding:0 4px 19px;justify-content:center}.sidebar>.brand>span:last-child{display:none}.sidebar>.brand .brand-icon{width:33px;height:33px}.new-project{width:40px;height:40px;padding:0;justify-content:center;font-size:0;margin-bottom:17px}.new-project b{font-size:20px}.side-caption{justify-content:center;padding:0 0 8px;font-size:0}.side-caption button{display:none}.project-nav{width:42px;height:38px;justify-content:center;padding:4px}.project-nav .nav-name{display:none}.project-nav .nav-spark{font-size:15px}.cloud-state,.side-settings{font-size:0;text-align:center;padding:9px 0}.cloud-state{border:0}.cloud-state i{margin:0}.side-settings span{font-size:15px;margin:0}.side-footer{display:none}.topbar{height:53px;padding:0 12px}.model-pill{font-size:8px;padding:5px 7px}.top-actions{gap:8px}.dashboard-empty,.project-page{padding:27px 13px}.welcome-row{min-height:0;display:block}.welcome-row h1{font-size:48px;letter-spacing:-2.8px}.welcome-desc{font-size:10px;max-width:100%}.dashboard-art{width:100%;height:205px;transform:none;margin:7px 0 0}.art-grid{inset:0}.ring-a{left:calc(50% - 132px);top:14px}.ring-b{left:calc(50% - 93px);top:4px}.dashboard-spark{left:calc(50% - 38px);top:54px}.card-file{right:calc(50% - 152px);top:23px}.card-ai{left:calc(50% - 148px);bottom:17px}.steps{gap:9px;margin-top:8px;padding:13px 0}.steps div{grid-template-columns:20px auto;column-gap:4px}.steps b{font-size:8px}.steps small{font-size:7px}.project-page{padding-top:20px}.project-title-row{align-items:flex-start;gap:8px}.project-title-row h1{font-size:23px}.project-title-row p:last-child{font-size:8px;max-width:240px;line-height:1.5}.project-title-row>.button-outline{white-space:nowrap;padding:7px;font-size:8px}.project-panels{gap:9px}.files-panel,.custom-panel{padding:11px}.panel-head h2{font-size:11px}.panel-head p{font-size:8px}.upload-buttons{gap:3px}.button-small,.muted-small{padding:6px 6px;font-size:8px}.drop-area{min-height:65px}.chat-panel{margin-top:9px}.chat-head{padding:10px}.messages{height:35vh;min-height:165px;padding:11px}.composer{margin:0 8px}.chat-disclaimer{font-size:7px}.dialog-head{padding:12px}.dialog-body{padding:10px 12px}.dialog-foot{padding:8px 12px 12px}}