@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-ext-400-normal.BtiwyxMk.woff2)format("woff2"),url(./dm-sans-latin-ext-400-normal.BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal.CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal.BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-ext-500-normal.BJfUCQsA.woff2)format("woff2"),url(./dm-sans-latin-ext-500-normal.DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal.B9HHJjqV.woff2)format("woff2"),url(./dm-sans-latin-500-normal.Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-ext-600-normal.4vooXBpG.woff2)format("woff2"),url(./dm-sans-latin-ext-600-normal.DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal.Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal.BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-ext-700-normal.CJIcxD6K.woff2)format("woff2"),url(./dm-sans-latin-ext-700-normal.BLI3TTWz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal.DvUfVpUG.woff2)format("woff2"),url(./dm-sans-latin-700-normal.CUSSCpQX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal.C2je3j2s.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-normal.CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal.DnYpCC2O.woff2)format("woff2"),url(./instrument-serif-latin-400-normal.BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic.C9HzH3YL.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-italic.D7-lnxEk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic.DKMiL14s.woff2)format("woff2"),url(./instrument-serif-latin-400-italic.u__WvvIK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#36323e;font-synthesis:none;--bg:#f9f8fb;--surface:#fff;--sidebar:#f4f3f7;--line:#e1dfe8;--text:#36323e;--muted:#898592;--faint:#a5a1af;--accent:#43335f;--tint:#e5e1f1;--code:#fafafc;background:#f9f8fb;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none}a,button{color:inherit}button,input,select,textarea{outline:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #725fa8}button{background:0 0;border:0}svg{vertical-align:middle;flex-shrink:0}input,select,textarea{color:var(--text)}::selection{background:#cfc7e8}kbd{font-family:inherit;font-size:9px}h1,h2,h3,p{margin-top:0}.dark{--bg:#1d1b20;--surface:#222026;--sidebar:#1e1c22;--line:#35313d;--text:#dad7e3;--muted:#938ea2;--faint:#6c667a;--accent:#a797d6;--tint:#322b44;--code:#211f25;color:var(--text)}.dark,.studio{background:var(--bg)}.studio{flex-direction:column;height:100dvh;min-height:480px;font-size:12px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;gap:14px;height:56px;padding:0 16px 0 18px}.app-header,.header-project{align-items:center;min-width:0;display:flex}.header-project{gap:16px}.project-meta{flex-shrink:0;align-items:center;gap:12px}.project-meta .text-button{font-size:9px}.header-end{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.about-link{font-size:inherit;color:inherit}img.avatar{-o-object-fit:cover;object-fit:cover}.sign-in{min-height:30px;padding:5px 12px}.google-button{width:100%;margin-bottom:18px}.dev-signin{border-top:1px solid var(--line);padding-top:14px}.slug-input{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;display:flex;overflow:hidden}.slug-input>span{color:var(--muted);white-space:nowrap;padding:0 2px 0 10px;font-size:11px}.slug-input input{min-width:0;box-shadow:none!important;border:0!important;padding-left:0!important}.slug-status{color:#9a4a36;margin-top:5px;font-size:9px;display:block}.slug-status.ok{color:var(--accent)}.member-list{flex-direction:column;gap:8px;margin:8px 0 12px;padding:0;font-size:11px;list-style:none;display:flex}.member-list li{align-items:center;gap:9px;display:flex}.member-list li>span:nth-child(2){text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.member-list em{color:var(--muted);font-size:9px;font-style:normal}.visibility-badge.private{color:#8a6a2c;border-color:#e7d8b6}.visibility-field{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;padding:0;display:grid}.visibility-field legend{color:var(--muted);margin-bottom:6px;font-size:10px}.visibility-option{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;font-size:10px;line-height:1.5;display:flex!important}.visibility-option:has(input:checked){background:var(--tint);border-color:#8d7cbf}.visibility-option.locked{cursor:default;opacity:.85}.visibility-option input{margin-top:2px}.visibility-option strong{color:var(--text);align-items:center;gap:5px;margin-bottom:2px;font-size:11px;display:flex}.pro-chip{letter-spacing:.6px;color:#8a6a2c;background:#f6ecd6;border-radius:4px;flex-shrink:0;margin-left:auto;padding:3px 6px;font-size:8px}.plan-card{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin:16px 0;padding:12px 14px;display:flex}.plan-card strong{font-size:12px;display:block}.plan-card span{color:var(--muted);font-size:10px}.price-options{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px;display:grid}.price-option{border:1px solid var(--line);text-align:left;border-radius:10px;flex-direction:column;gap:3px;padding:16px;display:flex}.price-option:hover{border-color:#8d7cbf}.price-option.featured{background:var(--tint);border-color:#8d7cbf}.price-option strong{font-family:Instrument Serif,Georgia,serif;font-size:26px;font-weight:400}.price-option span{color:var(--muted);font-size:10px}.domain-card{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.domain-heading{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.domain-heading a{color:var(--accent);align-items:center;gap:4px;display:inline-flex}.domain-heading .pill{background:var(--sidebar);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:9px}.domain-heading .pill.active{background:var(--tint);color:var(--accent)}.domain-heading .pill.expired{color:#9a4a36;background:#f6e1da}.dns-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}.dns-table th{text-align:left;color:var(--muted);padding:4px 6px;font-weight:500}.dns-table th:first-child{width:52px}.dns-table td{border-top:1px solid var(--line);vertical-align:top;padding:5px 6px}.dns-table code{overflow-wrap:anywhere}.dns-table .icon-button{vertical-align:middle;width:20px;height:18px;display:inline-grid}.domain-actions{flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.domain-actions label{align-items:center;gap:6px;margin:0 auto 0 0!important;display:flex!important}.danger-text{color:#9a4a36!important}.badge-option{color:var(--text);align-items:flex-start;gap:8px;margin-bottom:14px;font-size:11px;display:flex!important}.badge-option input{margin-top:2px}.badge-option small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.project-card{position:relative}.card-menu-button{z-index:2;background:var(--surface);opacity:0;border-radius:6px;width:24px;height:24px;transition:opacity .12s;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #1f2d1a26}.project-card.menu-open .card-menu-button,.project-card:focus-within .card-menu-button,.project-card:hover .card-menu-button{opacity:1}@media (hover:none){.card-menu-button{opacity:1}}.context-menu{z-index:60;border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-width:210px;padding:5px;display:flex;position:fixed;box-shadow:0 14px 40px #1f2d1a2e}.context-menu>a,.context-menu>button{color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:11px;display:flex}.context-menu>a:focus-visible,.context-menu>a:hover,.context-menu>button:focus-visible,.context-menu>button:hover:not(:disabled){background:var(--sidebar);outline:none}.menu-divider{background:var(--line);height:1px;margin:4px 6px}.kit-options{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.kit-options button{border:1px solid var(--line);text-align:left;border-radius:8px;flex-direction:column;align-items:stretch;gap:2px;padding:5px 5px 9px;display:flex}.kit-options button:hover{background:var(--tint);border-color:#8d7cbf}.kit-options .project-thumbnail{height:84px;margin-bottom:6px}.kit-options span,.kit-options strong{padding:0 5px}.kit-options strong{font-size:12px}.kit-options span{color:var(--muted);font-size:10px}@media (width<=680px){.kit-options{grid-template-columns:repeat(2,1fr)}}.danger-zone{border:1px solid #e8cfc6;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:14px;display:flex}.danger-zone h3{margin:0 0 3px;font-size:11px}.danger-zone p{color:var(--muted);margin:0;font-size:10px}.button.danger{color:#9a4a36;border-color:#e8cfc6;flex-shrink:0}.button.danger.solid{color:#fff;background:#a2472f;border-color:#a2472f}.dark .button.danger,.dark .danger-zone{border-color:#5b3a31}.guest-button{border-radius:50%;padding:0;display:grid}.brand{letter-spacing:-1px;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex}.brand-mark{width:32px;height:32px;color:var(--text);flex-shrink:0;place-items:center;display:inline-grid}.brand-logo{width:100%;height:100%;display:block}.brand-period{color:#645297}.beta{letter-spacing:.8px;border:1px solid var(--line);color:var(--muted);border-radius:4px;align-self:center;margin-left:4px;padding:3px 5px;font-size:8px;font-weight:500}.header-divider{background:var(--line);width:1px;height:18px}.avatar{color:#504375;background:#e2dfed;border-radius:50%;place-items:center;font-size:10px;display:grid}.avatar.small{width:24px;height:24px}.button{border:1px solid var(--line);white-space:nowrap;background:var(--surface);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:8px 13px;font-size:11px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--sidebar)}.button.primary{color:#efecf8;background:#41335a;border-color:#41335a}.button.primary:hover:not(:disabled){background:#31234a}.button.subtle{background:var(--sidebar);font-size:10px}.button.compact{min-height:30px;padding:6px 10px;font-size:10px}.button kbd{opacity:.55;margin-left:8px}.run-button .stale{color:var(--accent);fill:currentColor}.icon-button{width:27px;height:27px;color:var(--muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--tint)}.text-button{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0;font-size:10px;display:inline-flex}.text-button:hover{color:var(--accent)}.studio-body{flex:1;min-height:0;display:flex}.project-sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:214px;display:flex}.sidebar-heading{letter-spacing:1.4px;height:51px;color:var(--muted);justify-content:space-between;padding:0 15px 0 19px;font-size:8px;font-weight:600}.new-drop,.sidebar-heading{align-items:center;display:flex}.new-drop{background:var(--surface);color:var(--accent);border:1px solid #d1cddd;border-radius:6px;gap:8px;margin:0 15px;padding:9px 11px;font-size:11px;font-weight:550;box-shadow:0 2px 3px #22331503}.new-drop:hover{background:var(--tint)}.new-drop kbd{border:1px solid var(--line);color:var(--faint);text-align:center;border-radius:3px;width:16px;margin-left:auto;font-size:12px;line-height:15px}.project-search{color:var(--faint);align-items:center;gap:7px;margin:20px 18px 17px;display:flex}.project-search input{background:0 0;border:none;width:100%;min-width:0;padding:3px 0;font-size:10px}.project-search input::placeholder{color:var(--faint)}.project-list{scrollbar-width:thin;flex:1;min-height:100px;padding:0 12px;overflow:auto}.list-label{letter-spacing:1.2px;color:var(--muted);justify-content:space-between;align-items:center;margin:0 6px 12px;font-size:8px;font-weight:500;display:flex}.list-label span{letter-spacing:0;font-size:8px}.project-card{border:1px solid #0000;border-radius:7px;margin-bottom:12px;padding:6px;display:block}.project-card.selected{background:var(--surface);border-color:#b3aacf;box-shadow:0 2px 6px #283e2604}.project-card:hover:not(.selected){background:var(--surface);border-color:var(--line)}.project-card>strong{text-overflow:ellipsis;white-space:nowrap;padding:9px 3px 6px;font-size:10px;font-weight:550;display:block;overflow:hidden}.project-meta{color:var(--muted);justify-content:space-between;padding:0 3px 4px;font-size:8px;display:flex}.project-meta>span:first-child{align-items:center;gap:4px;display:flex}.tiny-dot{background:#7463a7;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.tiny-dot.offline{background:#a29eb3}.project-thumbnail,.thumbnail-wrap{border-radius:4px;position:relative;overflow:hidden}.project-thumbnail{pointer-events:none;contain:strict;background:#dbd7ea;height:108px}.code-thumbnail{background:#fbfaff}.code-thumbnail pre{color:#463b5f;white-space:pre;margin:0;padding:9px 10px;font:6.5px/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.code-thumbnail .keyword{color:#7a4fd6;font-weight:600}.code-thumbnail .string{color:#3a8a63}.code-thumbnail .comment{color:#a39cbb}.thumbnail-private{color:#6b6285;place-items:center;height:100%;display:grid}.dark .code-thumbnail{background:#1f1b29}.dark .code-thumbnail pre{color:#d8d1ee}.dark .code-thumbnail .keyword{color:#b49bff}.dark .code-thumbnail .string{color:#8bd3a8}.thumbnail-number{color:#504568;background:#ffffffa0;border:1px solid #ffffff60;border-radius:3px;padding:2px 4px;font-size:7px;position:absolute;top:7px;left:7px}.thumbnail-active{color:#fff;background:#4b3c65;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:7px;right:7px}.sample-thumbnail{text-align:center;color:#37294e;background:radial-gradient(at 90% 10%,#947de5,#0000 65%),radial-gradient(at 0 100%,#a590c7,#0000 70%),#f1f0d9;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.sample-thumbnail>span{letter-spacing:1px;font-size:5px}.sample-thumbnail strong{margin:9px 0 5px;font-family:Instrument Serif,Georgia,serif;font-size:22px;font-weight:400;line-height:1}.sample-thumbnail small{opacity:.65;font-size:5px}.sidebar-bottom{border-top:1px solid var(--line);margin:18px 19px;padding-top:18px}.little-icon .brand-logo{width:26px;height:26px}.little-icon{color:#7f769a;margin-bottom:10px}.sidebar-bottom strong{font-size:10px;font-weight:550}.sidebar-bottom p{color:var(--muted);margin:4px 0 11px;font-size:9px;line-height:1.7}.sidebar-bottom a{color:var(--accent);align-items:center;gap:5px;font-size:9px;display:flex}.sidebar-footer{border-top:1px solid var(--line);height:40px;color:var(--faint);justify-content:space-between;align-items:center;padding:0 12px;font-size:8px;display:flex}.workspace-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.project-title-group{align-items:center;gap:9px;min-width:0;display:flex}.title-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.project-title svg{flex-shrink:0}.project-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;min-width:0;padding:0;font-size:12px;font-weight:600;display:flex;overflow:hidden;min-width:70px!important}.project-title svg{color:var(--muted)}.visibility-badge{color:var(--muted);border:1px solid var(--line);border-radius:4px;align-items:center;gap:4px;margin-left:2px;padding:3px 5px;font-size:8px;display:flex}.toolbar-actions{gap:7px}.save-state,.toolbar-actions{align-items:center;display:flex}.save-state{color:var(--muted);gap:5px;font-size:9px}.collaboration{align-items:center;gap:7px;display:flex}.collaboration .text-button{gap:8px;font-size:9px}.avatar-stack{padding-left:5px;display:flex}.presence-avatar{border:2px solid var(--surface);width:20px;height:20px;margin-left:-5px;font-size:8px}.invite-plus,.presence-avatar{border-radius:50%;place-items:center;display:grid}.invite-plus{width:18px;height:18px;color:var(--muted);border:1px dashed #c8c3d6;font-size:12px}.pane-grid{background:var(--line);flex:1;gap:0;display:grid}.editor-pane,.pane-grid,.preview-pane{min-height:0;position:relative;overflow:hidden}.editor-pane,.preview-pane{background:var(--code);flex-direction:column;min-width:0;display:flex}.editor-pane.code{border-right:1px solid var(--line);grid-area:1/1/3}.editor-pane.package{border-bottom:1px solid var(--line);grid-area:1/2}.preview-pane{background:var(--surface);grid-area:2/2;position:relative}.pane-heading{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;height:39px;padding:0 13px}.pane-heading,.pane-heading>div{align-items:center;gap:8px;display:flex}.pane-heading>div{min-width:0}.pane-heading strong{font-size:10px;font-weight:550}.language-symbol{place-items:center;min-width:14px;font-family:monospace;font-size:11px;font-weight:600;display:inline-grid}.language-symbol.blue{color:#4f7fb8;font-size:9px}.language-symbol.gold{color:#bca050;font-size:10px}.filename{margin-left:1px}.filename,.mode-badge{color:var(--faint);font-size:8px}.mode-badge{border:1px solid var(--line);border-radius:4px;padding:2px 5px}.pane-heading .icon-button{width:21px;height:23px}.live-label{letter-spacing:.7px;color:#736698;background:var(--tint);border-radius:3px;padding:3px 4px;font-size:7px}.code-editor{flex:1;min-height:0;overflow:hidden}.code-editor .cm-editor{height:100%}.code-editor .cm-scroller{scrollbar-width:thin;scrollbar-color:#d9d6e1 transparent;overflow:auto}.editor-loading{color:var(--muted);padding:24px;font-size:11px}.live-dot{background:#6b5a9d;border-radius:50%;width:6px;height:6px}.device-toggle{background:var(--sidebar);border:1px solid var(--line);border-radius:5px;padding:1px;display:flex}.device-toggle .icon-button{border-radius:3px;width:22px;height:20px}.device-toggle .active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #22331513}.mini-divider{background:var(--line);width:1px;height:13px}.preview-stage{background:var(--sidebar);flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);justify-items:center;min-height:0;display:grid;overflow:hidden}.preview-stage>*{grid-area:1/1}.preview-stage iframe.pending{visibility:hidden}.preview-stage iframe{background:#fff;border:0;width:100%;height:100%}.preview-stage.mobile{padding:10px}.preview-stage.mobile iframe{width:375px;max-width:100%;box-shadow:0 0 0 1px var(--line);border-radius:8px}.preview-placeholder{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:11px;display:flex}.console-bar{border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;height:29px;padding:0 11px;display:flex}.console-bar .text-button{gap:5px;font-size:9px}.count-badge{background:var(--sidebar);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:8px}.console-output{border-top:1px solid var(--line);background:var(--code);flex-shrink:0;min-height:65px;max-height:150px;padding:6px 10px;font-family:monospace;font-size:10px;overflow:auto}.console-tools{color:var(--muted);justify-content:space-between;padding-bottom:5px;font:9px DM Sans,sans-serif;display:flex}.log{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--line);gap:8px;padding:5px 0;display:flex}.log>span{color:var(--faint)}.log.error{color:#c06455}.log.warn{color:#b08c39}.console-output>p{color:var(--muted);font-size:10px}.resize-handle{z-index:5;touch-action:none;position:absolute}.resize-handle:focus-visible,.resize-handle:hover{background:#8fac7790}.resize-handle.vertical{cursor:col-resize;width:5px;top:0;bottom:0;transform:translate(-3px)}.resize-handle.horizontal{cursor:row-resize;height:5px;right:0;transform:translateY(-3px)}.resize-handle.sidebar-resize{left:0}.resizing iframe{pointer-events:none}.resizing{-webkit-user-select:none;user-select:none}.pane-grid.expanded{display:flex!important}.pane-grid.expanded>.editor-pane,.pane-grid.expanded>.preview-pane{border:0;flex:1}.pane-hidden{display:none!important}.workspace-status{border-top:1px solid var(--line);height:29px;color:var(--muted);background:var(--surface);flex-shrink:0;justify-content:space-between;padding:0 12px;font-size:8px}.workspace-status,.workspace-status>div{align-items:center;gap:10px;display:flex}.workspace-status .text-button{gap:4px;font-size:8px}.status-dot{color:var(--faint)}.status-logo{color:#796f96;display:flex}.ai-sidebar{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;width:276px;min-height:0;position:relative}.ai-heading,.ai-sidebar{flex-shrink:0;display:flex}.ai-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:50px;padding:0 14px}.ai-heading>span{color:#736993;align-items:center;gap:7px;display:flex}.ai-heading strong{color:var(--text);font-size:11px;font-weight:550}.ai-provider{align-items:center;gap:6px;margin:12px 14px;font-size:10px;display:flex}.provider-symbol{color:#bd856c;font-size:18px;line-height:20px}.ai-provider select{background:0 0;border:0;max-width:80px;padding:4px 3px 4px 0;font-size:10px}.ai-welcome{flex:1;padding:20px 20px 10px;overflow:auto}.ai-art{color:#74689a;place-items:center;width:60px;height:60px;margin:10px auto 20px;display:grid;position:relative}.ai-art:before{content:"";background:#ebe9f3;border:1px solid #dedbea;border-radius:14px;position:absolute;inset:5px;transform:rotate(-10deg)}.ai-art svg{z-index:1}.dark .ai-art:before{background:var(--tint);border-color:var(--line)}.art-dot{background:#b3abcd;border-radius:50%;width:4px;height:4px;position:absolute}.art-dot.one{top:5px;left:-10px}.art-dot.two{width:3px;height:3px;bottom:2px;right:-5px}.art-line{background:#b3abca;width:7px;height:1px;position:absolute;top:0;right:0;transform:rotate(-45deg)}.ai-welcome h2{letter-spacing:-.4px;text-align:center;margin-bottom:12px;font-family:Instrument Serif,Georgia,serif;font-size:27px;font-weight:400;line-height:1.15}.ai-welcome>p{color:var(--muted);text-align:center;margin-bottom:25px;font-size:10px;line-height:1.9}.prompt-suggestions{flex-direction:column;gap:8px;display:flex}.prompt-suggestions button{border:1px solid var(--line);text-align:left;color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:10px;font-size:10px;display:flex}.prompt-suggestions button:hover{background:var(--sidebar);color:var(--text);border-color:#b0a7cb}.prompt-suggestions button>span{color:var(--text);flex:1}.prompt-suggestions button>svg:last-child{color:var(--faint)}.ai-connection-note{border-top:1px solid var(--line);color:var(--muted);margin-top:25px;padding:12px 0;font-size:9px;line-height:1.8}.ai-connection-note>.tiny-dot{margin-right:5px}.ai-connection-note>span:not(.tiny-dot){color:var(--faint);margin-top:4px;font-size:9px;display:block}.ai-connection-note>.text-button{color:var(--accent);margin-top:6px;font-size:9px}.connect-badge{color:var(--accent);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:3px 8px;font-size:9px;display:flex}.connect-badge.connected{color:var(--muted)}.connect-badge:hover{color:var(--text);border-color:#b0a7cb}.ai-thread{flex-direction:column;flex:1;gap:10px;padding:6px 14px 14px;display:flex;overflow:auto}.ai-message{overflow-wrap:anywhere;font-size:10px;line-height:1.7}.ai-message.user{background:var(--tint);white-space:pre-wrap;border-radius:9px 9px 2px;align-self:flex-end;max-width:88%;padding:7px 10px}.ai-message.assistant{border:1px solid var(--line);border-radius:9px 9px 9px 2px;padding:8px 10px}.ai-message p{margin:0}.ai-author{letter-spacing:.4px;color:var(--faint);gap:5px;margin-bottom:3px;font-size:8px}.ai-author,.ai-working{align-items:center;display:flex}.ai-working{color:var(--muted);gap:6px}.ai-changes{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.ai-changes .text-button{color:var(--accent);margin-left:auto;font-size:9px}.ai-chip{color:var(--muted);background:var(--sidebar);border-radius:4px;padding:2px 5px;font-size:8px}.ai-note{color:var(--faint);font-size:9px;margin-top:4px!important}.ai-message.error{border-color:#e6c9bf}.ai-error{color:#9a4a36}.dark .ai-error{color:#eba892}.composer-actions{align-items:center;gap:3px;display:flex}.composer-actions .icon-button{width:24px;height:24px}.send-button:disabled{opacity:.45;cursor:default}.ai-composer textarea:disabled{cursor:not-allowed}.ai-composer-wrap{flex-shrink:0;padding:14px}.ai-composer{background:var(--surface);border:1px solid #d6d3e2;border-radius:9px;padding:11px;box-shadow:0 2px 5px #243b2003}.ai-composer:focus-within{border-color:#8d7cbf}.ai-composer textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:65px;padding:0;font-size:10px;line-height:1.7}.ai-composer textarea::placeholder{color:var(--faint)}.ai-composer>div{justify-content:space-between;align-items:center;display:flex}.ai-composer>div>span{color:var(--muted);background:var(--sidebar);border-radius:4px;align-items:center;gap:4px;padding:4px 5px;font-size:8px;display:flex}.send-button{color:#efedf5;background:#4f4266;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;display:grid}.send-button:hover{background:#362a4d}.ai-composer-wrap>p{text-align:center;color:var(--faint);margin:9px 0 0;font-size:8px}.mobile-pane-tabs{display:none}.history-banner{background:var(--tint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:10px;display:flex}.history-banner>a{text-decoration:underline}.opening{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:25px;display:flex}.opening .brand-mark{width:64px;height:64px}.opening h1{letter-spacing:-1px;margin:20px 0 10px;font-size:30px}.opening h1>span{color:#7465a0}.opening p{color:var(--muted);max-width:430px;font-size:12px;line-height:1.7}.loading-line{background:#d9d4e9;border-radius:2px;width:100px;height:2px;margin-top:16px;overflow:hidden}.loading-line:after{content:"";background:#7162a0;width:40%;height:100%;animation:1.2s ease-in-out infinite loading;display:block}.spinning{animation:1s linear infinite spin}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes spin{to{transform:rotate(1turn)}}.empty-copy{color:var(--muted);padding:12px;font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#202b2557;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:560px;max-width:100%;max-height:90dvh;color:var(--text);border-radius:16px;padding:34px;position:relative;overflow:auto;box-shadow:0 25px 90px #13241726}.modal.wide{width:740px}.modal-close{position:absolute;top:17px;right:17px}.modal-eyebrow{letter-spacing:1.5px;color:#7a6d9f;margin:4px 0 15px;font-size:8px;font-weight:550}.modal h2{letter-spacing:-.7px;margin:0 25px 12px 0;font-family:Instrument Serif,Georgia,serif;font-size:34px;font-weight:400;line-height:1.1}.modal-description{color:var(--muted);max-width:470px;margin-bottom:24px;font-size:11px;line-height:1.8}.modal h3{font-size:12px;font-weight:550}.modal label{flex-direction:column;gap:8px;margin-bottom:17px;font-size:10px;font-weight:500;display:flex}.modal input:not([type=checkbox]),.modal select,.modal textarea:not(.embed-code){border:1px solid var(--line);background:var(--bg);border-radius:6px;width:100%;min-width:0;padding:10px 11px;font-size:11px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#9285b9;outline:0}.modal textarea{resize:vertical;line-height:1.7}.settings-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.optional{color:var(--muted);font-size:9px;font-weight:400;display:contents}.section-label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:20px;display:flex}.section-label h3{margin:0}.section-label select{width:180px;padding:7px!important;font-size:10px!important}.help-text{color:var(--muted);margin:12px 0;font-size:10px;line-height:1.8}.header-table{border:1px solid var(--line);background:var(--sidebar);border-radius:7px;padding:7px}.header-row{grid-template-columns:1.1fr 1fr 26px;align-items:center;gap:7px;padding:4px 0;display:grid}.header-row input{background:var(--surface)!important;padding:8px!important;font-family:monospace!important;font-size:10px!important}.empty-headers{text-align:center;color:var(--muted);margin:0;padding:14px;font-size:10px}.add-header{color:var(--accent);margin:12px 0 23px}.settings-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.settings-footer>span{color:var(--muted);font-size:9px}.settings-footer code{color:var(--text)}.template-options{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 15px;display:grid}.template-options>button{text-align:left;border:1px solid var(--line);border-radius:8px;min-width:0;padding:5px}.template-options>button:hover{background:var(--sidebar);border-color:#8273af}.template-options button>span,.template-options strong{margin:9px 5px 5px;font-size:10px;font-weight:550;display:block}.template-options button>span{color:var(--muted);margin-top:0;font-size:8px;font-weight:400}.template-art{border-radius:4px;justify-content:center;align-items:center;height:108px;display:flex}.card-art{color:#ae6a50;background:#ede4da;gap:10px;font-family:Georgia;font-size:26px}.card-art span{color:#594331;font-size:12px}.blank-art{background:var(--sidebar);color:#b7b1c9}.dialog-tabs{border-bottom:1px solid var(--line);gap:20px;margin:24px 0;display:flex}.dialog-tabs button{color:var(--muted);border-bottom:2px solid #0000;padding:0 0 11px;font-size:11px}.dialog-tabs button.active{color:var(--accent);border-color:var(--accent)}.copy-field{border:1px solid var(--line);background:var(--bg);border-radius:6px;align-items:center;gap:8px;padding:4px 8px 4px 2px;display:flex}.copy-field input{background:0 0!important;border:0!important;outline:none!important;font-family:monospace!important;font-size:10px!important}.modal-action{margin-top:20px;margin-right:8px}.info-card{background:var(--sidebar);border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:flex-start;gap:12px;margin-top:20px;padding:16px;font-size:11px;line-height:1.8;display:flex}.info-card>svg{color:#7c729a;margin-top:2px}.embed-code{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:7px;width:100%;padding:12px;font:11px/1.8 monospace;display:block}.checkbox-label{align-items:center;flex-direction:row!important;font-size:10px!important}.version-list{flex-direction:column;gap:0;max-height:50vh;display:flex;overflow:auto}.version-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 0;display:flex}.version-icon{background:var(--tint);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.version-list>div>div{flex:1}.version-list strong{font-size:11px;font-weight:550}.version-list small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.tag{background:var(--tint);color:var(--accent);border-radius:3px;margin-left:5px;padding:2px 5px;font-size:8px;font-weight:400}.diagnostics{margin:24px 0}.diagnostics>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.diagnostics dt{color:var(--muted)}.diagnostics dd{margin:0}.diff-file{margin:22px 0}.line-diff{border:1px solid var(--line);background:var(--code);border-radius:6px;max-height:340px;padding:6px 0;font-family:monospace;font-size:10px;line-height:1.6;overflow:auto}.diff-row{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 10px}.diff-sign{width:14px;color:var(--faint);-webkit-user-select:none;user-select:none;display:inline-block}.diff-row.add{background:#ded8f0}.diff-row.del{background:#f6e1da}.dark .diff-row.add{background:#2e2543}.dark .diff-row.del{background:#4a2c25}.code-editor .cm-merge-b .cm-changedLine{background:#ded8f0}.code-editor .cm-merge-b .cm-deletedChunk{background:#f6e1da}.code-editor .cm-merge-b .cm-changedText{background:#ae9ce0}.code-editor .cm-merge-b .cm-deletedChunk .cm-deletedText{background:#eebfb0}.dark .code-editor .cm-merge-b .cm-changedLine{background:#2e2543}.dark .code-editor .cm-merge-b .cm-deletedChunk{background:#4a2c25}.dark .code-editor .cm-merge-b .cm-changedText{background:#3f3163}.dark .code-editor .cm-merge-b .cm-deletedChunk .cm-deletedText{background:#6d3b30}.code-editor .cm-deletedChunk{position:relative}.code-editor .cm-deletedChunk .cm-chunkButtons{z-index:1;top:2px}.code-editor .cm-deletedChunk button.cm-diff-revert{border:1px solid var(--line);background:var(--surface);height:18px;color:var(--muted);border-radius:999px;padding:0 7px;font-size:9px}.code-editor .cm-deletedChunk button.cm-diff-revert:hover{color:var(--accent);border-color:#8d7cbf}.diff-row.skip{color:var(--faint);padding:2px 10px;font-family:inherit;font-size:9px}.connect-facts{color:var(--muted);margin:0 0 18px;padding-left:16px;font-size:10px;line-height:1.8}.connect-form{flex-direction:column;gap:10px;display:flex}.connect-form>a{color:var(--accent);align-items:center;gap:4px;font-size:10px;display:inline-flex}.connect-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.toast-notice{background:var(--surface);color:var(--text);z-index:100;border:1px solid #bbb3d4;border-radius:8px;align-items:center;gap:10px;max-width:min(650px,90vw);padding:10px 12px 10px 16px;font-size:11px;line-height:1.6;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #23301c20}.toast-notice>svg{color:#6a5999}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.docs-shell,.public-page{background:var(--bg);min-height:100dvh;color:var(--text)}.public-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1200px;height:76px;margin:auto;padding:0 35px;display:flex}.public-header>nav{color:var(--muted);align-items:center;gap:20px;font-size:11px;display:flex}.public-content{max-width:1120px;margin:auto;padding:55px 35px}.public-eyebrow{letter-spacing:1.5px;color:#776a9b;align-items:center;gap:7px;margin-bottom:18px;font-size:9px;display:flex}.public-title-row{justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;display:flex}.public-title-row h1{letter-spacing:-1px;margin-bottom:12px;font:48px/1.05 Instrument Serif,Georgia,serif}.public-title-row p{color:var(--muted);max-width:560px;font-size:12px;line-height:1.8}.public-actions{flex-wrap:wrap;gap:8px;display:flex}.public-meta{color:var(--muted);align-items:center;gap:12px;margin-bottom:25px;font-size:10px;display:flex}.public-preview{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;height:550px}.source-section{border:1px solid var(--line);border-radius:9px;margin-top:30px;overflow:hidden}.source-tabs{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:20px;height:43px;padding:0 18px;display:flex}.source-tabs button{color:var(--muted);border-bottom:2px solid #0000;height:100%;font-size:11px}.source-tabs button.active{border-color:var(--accent);color:var(--accent)}.source-section pre{background:var(--code);white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;margin:0;padding:22px;font:12px/1.8 SFMono-Regular,Consolas,monospace;overflow:auto}.public-footer{border-top:1px solid var(--line);max-width:1050px;color:var(--muted);justify-content:space-between;margin:15px auto 0;padding:22px 0;font-size:10px;display:flex}.embed-shell{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;display:flex}.embed-shell>.source-tabs{flex-shrink:0}.embed-runtime{flex-direction:column;flex:1;min-height:0;display:flex}.embed-runtime iframe{border:0;flex:1;width:100%;height:100%}.embed-runtime pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code);flex:1;margin:0;padding:18px;font:11px/1.8 monospace;overflow:auto}.embed-footer{border-top:1px solid var(--line);height:32px;color:var(--muted);flex-shrink:0;justify-content:space-between;padding:0 12px;font-size:9px}.embed-footer,.embed-footer a{align-items:center;display:flex}.embed-footer a{color:var(--accent);gap:5px}.docs-layout{grid-template-columns:210px 1fr;gap:65px;max-width:1120px;margin:auto;padding:50px 35px;display:grid}.docs-nav{flex-direction:column;align-self:start;gap:4px;display:flex;position:sticky;top:30px}.docs-nav label{letter-spacing:1.2px;color:var(--muted);margin:20px 0 10px;padding:0 10px;font-size:9px}.docs-nav>a{color:var(--muted);border-radius:6px;padding:10px;font-size:11px}.docs-nav>a.router-link-exact-active{color:var(--accent);background:var(--tint)}.docs-nav>a:hover{background:var(--sidebar);color:var(--text)}.docs-search{background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;padding:10px 11px;font-size:11px}.docs-content{min-width:0;max-width:730px;padding-bottom:70px}.docs-content>h1{letter-spacing:-.8px;margin-bottom:24px;font:48px/1.05 Instrument Serif,Georgia,serif}.docs-content li,.docs-content>p{color:#736e81;font-size:13px;line-height:1.9}.docs-content h2{letter-spacing:-.3px;margin:36px 0 14px;font-size:19px;font-weight:550}.docs-content h3{margin:25px 0 8px;font-size:13px}.docs-content code{background:var(--tint);color:#443763;border-radius:4px;padding:2px 5px;font-size:11px}.docs-content pre{color:#d7d0eb;background:#28252e;border-radius:8px;margin:20px 0;padding:18px;font:11px/1.9 monospace;overflow:auto}.docs-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.docs-content table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.7}.docs-content td,.docs-content th{text-align:left;border:1px solid var(--line);padding:12px}.docs-content th{background:var(--sidebar);font-weight:500}.docs-note{background:var(--sidebar);color:var(--muted);border-left:3px solid #9a8cca;margin:20px 0;padding:14px 18px;font-size:12px;line-height:1.8}@media (width>=1600px){.pane-heading{height:42px}.project-sidebar{width:240px}.ai-sidebar{width:300px}.project-thumbnail{height:124px}.ai-welcome{padding-top:45px}.code-editor .cm-editor{font-size:13px!important}}@media (width<=1200px){.project-sidebar{width:190px}.project-thumbnail{height:93px}.ai-sidebar{width:245px}.button kbd,.visibility-badge{display:none}.ai-welcome{padding:12px 15px}.pane-heading{padding:0 9px}.filename{display:none}}@media (width<=950px){.sidebar-resize{display:none}.ai-sidebar{z-index:15;width:280px;position:absolute;top:56px;bottom:0;right:0;box-shadow:-10px 0 35px #23351b15}.project-title{font-size:11px}.workspace-status>div{gap:6px}.project-sidebar{width:180px}.project-thumbnail{height:87px}.sidebar-bottom{margin:12px}.pane-heading>div{gap:5px}.pane-heading .mini-divider{display:none}}@media (width<=680px){.app-header{gap:10px;height:55px;padding:0 15px}.brand{font-size:19px}.brand-mark{width:30px;height:30px}.toolbar-actions{gap:5px}.toolbar-actions .button{padding:6px}.project-title{gap:5px;max-width:160px;font-size:11px}.project-title-group{gap:5px}.project-sidebar{z-index:16;width:214px;position:absolute;top:55px;bottom:0;left:0;box-shadow:10px 0 35px #23351b20}.project-thumbnail{height:108px}.ai-sidebar{top:55px}.collaboration .text-button,.save-state{font-size:8px}.pane-grid{flex-direction:column;display:flex!important}.pane-grid>.editor-pane,.pane-grid>.preview-pane{border:0;flex:1 1 0;min-height:0}.pane-grid>.preview-pane{border-top:1px solid var(--line)}.mobile-hidden,.pane-expand,.resize-handle{display:none!important}.filename{display:inline}.pane-heading{height:40px;padding:0 12px}.mobile-pane-tabs{background:var(--sidebar);border-bottom:1px solid var(--line);flex-shrink:0;height:38px;display:flex}.mobile-pane-tabs button{letter-spacing:.04em;color:var(--muted);border-bottom:2px solid #0000;flex:1;font-size:11px;font-weight:550}.mobile-pane-tabs button.active{color:var(--accent);border-color:var(--accent);background:var(--surface)}.workspace-status{height:28px;padding:0 9px;font-size:7px}.workspace-status>div{gap:5px}.workspace-status>div:first-child .status-dot,.workspace-status>div:first-child>span:last-child{display:none}.workspace-status .text-button{font-size:7px}.modal-backdrop{padding:14px}.modal{border-radius:12px;padding:28px 20px}.modal h2{font-size:30px}.settings-grid{gap:0 10px}.settings-footer{flex-direction:column;align-items:stretch}.settings-footer>span{text-align:center}.template-options{gap:7px}.template-options button>span{display:none}.template-art,.template-options .project-thumbnail{height:95px}.template-options strong{font-size:9px}.card-art{flex-direction:column;gap:4px;font-size:22px}.card-art span{font-size:10px}.header-row{grid-template-columns:1fr 1fr 20px;gap:4px}.header-row input{font-size:8px!important}.section-label select{width:145px}.modal .help-text{font-size:9px}.public-header{height:64px;padding:0 20px}.public-header>nav{gap:10px}.public-content{padding:35px 20px}.public-title-row{flex-direction:column;align-items:flex-start}.public-title-row h1{font-size:40px}.public-preview{height:450px}.public-meta{flex-wrap:wrap;font-size:9px}.public-footer{gap:12px;margin:0 20px;font-size:9px}.docs-layout{grid-template-columns:1fr;gap:28px;padding:30px 20px}.docs-nav{grid-template-columns:1fr 1fr;gap:2px;display:grid;position:static}.docs-nav input,.docs-nav label{grid-column:1/-1}.docs-nav>a{padding:7px}.docs-content>h1{font-size:39px}.docs-content table{font-size:9px}.docs-content td,.docs-content th{padding:8px}.history-banner{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1280px){.beta,.button-label,.collab-label{display:none}.toolbar-actions .button.compact:not(.primary){padding:8px 10px}}@media (width<=1100px){.brand-name,.save-text{display:none}}@media (width<=950px){.app-header{gap:9px}.app-header .header-divider{display:none!important}.header-end,.header-project{gap:7px}}@media (width<=680px){.app-header .collaboration,.app-header .project-meta,.guest-button{display:none!important}.app-header{gap:6px;padding:0 10px}.project-meta{gap:6px}}.site-view{color:var(--text);background:#fff;font-size:12px;position:fixed;inset:0}.site-frame{background:#fff;border:0;width:100%;height:100%;display:block}.site-badge{z-index:10;position:fixed;bottom:16px;right:16px}.site-badge>summary{cursor:pointer;list-style:none}.site-badge>summary::-webkit-details-marker{display:none}.site-pill{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:280px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 5px;font-size:11px;font-weight:550;display:flex;box-shadow:0 6px 24px #1f2d1a24}.site-pill .brand-mark{width:22px;height:22px}.site-pill-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px);padding:18px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 16px 48px #1f2d1a2e}.site-panel-heading{justify-content:space-between;align-items:center;display:flex}.site-eyebrow{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.site-panel h1{margin:0;font-family:Instrument Serif,Georgia,serif;font-size:26px;font-weight:400;line-height:1.15}.site-panel>p{color:var(--muted);margin:0;line-height:1.6}.site-actions,.site-meta,.site-tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.site-panel .source-section{margin:4px 0 0}.site-panel .source-section pre{max-height:260px;font-size:10px}@media (width<=680px){.site-badge{bottom:10px;right:10px}.site-panel{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}}.header-explore{background:var(--tint);height:30px;color:var(--accent);white-space:nowrap;border:1px solid #bcb2dd;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:0 12px;font-size:12px;font-weight:550;display:inline-flex}.header-explore:hover{background:#dcd6ee;border-color:#8d7cbf}.dark .header-explore:hover{background:var(--tint)}.sidebar-bottom .sidebar-explore{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;font-size:12px;display:inline-flex}@media (width<=680px){.header-explore{display:none!important}}@media (width<=900px){.header-explore span{display:none}.header-explore{justify-content:center;width:30px;margin-left:8px;padding:0}}.pane-prettify{border:1px solid var(--line);height:22px;color:var(--muted);border-radius:999px;margin-right:4px;padding:0 8px;font-size:9px}.pane-prettify.active,.pane-prettify:hover{color:var(--accent);background:var(--tint);border-color:#8d7cbf}.editor-pane,.project-sidebar{position:relative}.drop-hint{z-index:30;background:color-mix(in srgb,var(--tint) 88%,transparent);color:var(--accent);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px dashed #7f6bbc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex;position:absolute;inset:8px}.drop-hint strong{font-size:13px}.drop-hint span{color:var(--muted);font-size:11px}.live-dot.running,.tiny-dot.live,.tiny-dot.running{background:#2f9e6f}.live-dot.failed,.tiny-dot.failed{background:#c95d4b}.live-dot.booting,.live-dot.installing,.live-dot.starting,.tiny-dot.booting,.tiny-dot.installing,.tiny-dot.starting{animation:1.1s ease-in-out infinite runner-pulse}@keyframes runner-pulse{50%{opacity:.3}}.live-badge{color:#237a55;background:#e2f4ea;gap:5px}.live-badge .live-dot{background:#2f9e6f}.dark .live-badge{color:#8fdcb6;background:#1f3a2f}.address-bar{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px;font-size:10px;display:flex}.address-origin{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.address-bar input{border:1px solid var(--line);background:var(--sidebar);min-width:60px;height:22px;color:var(--text);border-radius:5px;flex:1;padding:0 8px;font:11px SFMono-Regular,Consolas,monospace}.address-bar input:focus{border-color:var(--accent)}.address-public{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--accent);align-items:center;gap:4px;display:inline-flex;overflow:hidden}.address-bar .icon-button{width:22px;height:22px}.runner-unsupported{background:var(--sidebar);text-align:center;padding:24px}.console-bar .run-status{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.deploy-card{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.deploy-card .domain-heading strong{align-items:center;gap:6px;display:inline-flex}.domain-heading .pill.running{color:#237a55;background:#e2f4ea}.domain-heading .pill.crashed{color:#9a4a36;background:#f6e1da}.deploy-logs{color:#e4def7;white-space:pre-wrap;word-break:break-word;background:#1d1929;border-radius:8px;max-height:220px;margin:8px 0 0;padding:10px 12px;font:10.5px/1.6 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.drop-page{background:var(--bg);min-height:100vh;color:var(--text)}.drop-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.drop-main{max-width:1240px;margin:0 auto;padding:32px 24px 48px}.drop-intro{flex-direction:column;gap:12px;max-width:760px;display:flex}.drop-intro h1{margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1.05}.drop-intro>p{color:var(--muted);margin:0;font-size:15px}.live-link{color:#237a55;background:#e2f4ea;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.drop-work{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:28px;display:grid}.drop-code,.drop-run{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-height:460px;display:flex;overflow:hidden}.drop-code pre{background:var(--code);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;max-height:620px;margin:0;padding:18px 20px;font:12px/1.75 SFMono-Regular,Consolas,monospace;overflow:auto}.drop-run-bar{border-bottom:1px solid var(--line);height:43px;color:var(--muted);align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.drop-run-status{flex:1;min-width:0}.drop-run-bar a,.drop-run-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drop-run-bar a{color:var(--accent);align-items:center;gap:4px;max-width:50%;display:inline-flex}.drop-run-stage{background:var(--sidebar);flex:1;min-height:360px;display:grid;position:relative}.drop-run-stage>*{grid-area:1/1}.drop-run-stage iframe{background:#fff;border:0;width:100%;height:100%}.drop-run-placeholder{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.drop-run-placeholder strong{color:var(--text);font-size:15px;font-weight:600}.drop-run-placeholder:hover{color:var(--accent)}.drop-console-toggle{align-self:flex-start;gap:5px;margin:8px 12px;font-size:10px}.drop-footer{margin-top:24px}@media (width<=860px){.drop-work{grid-template-columns:1fr}.drop-main{padding:22px 16px 40px}.drop-header{padding:0 16px}}.framework-thumbnail{color:var(--brand);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--sidebar);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.framework-thumbnail .framework-logo{fill:currentColor;width:36px;height:36px}.framework-thumbnail span{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:8px}.my-drops-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.my-drops-heading .dialog-tabs{margin:0}.my-drops-search{margin:8px 0 12px}.my-drops{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;max-height:46vh;padding:2px;display:grid;overflow:auto}.my-drop{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-direction:column;gap:6px;padding:8px;display:flex}.my-drop:hover{border-color:var(--accent)}.my-drop .project-thumbnail{height:84px}.my-drop strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.my-drop-meta{color:var(--muted);flex-wrap:wrap;gap:4px 8px;font-size:9px;display:flex}.my-drop-meta>span{align-items:center;gap:3px;display:inline-flex}.my-drop-live{color:#237a55}.app-tooltip{z-index:10000;color:#edeaf6;letter-spacing:.01em;pointer-events:none;white-space:normal;text-align:center;background:#251f2e;border-radius:7px;max-width:260px;padding:6px 10px;font:500 11px/1.4 DM Sans,system-ui,sans-serif;animation:.12s ease-out app-tooltip-in;position:fixed;box-shadow:0 6px 20px #10190f33,0 1px 3px #10190f26}.app-tooltip:after{content:"";left:var(--arrow,50%);background:inherit;border-radius:1px;width:8px;height:8px;position:absolute;transform:translate(-50%)rotate(45deg)}.app-tooltip.top:after{bottom:-4px}.app-tooltip.bottom:after{top:-4px}.app-tooltip.dark{color:#251f2e;background:#e8e4f5}@keyframes app-tooltip-in{0%{opacity:0;transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.app-tooltip{animation:none}}