:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050807;--surface:#0b120e;--raised:#111c16;--text:#f5fff9;--soft:#b5c8bf;--muted:#91a69b;--green:#36ff93;--green-hover:#56ffaa;--cyan:#64f6dc;--red:#ff8585;--border:#daffeb1c;--border-active:#43ff9a57;--radius:22px;--radius-inner:15px;--radius-control:12px;--space:24px;--font:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);font-family:var(--font);font-synthesis:none;color:var(--text);background:var(--bg);font-size:14px;line-height:1.5}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;font-size:clamp(23px,2.4vw,30px);font-weight:650;line-height:1.25}h2{letter-spacing:-.015em;font-size:18px;font-weight:600}h3{font-size:16px;font-weight:600}small{color:var(--muted);font-size:12px}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.muted,.section-note{color:var(--muted)}.section-note{margin:18px 0 0;font-size:12px;line-height:1.6}.text-danger{color:var(--red)!important}.button,.icon-button{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--raised);min-height:42px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:550;transition:background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--border-active);background:#1a2c20}.button.primary{background:var(--green);color:#052512;border-color:#0000}.button.primary:hover:not(:disabled){background:var(--green-hover)}.button.danger{color:var(--red);background:#ff6b6b12;border-color:#ff6b6b40}.button.danger:hover:not(:disabled){background:#ff6b6b25;border-color:#ff6b6b65}.icon-button{width:42px;color:var(--soft);background:0 0;border-color:#0000;padding:0}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:12px;display:inline-flex}.button .loading{color:inherit;padding:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}label{color:var(--soft);gap:8px;font-size:13px;font-weight:500;display:grid}input{width:100%;min-width:0;height:44px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-control);padding:10px 13px}input::placeholder{color:var(--muted)}input:focus{outline:2px solid var(--border-active);outline-offset:1px;border-color:var(--green)}form{gap:20px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.modal{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transform-origin:50%;width:min(480px,100vw - 32px);max-height:calc(100svh - 40px);padding:26px;animation:.28s cubic-bezier(.16,1,.3,1) both dialog-in;box-shadow:0 32px 100px #0008}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;animation:.22s ease-out both backdrop-in}.modal[data-closing=true]{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both dialog-out}.modal[data-closing=true]::backdrop{animation:.18s ease-in both backdrop-out}.modal-heading{justify-content:space-between;align-items:center;gap:16px;margin:-6px -8px 20px 0;display:flex}.modal-heading h2{margin:0}.modal.wide{width:min(900px,100vw - 32px)}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes dialog-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}.toast{z-index:100;border:1px solid var(--border-active);border-radius:var(--radius-inner);max-width:min(520px,100vw - 32px);animation:menu-in .18s var(--ease);background:#13251b;align-items:center;gap:12px;padding:15px 20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 45px #0007}.toast>svg{color:var(--green)}.toast.error{background:#291716;border-color:#ff858549}.toast .icon-button{margin:-8px -8px -8px 0}.skip-link{z-index:200;background:var(--surface);padding:12px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:10px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:0 clamp(20px,3vw,52px);display:flex}.brand{letter-spacing:-.045em;white-space:nowrap;align-items:baseline;font-size:21px;font-weight:750;display:inline-flex}.brand>span{color:var(--green)}.brand small{letter-spacing:normal;border-left:1px solid var(--border);margin-left:16px;padding-left:16px;font-size:13px;font-weight:450}.header-actions{align-items:center;gap:18px;display:flex}.account-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;color:var(--soft);overflow:hidden}.app-layout{grid-template-columns:255px minmax(0,1fr);gap:32px;width:min(1620px,100%);min-height:calc(100svh - 225px);margin:34px auto;padding:0 clamp(20px,3vw,52px);display:grid}.main-container,.workspace{min-width:0}.sidebar{align-self:start;padding-top:5px}.sidebar-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sidebar-heading h2{margin:0;font-size:14px}.sidebar-heading h2 span{color:var(--muted);margin-left:6px;font-weight:400}.site-list{gap:10px;display:grid}.site-item{border-radius:var(--radius-inner);width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;align-items:flex-start;gap:12px;padding:16px 13px;display:flex}.site-item:hover{background:var(--surface)}.site-item.selected{border-color:var(--border-active);background:#102019}.site-symbol{border:1px solid var(--border);width:36px;height:36px;color:var(--green);border-radius:11px;place-items:center;display:grid}.site-item-text{flex:1;min-width:0;display:block}.site-item-text strong{overflow-wrap:anywhere;font-weight:600;display:block}.site-item-text>small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.site-item-meta{color:var(--muted);align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}.site-item-meta>span{margin-left:auto}.sidebar-note{color:var(--muted);margin:24px 14px 0;font-size:12px;line-height:1.9}.site-heading{justify-content:space-between;align-items:center;gap:20px;min-height:65px;margin-bottom:25px;display:flex}.heading-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.heading-line h1{overflow-wrap:anywhere;margin:0}.badge{color:var(--soft);border:1px solid var(--border);white-space:nowrap;background:#daffeb07;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge.positive{color:#8efbbb;background:#36ff9309;border-color:#36ff932d}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.on{background:var(--green)}.site-address{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:13px;display:flex}.site-address small{color:#dbca90}.site-controls{flex-shrink:0;align-items:center;gap:9px;display:flex}.workspace-surface{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:clip}.tabs{isolation:isolate;border-bottom:1px solid var(--border);gap:5px;padding:13px 18px;display:flex;position:relative;overflow-x:auto}.tabs>button{z-index:1;border-radius:var(--radius-control);min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex;position:relative}.tabs>button[aria-selected=true]{color:var(--green)}.tabs>button:not([aria-selected=true]):hover{color:var(--text);background:#daffeb06}.workspace-surface>[role=tabpanel]{padding:22px}.footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:24px;padding:22px clamp(20px,3vw,52px);font-size:12px;display:flex}.footer>span{margin-right:auto}.login-screen,.full-loading{text-align:center;place-content:center;min-height:100svh;padding:24px;display:grid}.login-screen>.brand{justify-content:center;margin-bottom:36px}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:28px;padding:40px}.login-card h1{margin:24px 0 14px}.login-card p{color:var(--muted);line-height:1.8}.login-card>small{margin-top:20px;display:block}.login-card .button{width:100%;margin-top:16px}.login-icon{width:72px;height:72px;color:var(--green);background:#36ff9309;border:1px solid #36ff932c;border-radius:22px;place-items:center;display:inline-grid}.domain-input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg);align-items:center;display:flex;overflow:hidden}.domain-input input{border:0;border-radius:0;min-width:0}.domain-input:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #36ff931a}.domain-input input:focus-visible{box-shadow:none;outline:none}.domain-input>span{white-space:nowrap;color:var(--muted);padding-right:12px;font-size:12px;font-weight:400}.section-heading{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{margin-bottom:8px}.section-heading p{color:var(--muted);margin:0;font-size:13px}.section-heading>svg{color:var(--muted)}.domain-card{border:1px solid var(--border);border-radius:var(--radius-inner);margin-top:14px;padding:19px}.domain-card-header,.domain-card-header>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.domain-card-header{justify-content:space-between}.domain-card-header strong{overflow-wrap:anywhere}.domain-card>.muted{margin:15px 0 0;font-size:13px}.dns-table{border:1px solid var(--border);border-radius:12px;margin-top:16px}.dns-row{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 36px;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:grid}.dns-row+.dns-row{border-top:1px solid var(--border)}.dns-row>span{color:var(--green);font-weight:600}.dns-row code{overflow-wrap:anywhere;font-family:var(--mono);color:var(--soft)}.dns-row .icon-button{width:32px;min-height:32px}.inline-warning{color:#dbc48f;margin:12px 0 0;font-size:12px}.add-domain{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:28px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan{border:1px solid var(--border);border-radius:var(--radius-inner);padding:22px}.plan.current{border-color:var(--border-active);background:#36ff9305}.plan-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.plan h3{margin:0}.plan-price{margin:22px 0 16px;font-size:22px;display:block}.plan ul{color:var(--soft);gap:10px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.plan-unavailable{color:var(--muted);justify-items:start;gap:12px;margin-top:24px;display:grid}.plan-unavailable p{margin-bottom:0;font-size:12px;line-height:1.7}.plan-unavailable strong{color:var(--soft);font-size:14px}.settings-usage{margin-top:28px;padding:22px 0}.settings-usage>div{justify-content:space-between;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.settings-usage>div>span{color:var(--muted)}meter{background:var(--raised);border:0;border-radius:8px;width:100%;height:8px}meter::-webkit-meter-bar{background:var(--raised);border:0}meter::-webkit-meter-optimum-value{background:var(--green)}meter::-moz-meter-bar{background:var(--green)}.danger-zone{border-top:1px solid #ff858529;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.danger-zone h3{color:var(--red);margin-bottom:6px}.danger-zone p{color:var(--muted);margin:0;font-size:12px}@media (width<=1100px){.app-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.site-heading{flex-direction:column;align-items:flex-start;gap:14px}.plan-grid{grid-template-columns:1fr}.plan-unavailable{margin-top:16px}}@media (width<=760px){.header{min-height:68px;padding:0 18px}.brand small,.account-name{display:none}.header-actions{gap:6px}.header-actions summary{padding:9px 10px}.app-layout{margin-top:18px;padding:0 16px;display:block}.sidebar{padding:0 0 20px}.sidebar-heading{margin-bottom:8px}.site-list{display:flex;overflow-x:auto}.site-item{min-width:230px;max-width:280px;padding:12px}.site-item-meta{margin-top:8px}.sidebar-note{display:none}.site-heading{margin-bottom:20px}.site-controls{flex-wrap:wrap}.tabs{gap:0;padding:10px}.tabs>button{gap:7px;padding:10px 12px;font-size:12px}.workspace-surface>[role=tabpanel]{padding:14px}.footer{flex-wrap:wrap;gap:15px;padding:20px 16px}.domain-card{padding:15px}.domain-card-header{align-items:flex-start}.domain-card-header>div:first-child{gap:8px}.dns-row{grid-template-columns:30px minmax(0,1fr) 32px;gap:8px}.dns-row code:nth-of-type(2){grid-column:2}.dns-row .icon-button{grid-area:1/3/span 2}.add-domain{grid-template-columns:1fr}.danger-zone{flex-direction:column;align-items:flex-start}.login-card{padding:26px 20px}.toast{bottom:16px;right:16px}}.files-toolbar{justify-content:space-between;align-items:center;gap:15px;min-height:42px;margin-bottom:18px;display:flex}.toolbar-actions{align-items:center;gap:6px;display:flex}.files-layout{border:1px solid var(--border);border-radius:var(--radius-inner);grid-template-columns:minmax(190px,28%) minmax(0,1fr);min-height:420px;display:grid;overflow:clip}.file-browser{border-right:1px solid var(--border);background:#080f0b;min-width:0;max-height:570px;padding:8px;overflow-y:auto}.file-browser>.loading{min-height:140px;display:flex}.file-row{border:1px solid #0000;border-radius:14px;align-items:center;gap:2px;min-width:0;padding:3px;display:flex}.file-row.active{background:#36ff930b;border-color:#36ff9325}.file-row:hover{background:#daffeb0b}.file-row.active:hover{background:#36ff9312}.file-open{width:100%;min-width:0;color:var(--soft);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:11px 6px;display:flex}.file-open>svg{color:var(--muted)}.file-open>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-open>small{display:none}.file-row>.icon-button{border-radius:10px;flex-shrink:0;width:34px;min-height:34px}.editor-pane{background:#0b140f;flex-direction:column;min-width:0;display:flex}.editor-pane>.loading{min-height:300px}.editor-heading{border-bottom:1px solid var(--border);background:#101b14;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:flex}.editor-heading>span{color:var(--soft);overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.editor-heading>.button{min-height:34px;padding:7px 11px;font-size:12px}.unsaved{background:#e6c782;border-radius:50%;flex-shrink:0;width:6px;height:6px}.editor-footnote{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;padding:9px 14px;font-size:11px;display:flex}.code-editor{flex:1;min-height:350px;max-height:520px;overflow:auto}.code-editor .cm-editor{background:#0b140f;min-height:350px;font-size:12px}.code-editor .cm-scroller{font-family:var(--mono);line-height:1.8}.code-editor .cm-gutters{color:#6c8274;background:#0b140f;border:0}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:#ffffff05}.code-editor .cm-focused{outline:none}.editor-empty{text-align:center;min-height:370px;color:var(--muted);align-content:center;justify-items:center;gap:14px;padding:24px;display:grid}.editor-empty>svg{color:#557965}.editor-empty h3{color:var(--soft);margin:0;font-weight:500}.editor-empty p{margin:0;font-size:13px;line-height:1.8}.empty-folder{text-align:center;color:var(--muted);padding:50px 12px}.empty-folder p{margin:14px 0 6px;font-size:13px}.empty-folder small{font-size:11px}@media (width<=1000px){.files-toolbar{flex-wrap:wrap}.files-layout{grid-template-columns:minmax(170px,30%) minmax(0,1fr)}}@media (width<=760px){.files-toolbar{gap:8px;margin-bottom:12px}.toolbar-actions{flex-wrap:wrap;gap:3px}.toolbar-actions .button{min-height:38px;padding:8px 10px;font-size:12px}.toolbar-actions .icon-button{width:36px;min-height:38px}.files-layout{flex-direction:column;min-height:0;display:flex}.file-browser{border-right:0;border-bottom:1px solid var(--border);max-height:230px}.editor-empty{min-height:250px}.code-editor,.code-editor .cm-editor{min-height:320px}}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.preview-toolbar h2{margin:0 0 5px;font-size:16px}.preview-toolbar p{color:var(--muted);margin:0;font-size:12px}.preview-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-devices{isolation:isolate;border:1px solid var(--border);background:var(--bg);border-radius:15px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;position:relative}.preview-device-indicator{z-index:-1;width:calc(50% - 6px);transition:transform .36s var(--ease);background:#36ff9310;border-radius:11px;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:inset 0 0 0 1px #36ff9326}.preview-devices[data-mobile=true] .preview-device-indicator{transform:translate(calc(100% + 4px))}.preview-devices button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-size:12px;transition:background-color .16s,color .16s;display:flex}.preview-devices button:hover:not([aria-pressed=true]){color:var(--text);background:var(--raised)}.preview-devices button[aria-pressed=true]{color:var(--green)}.preview-canvas{border:1px solid var(--border);border-radius:var(--radius-inner);background:#070c09;min-width:0;padding:18px}.preview-address{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.preview-address>span{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;display:flex}.preview-address small{font-family:var(--mono);font-size:11px}.preview-stage{width:100%;min-width:0;position:relative;overflow:clip}.preview-stage[data-motion-ready=true]{transition:height .36s var(--ease)}.preview-device{width:var(--preview-width);height:var(--preview-height);border:1px solid var(--border);transform:translateX(-50%) scale(var(--preview-scale));transform-origin:top;background:#fff;border-radius:12px;padding:0;position:absolute;top:0;left:50%;overflow:hidden}.preview-stage[data-motion-ready=true]>.preview-device{transition:width .36s var(--ease), height .36s var(--ease), padding .36s var(--ease), border-radius .36s var(--ease), background-color .36s var(--ease), transform .36s var(--ease)}.preview-device iframe{background:#fff;border:0;border-radius:0;width:100%;height:100%;display:block}.preview-stage[data-motion-ready=true] iframe{transition:border-radius .36s var(--ease)}.is-mobile>.preview-device{background:#19261f;border-radius:34px;padding:9px}.is-mobile iframe{border-radius:24px}.preview-empty{border:1px solid var(--border);border-radius:var(--radius-inner);background:#080f0b;place-items:center;min-height:340px;display:grid}.preview-empty .editor-empty{padding:32px 20px}@media (width<=760px){.preview-canvas{padding:12px}.preview-controls,.preview-devices{width:100%}.preview-controls>.primary{flex:1}.preview-address{gap:5px}}.account-menu>.button{border-radius:15px;gap:9px;padding:5px 10px 5px 5px}.account-avatar{width:30px;height:30px;color:var(--green);background:#36ff9310;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.account-name{max-width:150px}.account-menu-summary{border-bottom:1px solid var(--border);margin-bottom:5px;padding:10px 12px 12px}.account-menu-summary strong{overflow-wrap:anywhere;font-size:13px;display:block}.account-menu-summary small{overflow-wrap:anywhere}@media (width<=760px){.account-menu>.button{padding:5px}.account-chevron{display:none}}.app-layout.empty-layout{width:min(1280px,100%);display:block}.empty-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.empty-page-heading h1{margin:0 0 7px}.empty-page-heading p{color:var(--muted);margin:0}.first-site{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;padding:36px 24px;display:flex}.first-site .login-icon{border-radius:20px;width:62px;height:62px}.first-site h2{letter-spacing:-.035em;margin:20px 0 10px;font-size:25px}.first-site p{max-width:560px;color:var(--muted);margin:0 0 24px;line-height:1.8}.empty-plans{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.empty-plans>section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px}.empty-plan-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.empty-plan-title h2{margin:0;font-size:17px}.empty-plans p{color:var(--muted);margin:14px 0 18px;font-size:13px}.empty-free ul{color:var(--soft);flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.empty-free li{align-items:center;gap:7px;display:flex}.empty-free li svg{color:var(--green)}.empty-paid{align-content:start}@media (width<=760px){.empty-page-heading{flex-direction:column;align-items:flex-start;gap:12px}.empty-page-heading p{font-size:13px}.first-site{padding:30px 20px}.first-site h2{font-size:22px}.first-site br{display:none}.empty-plans{grid-template-columns:1fr;gap:14px}.empty-plans>section{padding:20px}}.files-toolbar{flex-wrap:wrap;align-items:flex-start;gap:16px}.files-toolbar h2{margin:0 0 5px;font-size:16px}.files-toolbar p{color:var(--muted);margin:0;font-size:12px}.toolbar-actions{flex-wrap:wrap}.file-location{border:1px solid var(--border);border-radius:var(--radius-control);background:#080f0b;align-items:center;gap:10px;min-width:0;margin:0 0 14px;padding:9px 11px;display:flex}.file-location>.icon-button{flex-shrink:0;width:32px;min-height:32px}.breadcrumbs{flex-wrap:nowrap;flex:1;overflow-x:auto}.breadcrumbs button{color:var(--soft);white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:9px 10px;font-size:12px;display:inline-flex}.breadcrumbs>span{flex-shrink:0}.breadcrumbs button[aria-current=page]{color:var(--text)}.breadcrumbs>button{background:var(--raised);flex-shrink:0}.breadcrumbs button:not(:disabled):hover{color:var(--green);background:#36ff930a}.current-path{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;border-radius:10px;min-width:32px;max-width:38%;padding:9px 10px;font-size:11px;transition:background-color .15s,box-shadow .15s;overflow:hidden}.file-browser-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 9px 13px;font-size:11px;display:flex}.file-browser-heading small{background:var(--raised);border-radius:5px;padding:1px 6px;font-size:10px}.file-browser-tools{z-index:2;border-bottom:1px solid var(--border);background:#080f0b;margin:-8px -8px 5px;padding:8px;position:sticky;top:-8px}.file-create-actions{gap:6px;padding:0 3px 3px;display:flex}.file-create-actions>.button{flex:1;min-height:36px;padding:8px 10px;font-size:12px}.file-create-actions>.icon-button{flex-shrink:0;width:36px;min-height:36px}.file-open{border-radius:10px;min-height:56px;padding:10px 8px}.file-open:focus-visible{outline-offset:-2px}.file-open>svg{flex-shrink:0}.file-open>.folder-icon{color:#d3c08c}.file-open>.file-label{text-align:left;gap:3px;min-width:0;display:grid}.file-label>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-label>small{color:var(--muted);font-size:10px}.file-drop-zone{border-radius:var(--radius-inner);position:relative}.file-drop-overlay{z-index:5;pointer-events:none;border-radius:inherit;border:2px dashed var(--green);color:var(--green);text-align:center;opacity:0;visibility:hidden;transition:opacity .16s ease, transform .2s var(--ease), visibility .16s;background:#0d2019f2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0;transform:scale(.99)}.file-drop-overlay strong{color:var(--text);font-size:18px}.file-drop-overlay span{color:var(--soft);overflow-wrap:anywhere;font-size:13px}.files-help{gap:7px;margin-top:14px;display:grid}.files-help p{color:var(--muted);align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.6;display:flex}.files-help svg{flex-shrink:0;margin-top:1px}.files-help code{color:var(--soft);overflow-wrap:anywhere}.editor-pane[inert]{opacity:.65}@media (width<=760px){.files-toolbar{gap:14px}.file-location{flex-wrap:wrap;gap:5px;padding:6px}.file-location>.current-path{text-align:left;flex-basis:100%;max-width:100%}.file-open{min-height:54px}.file-browser-heading{padding-bottom:8px}}.file-drop-zone[data-dragging=true]>.file-drop-overlay{opacity:1;visibility:visible;transform:none}.file-row{transition:background-color .15s,border-color .15s,opacity .15s}.file-row[draggable=true]{cursor:grab}.file-row[data-dragged=true]{opacity:.45}.file-row>.icon-button:hover:not(:disabled),.file-row>.icon-button[aria-expanded=true]{color:var(--text);background:#daffeb12;border-color:#0000}.file-row>.icon-button:focus-visible{outline-offset:-2px}.file-row[data-drop-target=true],.file-location [data-drop-target=true],.file-browser[data-drop-target=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#36ff9318}.file-browser{transition:box-shadow .15s,border-color .15s}.folder-picker-path{border:1px solid var(--border);border-radius:var(--radius-control);align-items:center;gap:8px;padding:8px;display:flex}.folder-picker-path code{overflow-wrap:anywhere;font-size:12px}.folder-picker-path .icon-button{flex-shrink:0}.folder-picker-list{min-height:150px;max-height:280px;margin:12px 0;overflow-y:auto}.folder-picker-list>button{width:100%;color:var(--soft);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.folder-picker-list>button>span{overflow-wrap:anywhere;flex:1}.folder-picker-list>button:not(:disabled):hover{color:var(--green);background:#36ff930a}.folder-picker-list>p{padding:20px 12px;font-size:13px}.folder-toggle,.folder-toggle-spacer{flex-shrink:0;width:20px}.folder-toggle{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.folder-toggle svg{transition:transform .22s var(--ease)}.folder-toggle[aria-expanded=true] svg:not(.spin){transform:rotate(90deg)}.folder-toggle:hover{color:var(--green)}.folder-branch{opacity:0;visibility:hidden;transition:grid-template-rows .22s var(--ease), opacity .18s ease, visibility .22s;grid-template-rows:0fr;display:grid}.folder-branch[data-expanded=true]{opacity:1;visibility:visible;grid-template-rows:1fr}.folder-branch>div{border-left:1px solid var(--border);min-height:0;margin-left:10px;padding-left:3px;overflow:hidden}.folder-branch .loading{padding:12px 4px;font-size:11px}.tree-note{color:var(--muted);margin:8px 12px;font-size:11px}.entrypoint-warning{border-radius:var(--radius-inner);background:#d4b47f0a;border:1px solid #d4b47f40;align-items:flex-start;gap:12px;margin-bottom:20px;padding:17px 18px;display:flex}.entrypoint-warning>svg{color:#d4b47f;flex-shrink:0;margin-top:2px}.entrypoint-warning strong{font-size:14px}.entrypoint-warning p{color:var(--soft);max-width:75ch;margin:5px 0 12px;font-size:12px;line-height:1.7}.entrypoint-warning code{color:var(--text)}.entrypoint-actions{flex-wrap:wrap;gap:8px;display:flex}.entrypoint-actions .button{min-height:38px;font-size:12px}.workspace-surface>.entrypoint-warning{margin:20px 24px 0}.badge.warning{color:#e3c58e;background:#d4b47f0a;border-color:#d4b47f40}.status-dot.warning{background:#d4b47f}@media (width<=760px){.entrypoint-warning{gap:10px;padding:14px}.workspace-surface>.entrypoint-warning{margin:14px 14px 0}}.tab-indicator{z-index:0;pointer-events:none;border-radius:var(--radius-control);opacity:0;background:#36ff930c;border:1px solid #36ff9325;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto auto 0}.tab-indicator[data-ready=true]{opacity:1}.workspace-panels>[role=tabpanel]{padding:22px}.workspace-panels>[role=tabpanel]:not([hidden]){animation:content-enter .22s var(--ease) both}.workspace-panels[data-changing=true]>[role=tabpanel]:not([hidden]){animation:.14s ease-in both tab-exit}@keyframes tab-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@media (width<=760px){.workspace-panels>[role=tabpanel]{padding:14px}}.workspace-surface>[role=tabpanel]:not([hidden]){animation:content-enter .22s var(--ease) both}.site-item{animation:content-enter .26s var(--ease) both}.empty-page-heading{animation:content-enter .24s var(--ease) both}.first-site{animation:content-enter .3s var(--ease) 35ms both}.empty-plans>section{animation:content-enter .3s var(--ease) 75ms both}.empty-plans>section:nth-child(2){animation-delay:.11s}.button,.icon-button,.file-open,.tabs>button{transition:background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease, transform .14s var(--ease)}.button:not(:disabled):active,.icon-button:not(:disabled):active{transform:scale(.97)}.tabs>button:active{transform:scale(.98)}.file-row .file-open:active{color:var(--green)}.settings-usage meter::-webkit-meter-optimum-value{transition:width .3s var(--ease)}.toast[data-closing=true]{pointer-events:none;animation:.16s ease-in both notice-out}@keyframes notice-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@keyframes content-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.animated-menu{border:1px solid var(--border-active);width:236px;color:var(--text);z-index:1000;transform-origin:100% 0;animation:popover-in .19s var(--ease) both;background:#102119;border-radius:16px;margin:0;padding:6px;position:fixed;inset:auto;box-shadow:0 16px 50px #0008}.animated-menu[data-closing=true]{pointer-events:none;animation:.14s ease-in both popover-out}.animated-menu>a,.animated-menu>button{width:100%;min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;transition:background-color .14s;display:flex}.animated-menu>a:hover,.animated-menu>button:hover,.animated-menu>:focus-visible{outline-offset:-2px;background:#36ff9312}.animated-menu small{font-size:11px;display:block}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@keyframes popover-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-3px)scale(.985)}}.publication-status{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:flex-start;gap:12px;margin:0 0 20px;padding:16px 18px;display:flex}.publication-status>svg{color:var(--muted);flex:none;margin-top:2px}.publication-status strong{font-size:13px}.publication-status p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.65}.publication-status a{margin-top:8px;font-size:12px;display:inline-block}.publication-alert{border-color:var(--red)}.publication-check-label{white-space:nowrap;color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.preview-version-picker{isolation:isolate;border:1px solid var(--border);border-radius:15px;grid-template-columns:1fr 1fr;gap:4px;max-width:430px;margin-bottom:20px;padding:4px;display:grid;position:relative}.preview-version-picker button{color:var(--muted);z-index:1;background:0 0;border:0;border-radius:11px;min-height:38px;padding:8px 12px}.preview-version-picker button[aria-pressed=true]{color:var(--text)}.preview-version-indicator{background:var(--surface);border:1px solid var(--border);border-radius:11px;width:calc(50% - 6px);transition:transform .23s cubic-bezier(.22,.68,0,1);position:absolute;inset:4px auto 4px 4px}.preview-version-picker[data-version=published] .preview-version-indicator{transform:translate(calc(100% + 4px))}.moderation-panel{border:1px solid var(--border);border-radius:20px;margin:0 0 24px;padding:20px}.moderation-item{border-top:1px solid var(--border);padding:16px 0}.moderation-item p{color:var(--muted);font-size:12px}.moderation-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=760px){.publication-check-label{display:none}}@media (prefers-reduced-motion:reduce){.preview-version-indicator{transition:none}}