@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_dezite-assets/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(/_dezite-assets/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(/_dezite-assets/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(/_dezite-assets/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(/_dezite-assets/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(/_dezite-assets/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(/_dezite-assets/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}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_dezite-assets/playfair-display-cyrillic-wght-normal.5WvUvBgz.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_dezite-assets/playfair-display-vietnamese-wght-normal.Cabi7G8-.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_dezite-assets/playfair-display-latin-ext-wght-normal.CT1r92Rl.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:Playfair Display Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_dezite-assets/playfair-display-latin-wght-normal.BOwq7MWX.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}--studio-paper/--studio-subtle/--studio-ink-faint names are kept * as aliases onto the canonical nine so every existing selector across the * marketplace surface keeps resolving without a rename pass. * * Contrast note: WCAG contrast of #FFFFFF text on #8A6CFF fill is 3.7:1 * (fails the 4.5:1 body-size floor). #0E0D11 text on #8A6CFF fill is 5.23:1 * (passes). Every accent-filled UI/body-size element in the marketplace uses * var(--studio-ground) as its text color,never --studio-accent-fg. */ .brand-surface-studio,[data-theme="dark"] .brand-surface-studio,[data-theme="light"] .brand-surface-studio{--studio-ground: #0E0D11;--studio-panel: #17161C;--studio-panel-2: #1F1E26;--studio-text: #FFFFFF;--studio-text-2: #A8A4B3;--studio-text-faint: #6F6B7A;--studio-accent: #8A6CFF;--studio-accent-fg: #FFFFFF;--studio-rule: rgba(255, 255, 255, .14);--td-radius: 14px;--td-radius-sm: 10px;--td-card-bg: var(--studio-panel);--td-card-border: rgba(255, 255, 255, .14);--td-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 44px -16px rgba(0, 0, 0, .6);--td-shadow-hover: 0 2px 6px rgba(0, 0, 0, .45), 0 24px 64px -18px rgba(138, 108, 255, .32);--color-bg: var(--studio-ground);--studio-paper: var(--studio-ground);--studio-subtle: var(--studio-panel);--color-text-primary: var(--studio-text);--color-text-secondary: var(--studio-text-2);--studio-ink-faint: var(--studio-text-faint);--color-surface: var(--studio-panel);--color-surface-border: var(--studio-rule);--color-card-bg: var(--studio-panel);--color-card-border: var(--studio-rule);--color-accent: var(--studio-accent);--color-accent-foreground: var(--studio-accent-fg);--font-heading: "Inter Variable", "Inter Display", Inter, system-ui, sans-serif;--font-base: "Inter Variable", "Inter Display", Inter, system-ui, sans-serif;--font-display: "Playfair Display Variable", Georgia, serif;--studio-tracking-display: -.04em;--studio-tracking-ui: -.02em;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-base);letter-spacing:var(--studio-tracking-ui);-webkit-font-smoothing:antialiased;color-scheme:dark}.brand-surface-studio h1,.brand-surface-studio h2,.brand-surface-studio h3{font-family:var(--font-heading);font-weight:600;letter-spacing:var(--studio-tracking-display);color:var(--color-text-primary)}.tpo{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.tpo[hidden]{display:none}.tpo__backdrop{position:absolute;inset:0;background:#0e0d11d1;backdrop-filter:blur(6px)}.tpo__panel{position:relative;z-index:1;display:flex;flex-direction:column;inline-size:min(96vw,1400px);block-size:min(92vh,920px);background:var(--studio-panel);border:1px solid var(--studio-rule);border-radius:0;overflow:hidden}.tpo__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;block-size:3rem;padding-inline:1rem;border-block-end:1px solid var(--studio-rule);background:var(--studio-panel-2);flex-shrink:0}.tpo__name{color:var(--studio-text);font-weight:600;font-size:.9375rem;letter-spacing:var(--studio-tracking-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpo__toggle{display:flex;gap:.25rem}.tpo__toggle-btn{block-size:2rem;padding:0 .85rem;border:1px solid var(--studio-rule);border-radius:0;background:transparent;color:var(--studio-text-2);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.tpo__toggle-btn.is-active{background:var(--studio-accent);color:var(--studio-ground);border-color:var(--studio-accent)}.tpo__close{block-size:2rem;inline-size:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--studio-rule);border-radius:0;background:transparent;color:var(--studio-text);font-size:1.25rem;line-height:1;cursor:pointer}.tpo__close:hover,.tpo__toggle-btn:hover{border-color:var(--studio-text-2)}.tpo__stage{flex:1;min-block-size:0;overflow:auto;background:var(--studio-ground);display:flex;justify-content:center}.tpo__frame{inline-size:100%;block-size:100%}.tpo__frame.is-mobile{inline-size:390px;margin-inline:auto}.tpo__iframe{inline-size:100%;block-size:100%;border:0;background:var(--studio-panel);display:block}.tpo__sticky{display:flex;align-items:center;gap:1rem;block-size:3.5rem;padding-inline:1rem;border-block-start:1px solid var(--studio-rule);background:var(--studio-panel-2);flex-shrink:0}.tpo__sticky-name{color:var(--studio-text);font-weight:600;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpo__sticky-price{color:var(--studio-accent);font-weight:600;font-size:.9375rem;white-space:nowrap}.tpo__sticky-action{display:inline-flex;align-items:center;justify-content:center;block-size:2.4rem;padding:0 1rem;border:1px solid var(--studio-rule);border-radius:0;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.tpo__sticky-action--ghost{margin-inline-start:auto;background:transparent;color:var(--studio-text)}.tpo__sticky-action--ghost:hover{border-color:var(--studio-text-2)}.tpo__sticky-action--primary{background:var(--studio-accent);color:var(--studio-ground);border-color:var(--studio-accent)}.tpo__sticky-action--primary:hover{filter:brightness(.88)}.tpo__sticky-action[aria-disabled=true]{background:var(--studio-panel);color:var(--studio-text-faint);border-color:var(--studio-rule);cursor:not-allowed;pointer-events:none}.tpo__close:focus-visible,.tpo__toggle-btn:focus-visible,.tpo__sticky-action:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}@media (max-width: 640px){.tpo__panel{inline-size:100vw;block-size:100dvh;border:0}.tpo__sticky{flex-wrap:wrap;block-size:auto;padding-block:.75rem}.tpo__sticky-action--ghost{margin-inline-start:0}}