@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0d11;--panel:#12151b;--panel2:#171b22;--line:#272c35;--text:#eef0f4;--muted:#8a929f;--accent:#42d6d0;--accent-text:#042627;--cyan:#8cced7;--danger:#f19d9d;--amber:#e4be7a;font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:var(--panel2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}button:hover,.button:hover{background:#222831;border-color:#424955}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-text)!important}.primary:hover{background:#73e6e1!important}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.quiet:hover{background:var(--panel2)}.danger{color:var(--danger);border-color:#573638}.danger.primary{background:#bd4747!important;border-color:#bd4747!important;color:white!important}.full{width:100%}input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#0e1117;color:var(--text);padding:11px 13px;outline:none;font-size:14px}input:focus,textarea:focus{border-color:#42bfc9;box-shadow:0 0 0 3px #42d6d013}input::placeholder,textarea::placeholder{color:#626b79}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:none}input[readonly]{color:#b5bdc9}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:500;margin:0;letter-spacing:-.04em}h1{font-size:40px;line-height:1.15}h2{font-size:19px}h3{font-size:17px}p{font-size:14px;line-height:1.6;color:var(--muted)}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin:0 0 13px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:'Space Grotesk';font-weight:600;font-size:20px;letter-spacing:-.04em}.brand img{width:29px;height:29px}.brand-light{color:var(--muted);font-weight:400}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:32px 19px 20px;border-right:1px solid var(--line);background:#0d1015;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 10px}.workspace-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;padding:18px 10px 33px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #42d6d033;flex:none}.nav-item{justify-content:flex-start;width:100%;border:0;background:none;font-size:13px;color:#a4acb9}.nav-item span{font-size:18px}.nav-item.active{background:#42d6d00b;color:var(--accent)}.sidebar-caption{display:flex;align-items:center;justify-content:space-between;color:#646e7d;font-size:9px;letter-spacing:.15em;padding:28px 12px 10px}.sidebar-caption button{min-height:22px;padding:0 4px;background:none;border:0;color:var(--muted);font-size:20px}#sites{overflow:auto}.site-link{display:flex;gap:10px;align-items:center;justify-content:flex-start;width:100%;background:none;border-color:transparent;color:var(--muted);font-weight:500;padding:10px 12px}.site-link.active{background:var(--panel2);color:var(--text)}.site-link .site-initial{display:grid;place-items:center;width:24px;height:24px;border:1px solid #36404c;background:#202630;border-radius:6px;font-size:10px;color:#b5c6d9}.sidebar-bottom{margin-top:auto;padding:24px 10px 0}.server-label{font-size:11px;color:#b4bdc9}.server-label .status-dot{margin-right:5px}.server-label small{display:block;color:#596475;padding-top:6px;font-size:10px}.sidebar-bottom button{padding:8px 0;margin-top:19px}.dashboard-main{margin-left:230px;max-width:1780px;padding:0 42px 70px}.workspace-bar{height:88px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);margin-bottom:40px}#breadcrumb span{padding:0 12px;color:#424b59}.workspace-badge{font-size:9px;letter-spacing:.18em;color:#697383;display:flex;gap:10px;align-items:center}.workspace-badge i{width:5px;height:5px;background:#97a1b1;border-radius:50%}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 32px}.page-heading p:not(.eyebrow){margin:13px 0 0;font-size:14px}.page-heading>.primary{padding:12px 18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:linear-gradient(125deg,#141922,#101319);margin:0 0 40px}.metrics>div{padding:22px 26px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;font-family:'Space Grotesk';font-weight:400;font-size:30px;margin-top:8px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 22px}.section-heading p{margin:7px 0 0}.section-heading input{max-width:240px;font-size:12px}.site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;cursor:pointer;text-align:left;padding:0;display:block;font-weight:400;min-width:0}.site-card:hover{border-color:#626f7c;background:var(--panel);transform:translateY(-3px)}.card-art{height:170px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 0%,#334b5240,transparent 70%),#10161e}.card-art::before{content:'';width:90px;height:90px;border-radius:50%;border:1px solid #849fbf35;box-shadow:0 0 0 14px #849fbf08,0 0 0 24px #849fbf05;position:absolute}.card-art span{font-family:'Space Grotesk';font-size:47px;font-weight:300;color:#bdd4dd;z-index:1;letter-spacing:-.09em}.card-art img{width:50px;height:50px;border-radius:10px;object-fit:contain;z-index:1}.site-card:nth-child(3n+2) .card-art{background:radial-gradient(ellipse at 60% 0%,#58523350,transparent 70%),#15160f}.site-card:nth-child(3n+3) .card-art{background:radial-gradient(ellipse at 60% 0%,#51385650,transparent 70%),#17121c}.card-info{padding:18px 19px}.card-info .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.card-info p{margin:8px 0 0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info .card-bottom{display:flex;justify-content:space-between;font-size:10px;color:#768191;margin-top:19px;padding-top:13px;border-top:1px solid var(--line)}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #3a424e;background:#232a33;color:#aeb9c9;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:500;white-space:nowrap}.pill.green{color:var(--accent);background:#42d6d00a;border-color:#42d6d030}.pill.amber{color:var(--amber);background:#e4be7a0a;border-color:#e4be7a30}.heading-status{display:flex;gap:8px;margin-top:13px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow:auto}.tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:13px 0;color:var(--muted);font-weight:500;white-space:nowrap}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:25px}.panel p{margin:12px 0 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading button{padding:3px 0;min-height:24px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.overview-side{display:flex;flex-direction:column;gap:18px}.overview-side .panel{padding:22px}.preview-panel{padding:18px;align-self:start}.preview-panel h2{font-size:14px}.browser-top{display:flex;gap:5px;align-items:center;background:#0c1015;padding:11px 12px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0}.browser-top i{width:5px;height:5px;background:#414955;border-radius:50%}.browser-top span{margin:auto;font-size:9px;color:#6f7b8c}.preview-panel iframe{width:100%;height:480px;border:1px solid var(--line);border-radius:0 0 8px 8px;background:#fff}.connected-claude{background:#42d6d00a;color:var(--accent);border-color:#42d6d030}.content-layout{display:grid;grid-template-columns:210px minmax(0,1fr);padding:0;overflow:hidden}.file-sidebar{border-right:1px solid var(--line);padding:14px 10px;max-height:650px;overflow:auto}.file-link{display:block;width:100%;text-align:left;justify-content:flex-start;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;background:none;border:0;padding:8px 10px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8996a8;min-height:30px}.file-link.active{color:var(--accent);background:#42d6d00a}.code{min-width:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line);gap:10px}.editor-toolbar>span{font:12px ui-monospace,monospace;color:#aeb9c9;overflow:hidden;text-overflow:ellipsis}.editor-toolbar button{min-height:32px;padding:6px 11px;font-size:11px}#content{border:0;border-radius:0;background:#0d1117;min-height:490px;resize:vertical;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;padding:20px;color:#c6d2df;box-shadow:none}#asset-preview{padding:30px;text-align:center;color:var(--muted)}#asset-preview img{max-width:100%;max-height:350px}#domain-form{display:flex;align-items:flex-end;gap:12px}.domain-input{flex:1}.domain-input label,.stack-form>label,.field-row label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.check-row{display:flex!important;align-items:center;gap:9px;color:var(--muted);font-size:12px!important;font-weight:400!important;margin:15px 0!important;flex-wrap:wrap}.check-row span{font-size:11px}.domain-card{margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.domain-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.domain-name{font-family:'Space Grotesk';font-size:19px;font-weight:500}.domain-card-head button{min-height:30px;font-size:11px}.domain-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.domain-checks>div{background:#0e1218;border:1px solid var(--line);border-radius:8px;padding:12px}.domain-checks small{color:var(--muted);font-size:10px;display:block;margin-bottom:7px}.domain-checks strong{font-weight:500;font-size:12px}.domain-aliases{margin-top:12px;font-size:11px;color:var(--muted);line-height:1.8}.domain-aliases a{color:var(--cyan);text-decoration:none}.dns-guide{margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid var(--line)}td button{min-height:27px;padding:5px 8px;font-size:10px}details{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}summary{cursor:pointer;color:#bac5d4;font-size:12px}details p{font-size:12px}.identity-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.stack-form{display:flex;flex-direction:column;gap:10px}.stack-form>label{margin-top:8px;margin-bottom:0}.stack-form textarea{min-height:105px;resize:vertical;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0}.field-row input{font-size:12px}.upload-small{display:inline-flex!important;margin:9px 0 0!important;font-size:11px!important;min-height:32px;padding:7px 10px}.stack-form .actions{margin-top:15px}.social-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#161a21}.social-art{height:160px;display:grid;place-items:center;background:radial-gradient(ellipse at top,#30414f,transparent),#10161d;background-size:cover;background-position:center}.social-art span{font-size:48px;color:#b0cadc}.social-info{padding:17px}.social-info small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.social-info h3{font-family:'DM Sans';font-size:14px;font-weight:600;letter-spacing:0;margin-top:8px;overflow-wrap:anywhere}.social-info p{font-size:11px;line-height:1.6;margin:7px 0 0;overflow-wrap:anywhere}.search-preview{margin-top:27px}.search-preview h3{font-family:system-ui;font-size:16px;color:#9ab4ed;letter-spacing:0;margin-top:14px}.search-preview p{font-size:12px}.version{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.version:first-child{padding-top:0}.version:last-child{border-bottom:0;padding-bottom:0}.version-label{display:flex;gap:12px;align-items:center;font-size:13px}.version-label .version-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.version small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.version button{font-size:11px;min-height:32px}.claude-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.setup-steps{padding-left:21px;margin:24px 0 0}.setup-steps li{padding:0 0 27px 9px;font-size:14px}.setup-steps li::marker{color:var(--accent);font-size:11px}.setup-steps li:last-child{padding-bottom:0}.setup-steps p{font-size:12px;margin:9px 0 12px}.copy-row{display:flex;gap:8px}.copy-row input{min-width:0}.setup-steps textarea{height:155px;font:11px/1.7 ui-monospace,monospace;margin-bottom:8px;resize:vertical}.text-link{display:inline-block;color:var(--accent);text-decoration:none;font-size:12px;margin-top:12px}.claude-hint{align-self:start}.big-symbol{font-size:44px;color:var(--accent);display:block;margin-bottom:24px}.claude-hint h2{font-size:26px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border-top:1px solid var(--line);margin-top:18px}.settings-row p{margin:5px 0 0;font-size:12px}.settings-row strong{font-size:14px;font-weight:500}.empty-state{text-align:center;padding:65px 20px}.empty-orbit{font-size:48px;color:var(--accent);margin-bottom:20px}.empty-state p{margin-bottom:23px}.form-error{background:#f19d9d10;border:1px solid #f19d9d35;color:#efaaaa;padding:12px;border-radius:8px;font-size:12px}.action-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #37404f;border-radius:16px;padding:29px;background:#151a22;color:var(--text);box-shadow:0 30px 120px #0009}.action-dialog h2{font-size:25px}.action-dialog p{margin:0 0 9px}.modal-symbol{color:var(--accent);font-size:32px;margin-bottom:8px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}dialog::backdrop{background:#02050bd9;backdrop-filter:blur(6px)}#preview{width:96vw;height:94vh;border:1px solid var(--line);padding:0;border-radius:12px;background:var(--panel)}.dialog-head{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 18px;border-bottom:1px solid var(--line);font-size:12px}.dialog-head .status-dot{margin-right:7px}.dialog-head small{color:var(--muted);margin-left:8px}#preview-frame{width:100%;height:calc(100% - 58px);border:0;background:white}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);background:#103036;color:#bcf5f5;border:1px solid #267780;border-radius:10px;box-shadow:0 10px 50px #0005;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.login-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#163c5033,transparent 70%),var(--bg)}.auth-header{padding:30px 40px;display:flex;justify-content:space-between;align-items:center}.auth-header>a:last-child{color:var(--muted);font-size:12px;text-decoration:none}.auth-main{max-width:420px;margin:70px auto;padding:0 20px}.login{padding:30px}.login h1{font-size:29px}.login form{display:flex;flex-direction:column;gap:10px}.login label{font-size:11px;margin-top:12px;color:#b3bdcb}.login button{margin-top:15px}.login p{font-size:12px}.auth-foot{text-align:center;font-size:10px;color:#515e6e;margin-top:22px}.home-page{background:#05070a;overflow-x:hidden}.home-header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:32px 42px;pointer-events:none}.home-header>*{pointer-events:auto}.home-mark img{width:33px;height:33px}.home-login{font:12px 'DM Sans';padding:11px 19px;border:1px solid #ffffff30;border-radius:40px;color:#f0f2f4;text-decoration:none;background:#11171c44;backdrop-filter:blur(15px)}.home-login:hover{border-color:#42d6d0;background:#42d6d015}.home-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:pan-y}.home-scroll{height:310vh;position:relative;pointer-events:none}.home-phases{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:3}.home-phases i{width:4px;height:4px;border-radius:50%;background:#ffffff30;transition:.5s}.home-phases i.active{background:#42d6d0;box-shadow:0 0 12px #42d6d066}.home-page::-webkit-scrollbar{width:0}.home-page{scrollbar-width:none}
@media(min-width:1550px){.dashboard-main{padding-left:65px;padding-right:65px}.site-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.site-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main{padding:0 25px 50px}.sidebar{width:205px}.dashboard-main{margin-left:205px}.overview-grid,.claude-layout{grid-template-columns:minmax(0,1fr) 250px}.identity-layout{grid-template-columns:minmax(0,1fr) 240px}.page-heading{align-items:flex-start;flex-wrap:wrap}.site-heading .actions{width:100%}h1{font-size:34px}.content-layout{grid-template-columns:160px minmax(0,1fr)}}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto;padding:19px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:15px}.sidebar .brand{padding:0;font-size:17px}.sidebar .workspace-label,.sidebar-caption,.sidebar #sites,.sidebar-bottom .server-label{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0}.sidebar-bottom button{margin:0;padding:5px;font-size:10px}.nav-item{width:auto;font-size:11px;padding:7px}.dashboard-main{margin:0;padding:0 20px 40px}.workspace-bar{height:62px;margin-bottom:28px}.workspace-badge{display:none}.site-cards{gap:13px}.card-art{height:140px}.card-info{padding:14px}.metrics>div{padding:17px}.metrics strong{font-size:25px}.overview-grid,.identity-layout,.claude-layout{grid-template-columns:1fr}.overview-side{display:grid;grid-template-columns:1fr 1fr}.overview-side>.panel:first-child{grid-column:1/-1}.identity-layout>aside{max-width:380px}.tabs{gap:20px}.section-heading{align-items:flex-start;flex-wrap:wrap}.preview-panel iframe{height:370px}.content-layout{grid-template-columns:1fr}.file-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:130px}.file-link{width:auto;display:inline-flex;margin:3px}.field-row{grid-template-columns:1fr}.panel{padding:20px}.home-header{padding:25px}.auth-header{padding:25px}.auth-main{margin-top:50px}#content{min-height:400px}.domain-checks{grid-template-columns:1fr 1fr 1fr}.domain-checks>div{padding:10px 8px}.domain-checks strong{font-size:11px}}@media(max-width:480px){h1{font-size:30px}.site-cards{grid-template-columns:1fr}.card-art{height:180px}.metrics>div{padding:15px 12px}.metrics small{font-size:9px}.metrics{margin-bottom:28px}.overview-side{display:flex}.actions button,.actions .button{font-size:11px;padding:9px 10px}.tabs{margin-bottom:22px}.domain-card-head{align-items:flex-start}.domain-name{font-size:16px}#domain-form{flex-wrap:wrap}.domain-input{min-width:100%}.editor-toolbar{flex-wrap:wrap}.auth-header .brand{font-size:17px}.section-heading input{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.site-card:hover{transform:none}}

