@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.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/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.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.0wgildi0cnwt9.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/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.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/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.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.0r6juujl39pe6.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:#f8f9fa;--bg-1:#fff;--bg-2:#e9ecef;--ink-0:#212529;--ink-1:#495057;--ink-2:#6c757d;--line:#dee2e6;--line-strong:#ced4da;--accent:#7952b3;--accent-ink:#fff;--accent-soft:#f2eafa;--shadow-sm:0 1px 2px #0000000a;--shadow-lg:0 2px 12px #0000000f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink-0);background:var(--bg-0);overflow:hidden}.workspace-shell{grid-template-columns:320px 1fr;gap:14px;height:100dvh;padding:14px;display:grid;overflow:hidden}.template-library{background:var(--bg-1);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.library-header{border-bottom:1px solid var(--line);padding:20px 20px 12px}.library-kicker,.workspace-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);margin:0;font-size:.7rem;font-weight:600}.library-title{color:var(--ink-0);margin:.3rem 0 0;font-size:1.35rem;font-weight:700;line-height:1.2;display:block}.library-header p{color:var(--ink-1);margin:.35rem 0 0;font-size:.9rem}.library-groups{gap:16px;padding:16px;display:grid;overflow:hidden auto}.library-group h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px;font-size:.8rem;font-weight:600}.library-list{gap:2px;display:grid}.template-link{color:var(--ink-1);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:background .12s}.template-link:hover{background:var(--bg-2)}.template-link.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.workspace-main{background:var(--bg-1);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.workspace-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.workspace-header h1{color:var(--ink-1);margin:.3rem 0 0;font-size:1rem;font-weight:500;line-height:1.3}.copy-button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;min-width:100px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:background .15s}.copy-button:hover{background:#6741a5}.tab-switcher{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;gap:0;padding:3px;display:flex}.tab-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 14px;font-size:.82rem;font-weight:500;transition:all .12s}.tab-btn.is-active{background:var(--bg-1);color:var(--ink-0);box-shadow:0 1px 2px #0000000d}.tab-btn:not(.is-active):hover{color:var(--ink-0)}.workspace-panels{grid-template-columns:minmax(0,1fr);gap:14px;height:100%;min-height:0;padding:0 14px 14px;display:grid;overflow:hidden}.ad-banner{flex-shrink:0;justify-content:center;align-items:center;min-height:90px;padding:10px 14px;display:flex}.panel{border:1px solid var(--line);background:var(--bg-1);border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;font-size:.68rem;font-weight:600}.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:#dee2e6;background:#212529;flex:1;min-height:0;margin:0;padding:14px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.84rem;line-height:1.6;overflow:auto}.code-block code{color:inherit;background:0 0;border-radius:0;padding:0}.hljs{color:#dee2e6!important;background:#212529!important}.hljs-tag{color:#7ec5d8!important}.hljs-attr{color:#9dcfd8!important}.hljs-string{color:#6dbf6c!important}.hljs-literal,.hljs-number{color:#e0a35e!important}.hljs-attr-value{color:#6dbf6c!important}.empty-state-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.empty-state-card{background:var(--bg-1);border:1px solid var(--line);text-align:center;border-radius:8px;max-width:480px;padding:24px}.empty-state-card h1{margin:0;font-size:1.4rem}.empty-state-card p{color:var(--ink-1);margin:.5rem 0 0}@media (max-width:1080px){body{overflow:auto}.workspace-shell{grid-template-columns:1fr;gap:10px;height:auto;padding:10px;overflow:visible}.template-library{max-height:38vh}.workspace-panels{grid-template-columns:1fr}.preview-frame{min-height:380px}}@media (max-width:680px){.library-title{font-size:1.2rem}.workspace-header{flex-direction:column;align-items:flex-start;padding:12px}.workspace-header h1{font-size:.92rem}.copy-button{width:100%}.preview-frame{min-height:300px}.code-block{font-size:.78rem}}