:root{--c-bg:#061321;--c-panel:#081b2e;--c-panel2:#0b233b;--c-line:rgba(202,235,255,.12);--c-text:#f7fbff;--c-muted:#96aec2;--c-cyan:#28c7ff;--c-blue:#075dff;--c-good:#62ffc3;--c-warn:#ffd267;--c-bad:#ff6785}
.control-shell{width:min(1240px,calc(100% - 30px));margin:auto;padding:118px 0 90px}.control-hero{position:relative;min-height:390px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;padding:54px;border:1px solid var(--c-line);border-radius:34px;background:radial-gradient(circle at 80% 25%,rgba(7,93,255,.28),transparent 35%),linear-gradient(145deg,#0b263f,#061321);box-shadow:0 45px 140px #001b3a55}.control-hero h1{white-space:pre-line;margin:18px 0;font-size:clamp(49px,7vw,96px);line-height:.88;letter-spacing:-.075em}.control-hero p{max-width:650px;color:var(--c-muted);font-size:17px}.control-kicker{color:var(--c-cyan);font-size:10px;letter-spacing:.2em;font-weight:950}.control-orb{justify-self:center;width:min(310px,30vw);aspect-ratio:1;display:grid;place-items:center;border:1px solid #28c7ff44;border-radius:50%;box-shadow:inset 0 0 80px #075dff22,0 0 100px #075dff22;animation:controlFloat 5s ease-in-out infinite}.control-orb img{width:68%;filter:drop-shadow(0 22px 45px #075dff88)}.control-orb span{font-size:9px;letter-spacing:.23em;color:#bcecff}@keyframes controlFloat{50%{transform:translateY(-11px) rotate(2deg)}}.project-section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head h2{font-size:42px;margin:8px 0 0;letter-spacing:-.055em}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--c-line);border-radius:26px;background:linear-gradient(160deg,rgba(12,38,63,.97),rgba(6,19,33,.98));box-shadow:0 25px 80px #00152d44}.project-card:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #28c7ff22;border-radius:50%;right:-120px;top:-120px}.project-top{display:flex;justify-content:space-between}.project-status,.project-plan{position:relative;z-index:1;padding:7px 10px;border:1px solid var(--c-line);border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.12em}.project-status.live{color:var(--c-good);border-color:#62ffc344}.project-status.pending{color:var(--c-warn)}.project-status.bad{color:var(--c-bad)}.project-domain{position:relative;z-index:1;margin:56px 0 28px;font-size:clamp(24px,3vw,39px);font-weight:950;letter-spacing:-.045em;overflow-wrap:anywhere}.project-domain span{color:#58758c;font-size:.5em}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.project-meta div{display:grid;gap:2px}.project-meta strong{font-size:20px}.project-meta span{color:var(--c-muted);font-size:10px}.project-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.control-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--c-line);border-radius:11px;color:var(--c-text);background:#ffffff05;font-size:10px;font-weight:950;letter-spacing:.05em;cursor:pointer}.control-btn:hover{border-color:#28c7ff66;background:#28c7ff0c}.control-btn.primary{color:#02111d;border:0;background:linear-gradient(100deg,#fff,#69deff,#1a7cff)}.control-btn.ghost{background:transparent}.security-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--c-line);border-radius:24px;background:var(--c-line)}.security-strip>div{padding:27px;background:#07192a}.security-strip span{color:var(--c-cyan);font-family:monospace}.security-strip strong{display:block;margin:12px 0 5px}.security-strip p{margin:0;color:var(--c-muted);font-size:12px}
/* file manager */
.file-app{width:min(1500px,calc(100% - 22px));margin:auto;padding:94px 0 25px}.file-hero{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:18px 9px}.file-hero h1{margin:8px 0 0;font-size:clamp(30px,4vw,58px);letter-spacing:-.055em}.back-link{display:block;color:var(--c-muted);font-size:11px;margin-bottom:20px}.file-hero-actions{display:flex;gap:9px}.file-workspace{height:calc(100vh - 205px);min-height:590px;display:grid;grid-template-columns:230px minmax(0,1fr) 0;overflow:hidden;border:1px solid var(--c-line);border-radius:27px;background:#06111e;box-shadow:0 40px 130px #00142f66;transition:grid-template-columns .4s cubic-bezier(.2,.8,.2,1)}.file-workspace.preview-open{grid-template-columns:220px minmax(420px,1fr) minmax(340px,.7fr)}.file-sidebar{display:flex;flex-direction:column;padding:18px;border-right:1px solid var(--c-line);background:linear-gradient(180deg,#0a2137,#071625)}.storage-card{padding:15px;border:1px solid var(--c-line);border-radius:15px;background:#04111e}.storage-card>div:first-child{display:flex;justify-content:space-between;color:var(--c-muted);font-size:10px}.storage-card strong{color:var(--c-text)}.storage-track{height:5px;overflow:hidden;margin-top:12px;border-radius:999px;background:#ffffff12}.storage-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--c-blue),var(--c-cyan));transition:width .5s}.file-sidebar nav{display:grid;gap:6px;margin-top:18px}.side-action{min-height:44px;text-align:left;padding:0 12px;border:1px solid transparent;border-radius:11px;color:#b9cee0;background:transparent;font-weight:800;cursor:pointer}.side-action:hover,.side-action.active{border-color:var(--c-line);background:#ffffff08;color:#fff}.engine-note{margin-top:auto;padding:14px;border:1px solid #62ffc322;border-radius:14px;background:#62ffc307}.engine-note strong{font-size:9px;letter-spacing:.13em;color:var(--c-good)}.engine-note p{margin:8px 0 0;color:var(--c-muted);font-size:10px}.live-pulse{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--c-good);box-shadow:0 0 13px var(--c-good)}.file-main{position:relative;min-width:0;overflow:hidden}.file-toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border-bottom:1px solid var(--c-line);background:#081a2c}.breadcrumbs{display:flex;align-items:center;gap:5px;min-width:0;overflow:auto}.breadcrumbs button{border:0;color:#9fb8cc;background:transparent;cursor:pointer;font-size:11px;white-space:nowrap}.breadcrumbs button:last-child{color:#fff;font-weight:900}.toolbar-actions{display:flex;gap:6px}.toolbar-actions button,.preview-bar button{width:36px;height:36px;border:1px solid var(--c-line);border-radius:10px;color:#dceeff;background:#ffffff05;cursor:pointer}.toolbar-actions button:disabled{opacity:.3}.file-table-head,.file-row{display:grid;grid-template-columns:42px minmax(190px,1fr) 100px 150px 42px;align-items:center}.file-table-head{height:39px;padding:0 14px;color:#648096;font-size:8px;letter-spacing:.15em;border-bottom:1px solid var(--c-line)}.file-list{height:calc(100% - 104px);overflow:auto;padding:8px}.file-row{min-height:54px;padding:0 7px;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:.18s}.file-row:hover{border-color:var(--c-line);background:#ffffff06;transform:translateX(3px)}.file-row.selected{border-color:#28c7ff44;background:#28c7ff0d}.file-check{accent-color:var(--c-cyan)}.file-name{display:flex;align-items:center;gap:11px;min-width:0;font-weight:800}.file-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--c-line);border-radius:9px;background:#0c2944;color:var(--c-cyan);font-family:monospace;font-size:10px}.file-size,.file-time{color:#7894aa;font-size:10px}.row-menu{border:0;color:#9eb8ca;background:transparent;cursor:pointer;font-size:19px}.drop-zone-v6{position:absolute;z-index:8;inset:65px 0 0;display:grid;place-items:center;background:#061321ee;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.2s}.drop-zone-v6.active{opacity:1;visibility:visible}.drop-zone-v6>div{text-align:center}.drop-zone-v6 span{display:block;font-size:65px;color:var(--c-cyan);animation:uploadBounce 1s infinite alternate}.drop-zone-v6 strong{display:block;font-size:28px}.drop-zone-v6 small{display:block;margin-top:8px;color:var(--c-muted)}@keyframes uploadBounce{to{transform:translateY(-10px)}}.preview-pane{min-width:0;overflow:hidden;border-left:1px solid var(--c-line);background:#03101c}.preview-bar{height:52px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid var(--c-line)}.preview-bar span{margin-right:auto;color:var(--c-good);font-size:9px;letter-spacing:.13em}.preview-pane iframe{width:100%;height:calc(100% - 52px);border:0;background:white}.loading-wave{height:54px;border-radius:12px;background:linear-gradient(90deg,#ffffff05,#28c7ff18,#ffffff05);background-size:200% 100%;animation:wave 1.1s infinite}@keyframes wave{to{background-position:-200% 0}}
/* editor/dialog */
.editor-layer,.dialog-layer,.starter-layer{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:20px;background:#020a12dd;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.22s}.editor-layer.open,.dialog-layer.open,.starter-layer.open{opacity:1;visibility:visible}.editor-window{width:min(1180px,100%);height:min(780px,90vh);overflow:hidden;border:1px solid var(--c-line);border-radius:22px;background:#06111e;box-shadow:0 45px 170px #000a}.editor-window header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--c-line);background:#0a2035}.editor-window header>div{display:flex;align-items:center;gap:10px}.editor-window header button{border:1px solid var(--c-line);border-radius:9px;padding:8px 11px;color:#fff;background:#ffffff08;cursor:pointer}.editor-dot{width:8px;height:8px;border-radius:50%;background:var(--c-good)}#editorState{color:var(--c-muted)}.editor-body{height:calc(100% - 58px);display:grid;grid-template-columns:56px 1fr;background:#040d17}.editor-body pre{margin:0;padding:17px 10px;text-align:right;overflow:hidden;color:#38556c;border-right:1px solid var(--c-line);font:13px/1.6 Consolas,monospace;user-select:none}.editor-body textarea{width:100%;height:100%;resize:none;border:0;outline:0;padding:17px;color:#dff6ff;background:transparent;font:13px/1.6 Consolas,monospace;tab-size:2;white-space:pre}.dialog-card,.starter-card{width:min(540px,100%);padding:29px;border:1px solid var(--c-line);border-radius:23px;background:linear-gradient(145deg,#0b2740,#061321);box-shadow:0 40px 140px #000b;transform:translateY(20px);transition:.25s}.dialog-layer.open .dialog-card,.starter-layer.open .starter-card{transform:none}.dialog-card h2,.starter-card h2{font-size:37px;line-height:.95;letter-spacing:-.055em}.dialog-card p,.starter-card p{color:var(--c-muted)}.dialog-card input{width:100%;padding:13px;border:1px solid var(--c-line);border-radius:11px;outline:0;color:#fff;background:#04111d}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.starter-card{position:relative;width:min(720px,100%)}.layer-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:1px solid var(--c-line);border-radius:10px;color:#fff;background:#ffffff08;cursor:pointer}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.starter-grid button{min-height:150px;padding:20px;text-align:left;border:1px solid var(--c-line);border-radius:17px;color:#fff;background:radial-gradient(circle at 80% 10%,#075dff44,transparent 40%),#071a2c;cursor:pointer}.starter-grid button:hover{border-color:#28c7ff77;transform:translateY(-3px)}.starter-grid strong{display:block;font-size:22px}.starter-grid span{display:block;margin-top:7px;color:var(--c-muted)}.toast-region#controlToasts{position:fixed;z-index:900;right:18px;bottom:18px;display:grid;gap:8px}.control-toast{width:min(360px,calc(100vw - 36px));padding:14px 16px;border:1px solid var(--c-line);border-radius:13px;background:#0a2035;box-shadow:0 25px 80px #0008;animation:toastSlide .3s both}.control-toast.bad{border-color:#ff678555}.control-toast strong{display:block;color:var(--c-cyan);font-size:10px;letter-spacing:.12em}.control-toast span{color:#b8cfe0;font-size:12px}@keyframes toastSlide{from{transform:translateX(120%)}}
@media(max-width:980px){.control-hero{grid-template-columns:1fr}.control-orb{display:none}.project-grid{grid-template-columns:1fr}.security-strip{grid-template-columns:1fr}.file-workspace,.file-workspace.preview-open{grid-template-columns:1fr}.file-sidebar{display:none}.preview-pane{position:fixed;z-index:100;inset:75px 10px 10px;border:1px solid var(--c-line);border-radius:18px;transform:translateY(120%);transition:.35s}.file-workspace.preview-open .preview-pane{transform:none}.file-table-head,.file-row{grid-template-columns:38px minmax(150px,1fr) 75px 42px}.file-time{display:none}}@media(max-width:580px){.control-shell{width:min(100% - 18px,1240px)}.control-hero{padding:30px 22px}.control-hero h1{font-size:49px}.project-meta{grid-template-columns:1fr}.file-hero{align-items:start;flex-direction:column}.file-hero-actions{width:100%}.file-hero-actions>*{flex:1}.file-workspace{height:calc(100vh - 245px)}.file-size{display:none}.file-table-head,.file-row{grid-template-columns:34px minmax(120px,1fr) 38px}.file-table-head span:nth-child(3),.file-table-head span:nth-child(4){display:none}.starter-grid{grid-template-columns:1fr}}


.nav-signup{background:linear-gradient(100deg,#f7fbff,#68ddff 46%,#1a7cff)!important;color:#02111d!important;border-color:transparent!important}
.onboard-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:105px 0 70px}
.onboard-progress{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px}
.onboard-back{font-size:11px;font-weight:950;letter-spacing:.15em;color:#b9d4e8}
.onboard-rail{height:4px;border-radius:999px;background:#102a42;overflow:hidden}.onboard-rail i{display:block;width:16.66%;height:100%;background:linear-gradient(90deg,#28c7ff,#075dff);transition:.45s cubic-bezier(.2,.8,.2,1)}
.onboard-progress>span{color:#7896ad;font-size:10px;font-weight:900;letter-spacing:.13em}
.onboard-card{border:1px solid rgba(134,204,255,.16);border-radius:30px;background:radial-gradient(circle at 90% 0,rgba(7,93,255,.16),transparent 30%),rgba(7,25,43,.94);box-shadow:0 45px 160px rgba(0,0,0,.28);overflow:hidden}
.onboard-step{display:none;min-height:610px;padding:56px}.onboard-step.active{display:block;animation:onboardIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes onboardIn{from{opacity:0;transform:translateY(18px)}}
.onboard-kicker{color:#28c7ff;font-size:10px;font-weight:950;letter-spacing:.2em}
.onboard-step h1{max-width:850px;margin:15px 0 12px;font-size:clamp(45px,7vw,82px);line-height:.92;letter-spacing:-.07em}
.onboard-step>p{max-width:690px;color:#9db7cb;font-size:16px;margin-bottom:35px}
.onboard-step label{display:grid;gap:7px}.onboard-step label>span:first-child{color:#a9c2d5;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.onboard-step input[type=text],.onboard-step input[type=email],.onboard-step input[type=password]{width:100%;border:1px solid rgba(134,204,255,.16);border-radius:13px;outline:0;padding:14px;color:#f7fbff;background:#04121f}
.onboard-step input:focus{border-color:rgba(40,199,255,.65);box-shadow:0 0 0 3px rgba(40,199,255,.07)}
.onboard-step small{color:#6f8da4}.onboard-check{grid-template-columns:auto 1fr!important;align-items:start;margin-top:8px}.onboard-check input{margin-top:3px}.onboard-check span{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
.onboard-signed{padding:15px;border:1px solid rgba(107,255,191,.22);border-radius:13px;color:#c9ffe8;background:rgba(107,255,191,.05)}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice-grid label,.experience-stack label{display:block}.choice-grid input,.experience-stack input,.goal-grid input{position:absolute;opacity:0;pointer-events:none}
.choice-grid label>span{min-height:165px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border:1px solid rgba(134,204,255,.14);border-radius:18px;background:#061727;cursor:pointer;transition:.25s}
.choice-grid label>span b{margin-bottom:auto;color:#28c7ff;font-size:28px}.choice-grid strong{font-size:18px}.choice-grid small{margin-top:4px}
.choice-grid input:checked+span,.experience-stack input:checked+span,.goal-grid input:checked+span{border-color:#28c7ff;background:linear-gradient(135deg,rgba(40,199,255,.12),rgba(7,93,255,.08));box-shadow:0 15px 60px rgba(0,100,210,.12)}
.experience-stack{display:grid;gap:12px;max-width:850px}.experience-stack label>span{display:grid;gap:6px;padding:22px;border:1px solid rgba(134,204,255,.14);border-radius:16px;background:#061727;cursor:pointer}.experience-stack strong{font-size:18px}
.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.goal-grid label>span{min-height:90px;display:grid;place-items:center;padding:14px;border:1px solid rgba(134,204,255,.14);border-radius:15px;background:#061727;cursor:pointer;text-align:center;font-size:13px!important;text-transform:none!important;letter-spacing:0!important}
.onboard-domain{display:flex;align-items:center;border:1px solid rgba(134,204,255,.16);border-radius:16px;background:#04121f;padding:6px 8px 6px 14px}.onboard-domain input{flex:1;border:0!important;box-shadow:none!important;padding:12px 0!important;font-size:28px;font-weight:900}.onboard-domain b{color:#9ab3c7;white-space:nowrap}.onboard-domain em{margin-left:12px;padding:7px 9px;border:1px solid rgba(107,255,191,.22);border-radius:999px;color:#8dffd0;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.1em}.onboard-domain em.bad{color:#ff9aae;border-color:rgba(255,107,134,.28)}
.domain-preview{margin-top:28px;padding:24px;border:1px solid rgba(40,199,255,.15);border-radius:18px;background:linear-gradient(110deg,rgba(40,199,255,.05),rgba(7,93,255,.08));font-size:clamp(22px,4vw,46px);overflow-wrap:anywhere}.domain-preview span{color:#698aa2}.domain-preview strong{letter-spacing:-.04em}
.onboard-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.onboard-plan{min-height:330px;display:flex;flex-direction:column;text-align:left;padding:23px;border:1px solid rgba(134,204,255,.14);border-radius:20px;color:#f7fbff;background:#061727;cursor:pointer;transition:.25s}.onboard-plan.selected{border-color:#28c7ff;transform:translateY(-5px);box-shadow:0 25px 90px rgba(0,92,190,.18)}.onboard-plan>span{color:#28c7ff;font-size:9px;font-weight:950;letter-spacing:.15em}.onboard-plan>strong{font-size:38px;margin:30px 0 16px;letter-spacing:-.05em}.onboard-plan strong small{font-size:11px;color:#8ba6ba}.onboard-plan ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:#b7cbd9;font-size:12px}.onboard-plan li:before{content:"↳";color:#28c7ff;margin-right:7px}.onboard-plan i{margin-top:auto;font-style:normal;font-size:9px;font-weight:950;color:#7d9bb1}.onboard-plan.selected i{color:#28c7ff}
.onboard-summary{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;margin-top:20px;padding:17px;border:1px solid rgba(134,204,255,.14);border-radius:15px}.onboard-summary span{color:#7190a7;font-size:9px;font-weight:950;letter-spacing:.1em}.onboard-summary strong{text-align:right}
.onboard-actions{display:flex;justify-content:space-between;gap:12px;padding:18px 25px;border-top:1px solid rgba(134,204,255,.14);background:#051522}.onboard-actions button{min-height:50px;border-radius:12px;padding:0 18px;font-size:10px;font-weight:950;letter-spacing:.1em;cursor:pointer}.onboard-secondary{border:1px solid rgba(134,204,255,.16);color:#d8e9f5;background:#071b2d}.onboard-secondary:disabled{opacity:.3}.onboard-primary{border:0;color:#03111e;background:linear-gradient(100deg,#f7fbff,#68ddff 45%,#1a7cff)}
@media(max-width:800px){.onboard-step{padding:32px 20px;min-height:650px}.choice-grid,.goal-grid,.onboard-plans{grid-template-columns:1fr}.choice-grid label>span{min-height:120px}.onboard-plans{max-height:470px;overflow:auto}.onboard-plan{min-height:280px}.onboard-progress{grid-template-columns:auto 1fr}.onboard-progress>span{display:none}}