#dns-zone-field{margin:18px 0;max-width:420px}#dns-zone-field label{display:block;margin-bottom:8px;font-size:12px}#dns-zone-field small{display:block;margin-top:8px}.setup-steps strong{font-weight:500}

.login .form-error{margin-top:16px}

.sidebar .brand{margin-bottom:32px}.home-intro{position:fixed;left:8vw;top:34vh;z-index:2;pointer-events:none;max-width:46vw}.home-intro p{color:#9bb9c8;font-size:16px;margin:0 0 18px}.home-intro h1{font-size:clamp(60px,8vw,126px);line-height:.95;letter-spacing:-.065em;font-weight:500}.home-intro h1 span{display:block;color:#55d9df}.home-header{padding:30px 5vw}.home-mark{display:flex;gap:10px;align-items:center;text-decoration:none;color:#d8e4ec;font-size:14px}.home-mark img{width:26px;height:26px}.home-scroll{height:280vh}.home-page{background:#060c14}.home-canvas{background:radial-gradient(ellipse at 75% 50%,#0b263c55,transparent 65%)}.home-scroll-hint{position:fixed;left:8vw;bottom:40px;color:#8098aa;font-size:11px;letter-spacing:.08em;z-index:2}.home-scroll-hint span{display:inline-block;width:30px;height:1px;background:#42d6d0;margin:0 10px 3px 0}@media(max-width:800px){.sidebar .brand{margin-bottom:0}.home-intro{left:8vw;top:19vh;max-width:90vw}.home-intro h1{font-size:clamp(62px,14vw,100px)}.home-intro p{font-size:14px}.home-scroll-hint{bottom:26px}}@media(prefers-reduced-motion:reduce){.home-scroll{height:100vh}}
.home-page{background:#040a12}.home-canvas{background:radial-gradient(ellipse at 70% 48%,#081c31,transparent 70%)}.home-intro{top:36vh;left:7vw;max-width:42vw;will-change:transform,opacity}.home-intro p{font-size:13px;color:#8ea6b8;letter-spacing:.04em}.home-intro h1{font-size:clamp(58px,6.8vw,104px);font-weight:400}.home-intro h1 span{background:linear-gradient(110deg,#87f4df,#32c8e1 55%,#518bf5);background-clip:text;-webkit-background-clip:text;color:transparent}.home-login{border-color:#53ccd650;background:linear-gradient(120deg,#16415855,#0c1928);box-shadow:inset 0 0 20px #42d6d008}.home-scroll{height:320vh}.home-scroll-hint{left:7vw}.home-header:after{content:'';position:absolute;left:7vw;right:7vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#759db020,transparent)}@media(max-width:800px){.home-intro{top:16vh;left:8vw;max-width:90vw}.home-intro h1{font-size:clamp(56px,12vw,86px)}.home-intro p{font-size:12px}.home-scroll-hint{left:8vw}}@media(prefers-reduced-motion:reduce){.home-scroll{height:100vh}}
.home-canvas{mask-image:linear-gradient(90deg,transparent 14%,#0002 32%,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent 14%,#0002 32%,#000 48%)}@media(max-width:800px){.home-canvas{mask-image:linear-gradient(180deg,transparent 28%,#000 48%);-webkit-mask-image:linear-gradient(180deg,transparent 28%,#000 48%)}}
/* Bold homepage composition */
.home-intro{left:5vw;top:25vh;max-width:90vw}.home-intro p{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#a9becf;margin-bottom:22px}.home-intro h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(90px,14.7vw,240px);font-weight:700;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.home-intro h1 span{margin-top:14px;background:linear-gradient(100deg,#99ffee,#33dae4 35%,#398af8 75%);background-clip:text;-webkit-background-clip:text;color:transparent}.home-canvas{mask-image:linear-gradient(90deg,transparent 5%,#0006 35%,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent 5%,#0006 35%,#000 60%);background:radial-gradient(ellipse at 75% 55%,#0b3556,transparent 70%)}.home-page{background:#030810}.home-login{font-size:14px;font-weight:600;padding:13px 25px;color:#061c27;background:#76ede8;border:0;box-shadow:0 0 35px #42d6d023}.home-login:hover{background:#a2fff6;color:#061c27}.home-scroll-hint{left:5vw}.home-header{padding:28px 5vw}.home-header:after{left:5vw;right:5vw}@media(max-width:800px){.home-intro{top:20vh;left:6vw;max-width:90vw}.home-intro h1{font-size:clamp(64px,16vw,126px);line-height:.87}.home-intro p{font-size:10px;margin-bottom:19px}.home-canvas{mask-image:linear-gradient(180deg,transparent 25%,#0008 42%,#000 62%);-webkit-mask-image:linear-gradient(180deg,transparent 25%,#0008 42%,#000 62%)}.home-login{font-size:12px;padding:11px 20px}.home-scroll-hint{left:6vw}}

.build-log{white-space:pre-wrap;overflow-wrap:anywhere;background:#090f17;border:1px solid var(--line);border-radius:8px;padding:18px;color:#a9c6d9;max-height:340px;overflow:auto;font:11px/1.8 ui-monospace,monospace;margin-top:22px}.deployment-settings{margin-top:22px;max-width:800px}.deployment-settings textarea{min-height:120px;font-family:ui-monospace,monospace;-webkit-text-security:disc}
/* Sculptural landing page */
.home-page{background:#070b11}.home-intro{left:8vw;top:36vh;max-width:42vw}.home-intro p{font-size:14px;letter-spacing:0;text-transform:none;color:#9aa9b9;margin-bottom:20px}.home-intro h1{font-size:clamp(52px,6vw,90px);font-weight:500;line-height:1.02;letter-spacing:-.055em;text-transform:none}.home-intro h1 span{display:block;margin-top:0;background:none;color:#72e2dc}.home-canvas{mask-image:none;-webkit-mask-image:none;background:none}.home-login{background:#14242d;border:1px solid #345565;color:#d6f7f3;box-shadow:none;font-size:12px;padding:12px 22px}.home-login:hover{background:#1c3c49;color:white}.home-scroll{height:240vh}.home-scroll-hint{left:8vw;color:#687789;letter-spacing:.02em}.home-header{padding:30px 5vw}.home-header:after{display:none}.home-fallback:after{content:'';position:fixed;left:57vw;top:24vh;width:30vw;height:50vh;border:35px solid #29a8ba;border-radius:47%;transform:rotate(-30deg);box-shadow:inset 8px 12px 30px #8aefe4,15px 0 55px #133b76;pointer-events:none}.home-fallback canvas{display:none}@media(max-width:800px){.home-intro{left:8vw;top:17vh;max-width:88vw}.home-intro h1{font-size:clamp(50px,11vw,72px)}.home-intro p{font-size:13px;margin-bottom:14px}.home-fallback:after{left:25vw;top:48vh;width:45vw;height:30vh;border-width:25px}}@media(prefers-reduced-motion:reduce){.home-scroll{height:100vh}}

.file-selection{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.file-selection label{font-size:11px;display:flex;gap:7px;align-items:center}.file-selection button{font-size:10px;padding:6px}.file-selection small{width:100%;font-size:10px}.tree-file{display:flex;align-items:center;gap:6px;min-width:0}.tree-file .file-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 5px;min-height:30px;font-size:11px}.tree-folder summary{cursor:pointer;font-size:12px;padding:9px 0;color:#bdcbd3;white-space:nowrap}.tree-folder>details,.tree-folder>.tree-file{margin-left:15px}.tree-folder summary input{vertical-align:middle;margin-left:4px}.tree-file input{flex:none}@media(max-width:800px){.file-sidebar{max-height:350px}.tree-file .file-link{width:100%;display:flex;margin:0}}

.storage-panel{margin-bottom:24px}.storage-numbers{display:flex;align-items:baseline;gap:12px;margin:20px 0 12px}.storage-numbers strong{font-size:25px;font-weight:500}.storage-numbers span{font-size:12px}.storage-panel progress{width:100%;height:8px;accent-color:var(--accent)}.storage-panel progress::-webkit-progress-bar{background:var(--panel2);border-radius:5px}.storage-panel progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.storage-panel form{margin:20px 0 12px}.storage-panel form label{font-size:12px}.storage-panel input{width:100px}.storage-breakdown{margin:22px 0 16px}.storage-breakdown .settings-row{padding:10px 0;font-size:12px}

.content-switch{display:flex;gap:6px;margin-bottom:18px}.content-switch button{background:none;border-color:transparent;color:var(--muted)}.content-switch button.active{background:var(--panel2);border-color:var(--line);color:var(--text)}.tree-folder{border:0;background:none;border-radius:0;padding:0;margin:0}.tree-folder summary{margin:0;padding:6px 0}.tree-folder>details,.tree-folder>.tree-file{margin-left:18px}.file-sidebar{max-height:65vh;overflow:auto}.storage-mount{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:7px;text-align:left}.storage-mount strong{font-size:12px;font-weight:500}.storage-mount small{font-size:10px}.storage-mount.active{border-color:#42d6d050;background:#42d6d009}#stored-browser{padding:24px;min-width:0;min-height:350px}.stored-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.stored-header p{font-size:12px;margin:10px 0 20px}#stored-crumbs{margin-bottom:18px;gap:2px}#stored-crumbs button{font-size:11px;min-height:28px;padding:5px 8px}.stored-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.stored-entry button{font-size:12px;justify-content:flex-start;padding:3px 0;text-align:left}.stored-entry small{white-space:nowrap;font-size:10px}.stored-entry span{min-width:0}.stored-entry button:before{color:var(--accent)}
/* Ordinary tasks first; technical tools stay in Advanced. */
.simple-tabs{overflow:visible;gap:28px;align-items:center}.advanced-menu{margin:0 0 0 auto;padding:0;border:0;background:none;position:relative;color:var(--muted);font-size:12px}.advanced-menu summary{padding:13px 0;list-style:none;cursor:pointer}.advanced-menu summary::-webkit-details-marker{display:none}.advanced-menu summary span{margin-left:8px}.advanced-menu>div{position:absolute;right:0;top:42px;min-width:190px;display:flex;flex-direction:column;background:#171c24;border:1px solid var(--line);border-radius:12px;padding:7px;z-index:20;box-shadow:0 15px 45px #0006}.advanced-menu>div button{padding:11px!important;border:0!important;text-align:left;justify-content:flex-start;border-radius:7px}.advanced-menu>div button:hover{background:#222b37}.project-summary{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px;background:linear-gradient(110deg,#14222b,#11161e)}.project-summary h2{font-size:25px}.project-summary p{margin:11px 0 18px}.project-summary .eyebrow{margin:0 0 13px;font-size:9px}.summary-version{display:flex;flex-direction:column;align-items:flex-end;gap:13px;min-width:115px}.summary-version small{color:var(--muted);font-size:10px}.project-summary .actions button{font-size:11px}.flow-stages{display:flex;gap:9px;margin:20px 0;flex-wrap:wrap}.flow-stage{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 13px;color:var(--muted)}.flow-stage.current{color:var(--accent);border-color:#42d6d060;background:#42d6d009}.empty-preview{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#0d121a;border-radius:8px}.empty-preview>span{font-size:35px;color:var(--accent);margin-bottom:20px}.empty-preview p{margin:12px 0 22px}.overview-side #home-space{font-size:23px;font-weight:400}.overview-side #home-space-detail{font-size:12px;margin:8px 0 0}.file-tools{position:relative;margin:0;border:0;padding:0;background:none;font-size:12px}.file-tools>summary{padding:10px;cursor:pointer}.file-tools>div{position:absolute;right:0;top:40px;width:180px;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;z-index:4}.project-dialog{width:min(570px,calc(100vw - 32px));padding:30px;border:1px solid #303c48;border-radius:18px;background:#111821;color:var(--text);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0008}.project-dialog::backdrop{background:#03070dbd;backdrop-filter:blur(6px)}.project-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.project-dialog-head h2{font-size:25px}.project-dialog-head button{padding:4px;min-height:25px}.project-dialog-head .eyebrow{font-size:9px;margin-bottom:9px}.project-dialog .stack-form{margin-bottom:20px}.project-drop{padding:27px 20px;border:1px dashed #445561;border-radius:12px;text-align:center;background:#0d141c;margin:22px 0}.project-drop.dragging{border-color:var(--accent);background:#133038}.upload-symbol{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;background:#19323b;color:var(--accent);font-size:24px;margin-bottom:13px}.project-drop h3{font-size:17px}.project-drop p{font-size:12px;margin:10px 0 20px}.project-drop .actions{justify-content:center}.project-check{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:20px;background:#131d26}.project-check h3{font-size:16px;margin-top:12px}.project-check p{font-size:12px;margin:8px 0}.project-check small{font-size:10px}.project-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.project-safe-note{display:block;font-size:10px;line-height:1.7;margin-top:18px}.project-dialog .form-error{margin-top:15px}#project-values label{font-size:12px}#project-values small{font-size:11px;line-height:1.6}.simple-tabs button.active{color:var(--text)}@media(max-width:650px){.simple-tabs{gap:19px}.simple-tabs button{font-size:12px}.advanced-menu{font-size:11px}.project-summary{padding:22px;flex-direction:column}.summary-version{flex-direction:row;align-items:center;justify-content:space-between}.project-summary h2{font-size:22px}.project-dialog{padding:23px}.project-dialog-actions{flex-wrap:wrap}.project-summary .actions{gap:6px}.project-summary .actions button{font-size:10px}}
/* Folder-first project workspace. */
#source-file-actions{display:none}.project-explorer{display:grid;grid-template-columns:180px minmax(0,1fr);padding:0;min-height:460px}.explorer-sidebar{padding:18px 10px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.explorer-sidebar button{border:0;text-align:left;background:transparent;font-size:13px}.explorer-sidebar button:hover{background:#172331}.explorer-main{padding:20px;min-width:0}.explorer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.explorer-toolbar .actions{gap:7px}.explorer-toolbar button,.explorer-toolbar .button{font-size:12px;padding:9px 12px}#explorer-crumbs{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.explorer-selection{display:flex;gap:12px;align-items:center;font-size:12px;margin:18px 0;color:var(--muted)}.explorer-selection label{display:flex;align-items:center;gap:6px}.explorer-selection button{font-size:12px}.explorer-selection input,.explorer-row input{width:16px;height:16px;flex:none}#explorer-list{min-height:260px}.explorer-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #19222d;min-height:62px;padding:8px}.explorer-row:hover,.explorer-row:focus-within{background:#111b26}.explorer-name{background:transparent;border:0;display:flex;gap:14px;align-items:center;padding:6px;flex:1;min-width:0;text-align:left}.entry-name{overflow-wrap:anywhere;white-space:normal;font-size:14px}.folder-icon{color:#4db6e5;font-size:24px;flex:none}.entry-detail{color:var(--muted);font-size:12px;flex:0 0 130px;overflow-wrap:anywhere}.entry-date{color:var(--muted);font-size:11px;flex:0 0 80px}.root-folders .explorer-row{padding:14px 8px;min-height:95px}.root-folders .folder-icon{font-size:34px}.root-folders .entry-detail{flex-basis:240px}#explorer-note{font-size:12px;line-height:1.6;margin:18px 0 0}.explorer-empty{padding:65px 15px;text-align:center;color:var(--muted)}.project-explorer.dragging{border:2px dashed #4abcf0;background:#0d2634}.project-explorer.dragging:after{content:'Drop files or folders into this folder';position:fixed;inset:35% 20%;display:grid;place-items:center;background:#0d2438ed;border:1px solid #4abcf0;border-radius:20px;pointer-events:none;z-index:100;font-size:24px}#explorer-menu{position:fixed;z-index:150;width:220px;padding:7px;border:1px solid #304252;border-radius:12px;background:#131d28;box-shadow:0 18px 50px #0009}#explorer-menu button{display:block;width:100%;text-align:left;border:0;background:none;font-size:13px;padding:12px}#explorer-menu button:hover{background:#203247}#file-editor-dialog{width:min(1000px,94vw);max-width:none;padding:0;background:#0d131d}.editor-modal-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line)}.editor-modal-heading h2{font-size:16px;margin:0}#file-editor-dialog .code{min-height:60vh}#file-editor-dialog textarea{min-height:58vh;width:100%}#explorer-upload{position:relative;margin:0;padding:0;border:0}#explorer-upload summary::-webkit-details-marker{display:none}#explorer-upload summary{cursor:pointer;list-style:none}.upload-choices{position:absolute;right:0;top:44px;z-index:20;padding:10px;display:grid;gap:5px;background:#142232;border:1px solid var(--line);border-radius:12px;min-width:130px}
@media(max-width:720px){.project-explorer{grid-template-columns:1fr}.explorer-sidebar{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:10px}.explorer-sidebar button{font-size:11px;padding:8px}.explorer-main{padding:12px}.entry-date{display:none}.entry-detail{flex-basis:65px;font-size:10px}.root-folders .entry-detail{flex-basis:100px}.entry-name{font-size:13px}.explorer-row{gap:8px}.project-explorer.dragging:after{inset:35% 8%;font-size:18px}.editor-toolbar{flex-wrap:wrap}}

.explorer-name{justify-content:flex-start}.folder-icon{display:inline-flex;align-items:center}.root-folders .folder-icon svg{width:34px;height:34px}

.project-explorer{grid-template-columns:minmax(0,1fr)}.explorer-sidebar[hidden]{display:none}.explorer-main{padding:20px}#explorer-list.root-folders{display:block}

.file-more{border:0;background:transparent;padding:6px;font-size:20px;line-height:1}.file-more:hover{background:#203247}@media(max-width:720px){.explorer-main{padding:12px}.explorer-toolbar .actions{gap:5px;width:100%;flex-wrap:nowrap}.explorer-toolbar button,.explorer-toolbar .button{font-size:11px;padding:7px 9px}.explorer-toolbar #explorer-trash-open,.explorer-toolbar #explorer-refresh{font-size:0;padding:7px;width:30px;flex:none}.explorer-toolbar #explorer-trash-open:after{content:'↶';font-size:17px}.explorer-toolbar #explorer-refresh:after{content:'⟳';font-size:17px}.explorer-selection{gap:6px;margin:12px 0}.explorer-selection button{font-size:10px;padding:7px}.file-more{font-size:18px;padding:4px}.entry-detail{flex-basis:48px}.explorer-name{gap:8px}}

.server-health{margin:22px 0 30px;padding:22px 26px}.server-health-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.server-health-heading h2{font-size:17px;margin:0}.server-health-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:22px}.server-health-metric{display:flex;flex-direction:column;gap:10px}.server-health-metric strong{font-size:23px}.server-health-metric progress{width:100%;height:5px;accent-color:var(--accent)}.server-health p{font-size:12px;line-height:1.6;margin:18px 0 0}#server-health-time{font-size:11px;margin-top:7px}@media(max-width:700px){.server-health-metrics{grid-template-columns:1fr;gap:22px}.server-health{padding:20px}}