@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:#333d35;font-synthesis:none;--bg:#fafbf8;--surface:#fff;--sidebar:#f6f7f3;--line:#e5e8df;--text:#333d35;--muted:#8a9186;--faint:#a7aea2;--accent:#355d40;--tint:#eaf1e1;--code:#fcfcfa;background:#fafbf8;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 #7ea463}button{background:0 0;border:0}svg{vertical-align:middle;flex-shrink:0}input,select,textarea{color:var(--text)}::selection{background:#d7e8c7}kbd{font-family:inherit;font-size:9px}h1,h2,h3,p{margin-top:0}.dark{--bg:#1b201c;--surface:#202620;--sidebar:#1c221d;--line:#343c32;--text:#dde3d7;--muted:#98a18f;--faint:#6c7967;--accent:#b4d39a;--tint:#34432c;--code:#20251f;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:#9dbb80}.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:#9dbb80}.price-option.featured{background:var(--tint);border-color:#9dbb80}.price-option strong{font-family:Instrument Serif,Georgia,serif;font-size:26px;font-weight:400}.price-option span{color:var(--muted);font-size:10px}.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{color:#e7f4d4;background:#355b3e;border-radius:9px;place-items:center;width:29px;height:29px;display:inline-grid}.brand-period{color:#729356}.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:#567246;background:#e8eddf;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:#f4f8ec;background:#35583d;border-color:#35583d}.button.primary:hover:not(:disabled){background:#254830}.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}.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 #d5ddcd;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:#becdac;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:#83a367;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.tiny-dot.offline{background:#adb29f}.project-thumbnail,.thumbnail-wrap{border-radius:4px;position:relative;overflow:hidden}.project-thumbnail{pointer-events:none;contain:strict;background:#e5ead7;height:108px}.project-thumbnail iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:720px;height:450px;transform:scale(.25)}.thumbnail-number{color:#4b6647;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:#3e6346;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:7px;right:7px}.sample-thumbnail{text-align:center;color:#2b4c36;background:radial-gradient(at 90% 10%,#bedf83,#0000 65%),radial-gradient(at 0 100%,#93c4a5,#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{color:#859878;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 #cdd6c3;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.html{border-right:1px solid var(--line);grid-column:1}.editor-pane.css,.editor-pane.html{border-bottom:1px solid var(--line);grid-row:1}.editor-pane.css{grid-column:2}.editor-pane.javascript{border-right:1px solid var(--line);grid-area:2/1}.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.orange{color:#bd795d}.language-symbol.purple{color:#9e81bc;font-size:16px}.language-symbol.gold{color:#bca050;font-size:9px}.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:#7c9569;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:#dce1d6 transparent;overflow:auto}.editor-loading{color:var(--muted);padding:24px;font-size:11px}.live-dot{background:#79995e;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;left:0;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}.workspace-status .tiny-dot{width:4px;height:4px}.status-dot{color:var(--faint)}.status-logo{color:#7d9471;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:#7c916b;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:#82976b;place-items:center;width:60px;height:60px;margin:10px auto 20px;display:grid;position:relative}.ai-art:before{content:"";background:#f0f3e9;border:1px solid #e4eadb;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:#c1cbad;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:#bcc8ad;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:#b8c9a9}.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:#b8c9a9}.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 #dce2d3;border-radius:9px;padding:11px;box-shadow:0 2px 5px #243b2003}.ai-composer:focus-within{border-color:#9dbb80}.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:#f2f5ed;background:#446449;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;display:grid}.send-button:hover{background:#2c4b32}.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{border-radius:13px;width:45px;height:45px}.opening h1{letter-spacing:-1px;margin:20px 0 10px;font-size:30px}.opening h1>span{color:#819d68}.opening p{color:var(--muted);max-width:430px;font-size:12px;line-height:1.7}.loading-line{background:#dfe9d4;border-radius:2px;width:100px;height:2px;margin-top:16px;overflow:hidden}.loading-line:after{content:"";background:#7f9d65;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:#849c70;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:#9fb688;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:#91ac76}.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:#bdc8b2}.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:#829874;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:#e3f0d8}.diff-row.del{background:#f6e1da}.dark .diff-row.add{background:#2d4127}.dark .diff-row.del{background:#4a2c25}.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 #c3d2b5;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:#70965c}.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:#80986d;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:#76806f;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:#426139;border-radius:4px;padding:2px 5px;font-size:11px}.docs-content pre{color:#dcebd0;background:#252e25;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 #aec78f;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}.project-thumbnail iframe{transform:scale(.285)}.ai-welcome{padding-top:45px}.code-editor .cm-editor{font-size:13px!important}}@media (width<=1200px){.project-sidebar{width:190px}.project-thumbnail{height:93px}.project-thumbnail iframe{transform:scale(.22)}.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}.project-thumbnail iframe{transform:scale(.205)}.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:29px;height:29px}.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}.project-thumbnail iframe{transform:scale(.25)}.ai-sidebar{top:55px}.collaboration .text-button,.save-state{font-size:8px}.pane-grid{display:flex!important}.pane-grid>.editor-pane,.pane-grid>.preview-pane{border:0;flex:1}.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{text-transform:uppercase;color:var(--muted);border-bottom:2px solid #0000;flex:1;font-size:10px}.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 .docs-link,.app-header .header-divider{display:none!important}.header-end,.header-project{gap:7px}}@media (width<=680px){.app-header .collaboration,.app-header .save-state,.guest-button{display:none!important}.app-header{gap:6px;padding:0 10px}.project-meta{gap:6px}}