@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.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{--bg:#0b0e13;--panel:#12161d;--panel-raised:#171c24;--line:#232b36;--text:#edeff2;--text-muted:#8b93a1;--accent:#4fd8c4;--accent-dim:#4fd8c424;--warn:#f2a93b;--warn-dim:#f2a93b24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}::selection{background:var(--accent-dim)}a{color:var(--accent)}button{font-family:inherit}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dc-stage{outline:1px solid var(--line);background-color:#fff;background-image:linear-gradient(#0b0e130d 1px,#0000 1px),linear-gradient(90deg,#0b0e130d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-shrink:0;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 0 0 1px #0006,0 24px 60px -20px #0009}.dc-safearea{pointer-events:none;border:1px dashed #4fd8c48c;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute}.dc-corner{border:2px solid var(--accent);opacity:.9;width:14px;height:14px;position:absolute}.dc-corner--tl{border-bottom:none;border-right:none;top:-1px;left:-1px}.dc-corner--tr{border-bottom:none;border-left:none;top:-1px;right:-1px}.dc-corner--bl{border-top:none;border-right:none;bottom:-1px;left:-1px}.dc-corner--br{border-top:none;border-left:none;bottom:-1px;right:-1px}.dc-box{box-sizing:border-box;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;transition:left .5s cubic-bezier(.16,1,.3,1),top .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:absolute;overflow:hidden}.dc-box__tag{letter-spacing:.06em;opacity:.75;font-family:IBM Plex Mono,monospace;font-size:8px;position:absolute;top:3px;left:5px}.dc-box__label{text-align:center;color:#10151c;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;max-height:100%;padding:0 6px;font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.dc-box__swatch{background:repeating-linear-gradient(135deg,#10151c1f,#10151c1f 6px,#0000 6px 12px);border-radius:2px;width:60%;height:60%}.dc-box--hero{background:#cdf3ec;border:1.5px solid #2ea791}.dc-box--primary{background:#fff;border:1.5px solid #10151c}.dc-box--secondary{background:#eef0f3;border:1.5px solid #8b93a1}.dc-box--action{background:#fcdca0;border:1.5px solid #b9761c}.dc-box--branding{background:#e4e6ea;border:1.5px dashed #8b93a1}.dc-box--action .dc-box__label{color:#6b4b0e}.app{grid-template-columns:340px 1fr;min-height:100%;display:grid}@media (width<=860px){.app{grid-template-columns:1fr}}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:28px 24px 40px;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.brand__mark{border:1.5px solid var(--accent);width:26px;height:26px;color:var(--accent);border-radius:4px;place-items:center;font-size:13px;display:grid}.brand__name{letter-spacing:-.01em;font-size:15px;font-weight:600}.brand__sub{color:var(--text-muted);margin:6px 0 28px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.5}.section-label{letter-spacing:.08em;color:var(--text-muted);margin:26px 0 10px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.section-label:first-of-type{margin-top:0}.spec-list{flex-direction:column;gap:6px;display:flex}.spec-row{background:var(--panel-raised);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:13px;display:flex}.spec-row__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.spec-row__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.spec-row__meta{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:10.5px}.surface-list{flex-direction:column;gap:6px;display:flex}.surface-btn{text-align:left;border:1px solid var(--line);background:var(--panel-raised);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.surface-btn:hover{border-color:var(--accent)}.surface-btn--active{border-color:var(--accent);background:var(--accent-dim)}.surface-btn__name{font-size:13px;font-weight:600}.surface-btn__dims{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:10.5px}.custom-form{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.custom-form label{color:var(--text-muted);flex-direction:column;gap:4px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.custom-form input[type=number],.custom-form select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:6px 7px;font-family:IBM Plex Mono,monospace;font-size:12px}.custom-form .full{grid-column:1/-1}.checkbox-row{color:var(--text-muted);grid-column:1/-1;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.apply-btn{background:var(--accent);color:#062824;cursor:pointer;border:none;border-radius:6px;grid-column:1/-1;margin-top:4px;padding:9px 10px;font-size:12.5px;font-weight:600}.apply-btn:hover{filter:brightness(1.06)}.legend{flex-wrap:wrap;gap:6px 10px;margin-top:8px;display:flex}.legend__item{color:var(--text-muted);align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.legend__swatch{border-radius:2px;width:9px;height:9px}.main{padding:28px 32px 40px;overflow-y:auto}.main__topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.main__title{letter-spacing:-.01em;font-size:19px;font-weight:600}.main__meta{color:var(--text-muted);margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.orientation-badge{border:1px solid var(--accent);color:var(--accent);letter-spacing:.05em;border-radius:4px;margin-left:8px;padding:2px 7px;font-size:10.5px;display:inline-block}.render-toggle{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.render-toggle button{background:var(--panel-raised);color:var(--text-muted);cursor:pointer;border:none;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:12px}.render-toggle button.active{background:var(--accent);color:#062824;font-weight:600}.stage-wrap{border:1px solid var(--line);background:radial-gradient(circle at 50% 0,#4fd8c40f,#0000 60%);border-radius:14px;justify-content:center;padding:36px 16px;display:flex;overflow:auto}.trace{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-top:24px;padding:16px 18px}.trace__title{letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.trace__ok{color:var(--accent);font-size:13px}.trace__warn{border-top:1px solid var(--line);color:var(--text);gap:8px;padding:7px 0;font-size:12.5px;display:flex}.trace__warn:first-child{border-top:none}.trace__warn-dot{color:var(--warn);flex-shrink:0}.footer-note{color:var(--text-muted);margin-top:26px;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.6}.footer-note code{color:var(--accent)}