@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.showcase{--navy: #141b2d;--navy-deep: #0d121f;--dawn: #ff9e7a;--warm-white: #faf6f0;--violet: #5b4e7a;--focus: #ff9e7a;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--navy-deep);color:var(--warm-white);font-family:Inter Variable,system-ui,-apple-system,sans-serif}.showcase :focus-visible{outline-color:var(--dawn)}.showcase .showcase-bar{background:var(--navy);border-bottom:1px solid rgba(255,158,122,.22);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.showcase .studio-brand{display:flex;align-items:center;gap:12px}.showcase .studio-mark{width:36px;height:36px;border-radius:9px;background:#1e2842;border:1px solid rgba(255,158,122,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.showcase .studio-wordmark{display:block;font-family:Fraunces Variable,Georgia,serif;font-weight:600;font-size:1.1rem;letter-spacing:-.02em;line-height:1.2}.showcase h1.studio-sub{font-family:Inter Variable,sans-serif;font-weight:400;font-size:.8rem;color:#a9b4c6;line-height:1.35}.showcase .switcher-group{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:5px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.showcase .var-btn{background:transparent;border:none;color:#d5dce8;padding:9px 14px;border-radius:8px;font-family:inherit;font-size:.83rem;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .16s ease,color .16s ease}.showcase .var-btn:hover{color:#fff;background:#ffffff14}.showcase .var-btn[aria-pressed=true]{background:var(--dawn);color:var(--navy)}.showcase .meta-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.showcase .badge{font-size:.76rem;font-weight:600;padding:6px 12px;border-radius:999px}.showcase .pkg-badge{background:#ff9e7a24;color:var(--dawn);border:1px solid rgba(255,158,122,.4)}.showcase .himpsi-badge{background:#34d39924;color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.showcase .open-full{color:var(--warm-white);font-size:.8rem;font-weight:600;text-underline-offset:3px}.showcase .open-full:hover{color:var(--dawn)}.showcase .viewport-toggle{display:flex;background:#ffffff0f;border-radius:8px;padding:3px;border:1px solid rgba(255,255,255,.12)}.showcase .vp-btn{background:transparent;border:none;color:#d5dce8;padding:6px 10px;border-radius:6px;font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer}.showcase .vp-btn[aria-pressed=true]{background:#fff;color:var(--navy)}.showcase .stage{flex:1;display:flex;align-items:stretch;justify-content:center;background:radial-gradient(circle at top,#1e293b,#0d121f);overflow:auto;min-height:560px;transition:padding .25s ease}.showcase .stage.mobile-mode{padding:24px;align-items:center}@media(min-width:861px){.showcase{height:100vh;height:100dvh}.showcase .stage,.showcase iframe.preview-frame{min-height:0}}.showcase iframe.preview-frame{width:100%;height:100%;min-height:560px;border:none;background:#fff}.showcase .stage.mobile-mode iframe.preview-frame{width:375px;height:812px;max-height:92%;border-radius:36px;box-shadow:0 0 0 10px #1e293b,0 25px 60px #000000a6}.showcase .no-js-links{padding:24px 20px;background:var(--warm-white);color:var(--navy)}.showcase .no-js-links a{color:var(--violet);font-weight:600}.showcase .showcase-footer{background:var(--navy);border-top:1px solid rgba(255,158,122,.22);padding:14px 20px 16px;font-size:.85rem;color:#d5dce8}.showcase .showcase-footer p{margin:0}.showcase .showcase-footer .studio-credit{margin:0;padding:0;border:none;color:#d5dce8}.showcase .showcase-footer a{color:var(--dawn)}.showcase .showcase-footer a:hover{color:#fff}.showcase .footer-note{margin-bottom:6px;font-size:.8rem;color:#a9b4c6}@media(max-width:860px){.showcase .switcher-group{width:100%;flex-direction:column;align-items:stretch}.showcase .var-btn{text-align:left}.showcase .viewport-toggle{display:none}}@media(max-width:520px){.showcase .showcase-bar{padding:12px 14px}.showcase .stage,.showcase iframe.preview-frame{min-height:640px}}