@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-0:#f7f8fa;--bg-1:#fff;--bg-2:#f5efff;--ink-0:#0f172a;--ink-1:#334155;--ink-2:#64748b;--line:#ddd4ef;--line-strong:#c8bbe5;--accent:#6f42c1;--accent-ink:#fff;--accent-soft:#f1e8ff;--shadow-sm:0 8px 24px #020c1b0f;--shadow-lg:0 24px 60px #020c1b21}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink-0);background:radial-gradient(circle at 15% 10%, #efe8ff 0%, #efe8ff00 40%), radial-gradient(circle at 90% 90%, #dbe9ff 0%, #dbe9ff00 38%), var(--bg-0);overflow:hidden}.workspace-shell{grid-template-columns:320px 1fr;gap:18px;height:100dvh;padding:18px;display:grid;overflow:hidden}.template-library{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:linear-gradient(#fdfbff 0%,#f5f0ff 100%);border-radius:24px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.library-header{border-bottom:1px solid var(--line);background:linear-gradient(#6f42c11f 0%,#6f42c100 80%),0 0;padding:20px 20px 12px}.library-kicker,.workspace-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin:0;font-size:.72rem;font-weight:700}.library-header h1{margin:.35rem 0 0;font-size:1.45rem;line-height:1.2}.library-header p{color:var(--ink-1);margin:.45rem 0 0;font-size:.95rem}.library-groups{gap:16px;padding:18px;display:grid;overflow:hidden auto}.library-group h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px;font-size:.88rem}.library-list{gap:8px;display:grid}.template-link{color:var(--ink-0);background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:9px 11px;font-size:.9rem;text-decoration:none;transition:all .18s}.template-link:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 7px 16px #0a162614}.template-link.is-active{border-color:var(--accent);background:var(--accent-soft);color:#4f2f8c;font-weight:700}.workspace-main{border:1px solid var(--line);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f4ffd1;border-radius:24px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.workspace-header{border-bottom:1px solid var(--line);background:linear-gradient(#fdfbff 0%,#f4edff 100%);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.workspace-header h2{margin:.35rem 0 0;font-size:1.1rem;line-height:1.3}.copy-button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:12px;min-width:108px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:transform .15s,opacity .15s}.copy-button:hover{opacity:.95;transform:translateY(-1px)}.tab-switcher{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.tab-btn{color:var(--ink-1);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 18px;font-size:.88rem;font-weight:600;transition:all .15s}.tab-btn.is-active{background:var(--accent);color:var(--accent-ink)}.tab-btn:not(.is-active):hover{color:var(--accent);background:#6f42c11a}.workspace-panels{grid-template-columns:minmax(0,1fr);gap:16px;height:100%;min-height:0;padding:16px;display:grid;overflow:hidden}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);color:var(--ink-1);text-transform:uppercase;letter-spacing:.08em;background:#f5efff;padding:11px 13px;font-size:.74rem;font-weight:700}.preview-frame-wrap{background:var(--bg-2);flex:1;min-height:0}.preview-frame{background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}.code-block{color:#d8e2f0;background:#0d1522;flex:1;min-height:0;margin:0;padding:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;overflow:auto}.code-block code{color:inherit;background:0 0;border-radius:0;padding:0}.hljs{color:#d8e2f0!important;background:#0d1522!important}.hljs-tag{color:#7ec5d8!important}.hljs-attr{color:#a9d1d8!important}.hljs-string{color:#6dbf6c!important}.hljs-literal,.hljs-number{color:#d69b66!important}.hljs-attr-value{color:#6dbf6c!important}.empty-state-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.empty-state-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;max-width:480px;padding:24px}.empty-state-card h1{margin:0;font-size:1.5rem}.empty-state-card p{color:var(--ink-1);margin:.6rem 0 0}@media (max-width:1080px){body{overflow:auto}.workspace-shell{grid-template-columns:1fr;gap:12px;height:auto;padding:12px;overflow:visible}.template-library{max-height:38vh}.workspace-panels{grid-template-columns:1fr}.preview-frame{min-height:380px}}@media (max-width:680px){.library-header h1{font-size:1.2rem}.workspace-header{flex-direction:column;align-items:flex-start;padding:14px}.workspace-header h2{font-size:.96rem}.copy-button{width:100%}.preview-frame{min-height:300px}.code-block{font-size:.8rem}}