:root{--color-brand-red: #ef4444;--color-brand-blue: #00aaff;--color-brand-purple: #7c3aed;--color-brand-green: #22c55e;--color-brand-yellow: #eab308;--color-brand-pink: #ff6b9d;--color-brand-yellow-bright: #ffe066;--color-brand-white: #ffffff;--color-main-bg-deep: #050508;--color-main-bg-surface: #0a0a12;--color-main-bg-card: #0e0e1a;--color-main-border: #1a1a2e;--color-main-text-primary: #e8e8f0;--color-main-text-secondary: #8888a0;--color-main-text-dim: #555568;--color-stock-bg: #0a0a0a;--color-stock-surface: #141414;--color-stock-surface-2: #1c1c1c;--color-stock-border: #262626;--color-stock-border-strong: #3a3a3a;--color-stock-text-primary: #e8e8e8;--color-stock-text-muted: #888888;--color-stock-line: #555555;--color-stock-creative: #7ee3d4;--color-stock-creative-ink: #06241f;--color-stock-gold: #e0a938;--color-stock-gold-light: #ffe9a8;--color-stock-gold-deep: #c98f22;--color-stock-gold-ink: #2b1c02;--color-stock-gold-hot: #ff8800;--color-stock-gold-bright: #ffd700;--font-family-body: "Inter", "SF Pro Display", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-heading: "Google Sans", "Inter", system-ui, sans-serif;--font-family-brand: "Enpixelment", system-ui, sans-serif;--font-family-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-family-code: "Cascadia Code", "JetBrains Mono", "Fira Code", monospace;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-card: 12px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-grid: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 64px;--space-section: 60px;--space-generous: 36px;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.563rem;--text-xl: clamp(2rem, 6vw, 3.5rem);--text-2xl: clamp(3.5rem, 8vw, 7rem);--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7}.container{max-width:1200px;margin:0 auto}.container-narrow{max-width:800px;margin:0 auto}@media (max-width: 900px){.container,.container-narrow{padding:0 20px}}@media (max-width: 600px){.container,.container-narrow{padding:0 16px}}.gradient-text{background:linear-gradient(135deg,var(--color-brand-blue),var(--color-brand-purple),var(--color-brand-pink));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;min-height:60px;padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--surface-page) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-default) 50%,transparent);transition:background .3s}.nav-brand{font-family:var(--font-family-brand);font-size:var(--text-base);font-weight:var(--font-weight-extrabold);letter-spacing:2px;text-decoration:none}.nav-links{display:flex;gap:var(--space-2xl);list-style:none}.nav-links a{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-dim);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--color-brand-blue)}.nav-cta{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-white);background:linear-gradient(135deg,var(--color-brand-blue),var(--color-brand-purple));padding:8px 20px;border-radius:var(--radius-md);text-decoration:none;transition:box-shadow .3s}.nav-cta:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--color-brand-blue) 30%,transparent)}.logo-wrap{position:relative;display:inline-block;will-change:transform}.logo-glitch{position:relative;cursor:pointer;isolation:isolate}.logo-gt{font-family:var(--font-family-brand);font-size:var(--text-base);font-weight:var(--font-weight-extrabold);letter-spacing:2px;white-space:nowrap;background:linear-gradient(135deg,var(--color-brand-blue),var(--color-brand-purple),var(--color-brand-pink));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite;display:block}.logo-sizer{visibility:visible}.logo-glitch .logo-sl{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity,filter;pointer-events:none}.logo-ca{position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--font-family-brand);font-size:var(--text-base);font-weight:var(--font-weight-extrabold);letter-spacing:2px;white-space:nowrap;mix-blend-mode:screen;opacity:0;pointer-events:none;text-decoration:none}.logo-ghost{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;will-change:transform,opacity}.logo-ghost .logo-gt{opacity:.3}.logo-scanlines{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,color-mix(in srgb,white 3%,transparent) 2px,color-mix(in srgb,white 3%,transparent) 3px);pointer-events:none;opacity:0;mix-blend-mode:overlay}.logo-noise-band{position:absolute;left:-10%;right:-10%;height:3px;pointer-events:none;opacity:0;mix-blend-mode:screen;will-change:transform,opacity}footer{padding:64px 24px 40px;border-top:1px solid var(--border-default);position:relative;z-index:1;background:var(--surface-page)}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto auto;gap:var(--space-4xl)}.footer-social{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer-social a{color:var(--text-dim);transition:color .2s;display:flex}.footer-social a:hover{color:var(--text-primary)}.footer-brand-mark{font-size:1.3rem}.footer-brand p{font-size:var(--text-sm);color:var(--text-dim);line-height:var(--leading-relaxed);margin-top:var(--space-md)}.footer-col h4{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-lg)}.footer-col a{display:block;font-size:var(--text-sm);color:var(--text-dim);text-decoration:none;padding:2px 0;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer-bottom p{font-size:var(--text-sm);color:var(--text-dim)}.footer-bottom-links{display:flex;gap:var(--space-xl)}.footer-bottom-links a{font-size:var(--text-sm);color:var(--text-dim);text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:var(--text-muted)}.sanki-link{color:var(--sanki-accent);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color .2s}.sanki-link:hover{color:var(--sanki-accent-hover);text-decoration:underline}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer;z-index:101}.nav-hamburger span{display:block;width:100%;height:2px;background:var(--text-muted);border-radius:1px;transition:transform .3s,opacity .3s}.nav.open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .nav-hamburger span:nth-child(2){opacity:0}.nav.open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.menu-open{position:fixed;width:100%;overflow:hidden}@media (max-width: 900px){.nav-cta,.nav-account{display:none}.nav-hamburger{display:flex}.nav.open{height:100vh;height:100dvh;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto 2fr;background:color-mix(in srgb,var(--surface-page) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:transparent}.nav.open .logo-wrap{grid-area:1 / 1}.nav.open .nav-hamburger{grid-area:1 / 2;align-self:center}.nav-links{display:none;flex-direction:column;align-items:center;gap:var(--space-xl)}.nav.open .nav-links{display:flex;grid-area:3 / 1 / 4 / 3;animation:menu-fade-in .25s ease}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.nav-links a{font-size:var(--text-md);color:var(--color-brand-white);font-weight:var(--font-weight-semibold)}.nav-links li{list-style:none}}@media (max-width: 600px){.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:1 / -1;order:1;text-align:center;padding-top:24px;border-top:1px solid var(--border-default)}.footer-col{order:0}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}.nav-account{display:inline-flex;align-items:center;gap:var(--space-md)}.nav-account-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-account-email:hover{color:var(--text-primary)}.nav-account-signout{font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);background:transparent;border:1px solid var(--border-default);padding:8px 20px;border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,color .2s}.nav-account-signout:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--color-brand-blue) 50%,var(--border-default))}.account-title{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.account-sub{color:var(--text-muted);font-size:var(--text-md);margin-bottom:var(--space-3xl)}.account-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-grid)}.door{position:relative;display:flex;flex-direction:column;padding:var(--space-generous);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);overflow:hidden;transition:border-color .25s ease,transform .25s ease}.door--active:hover{border-color:color-mix(in srgb,var(--color-brand-blue) 50%,var(--border-default));transform:translateY(-2px)}.door--locked{opacity:.72}.door-badge{position:absolute;top:var(--space-lg);right:var(--space-lg);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-bold);color:var(--text-dim);border:1px solid var(--border-default);padding:4px 10px;border-radius:var(--radius-pill)}.door-name{font-size:var(--text-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.door-desc{flex:1;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-xl)}.door-action{display:inline-flex;align-items:center;gap:var(--space-sm);align-self:flex-start;padding:10px 22px;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);text-decoration:none;color:var(--color-brand-white);background:linear-gradient(135deg,var(--color-brand-blue),var(--color-brand-purple));transition:box-shadow .25s ease}.door-action:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--color-brand-blue) 35%,transparent)}.door-nudge{align-self:flex-start;color:var(--color-brand-blue);font-size:var(--text-sm);text-decoration:none}.door-nudge:hover{text-decoration:underline}.account-signin{max-width:440px;margin:var(--space-3xl) auto 0;text-align:center;padding:var(--space-4xl) var(--space-generous);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.account-signin h1{font-size:var(--text-lg);margin-bottom:var(--space-md)}.account-signin p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2xl)}.account-signin .door-action{align-self:center}:root{--surface-page: var(--color-main-bg-deep);--surface-card: var(--color-main-bg-card);--border-default: var(--color-main-border);--text-primary: var(--color-main-text-primary);--text-muted: var(--color-main-text-secondary);--text-dim: var(--color-main-text-dim);--sanki-accent: var(--color-brand-yellow);--sanki-accent-hover: var(--color-brand-yellow-bright)}@font-face{font-family:Enpixelment;src:url(data:font/woff2;base64,d09GMk9UVE8AAALwAAkAAAAABYQAAAKrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYRqBmAAYgE2AiQDKAQGBYIKByAb3QTIngPuriI/wfnrUIMFOaUtGiMWJc+D+thP914YFCp0MeJHRwHJKAlkI7nVNaq64xE9yP7PuPxHNFJDAtH3FgrbxcGJaosrYUYVLocRwYnq16/p3iUbBEcWUEVFmBhVJ+kVjK5sLaA7pzuz+/u2Q8dMlylwvoENxzOqCrGiiAIdWET6vth/dNvvTRH1SGZME263SNnQGXkOvM8+gn+LaAGhbJdDXArmKsdclzbelIGJNlJDpwDbGI8eExMAfA9JFGWted1kdzhdbo/X53/lNB70pqEVQppgPN7M/zSWL6aas7kqgISaBE2EGx9Nc5751lJnXWdPKd6xz45/IHWPfQcKOjW8sDmJHUcUKHyIghZDTYrzxLgkA25dJ6m8KY3HiIzyxAW3i/e/Ww1jPGs/iWxMl7pLrJ3kGA1j/+tMD6OTDuproI4hm3hRY2EecvcgBC9giOEUjS1W7+8o8Cia37KNIP/ejo089CUYE0b931LSQOdk7zSnOsZccVObsz9lDRgy2a5kmK2pIw9Cdik0OMUe49sghpCbCHd825wiNF7z243pfWT9OL5RG/7uZluEKat2D0N0FC5XNTz4EGuB0O2Gx3/9h+rjfr4Ya3EgbjtyPHnrNLd0xGVH/cLAlvmLYO2Nogcal4tiFtAuPQQJNa8hBa7Pao1NEo4SYeZnXAgI46YNiKNDASUxKXlFVc0FUNkjfW9d8H/aWfsTG4Mohw//sLMF51fnjxex0w++tIiht6ffhaezpyKHC1uQgiWnjW3sA0DQnoV6gDmAbYSdCa7BLsH8nbA20tPC+3z0oZC7LmBcREBkrQMjyhK4qGsDbsrcwEOWVOJl/xnAMWJMvzndhgzrNmJKWbde04a0m1DXbcKkfqNGCBnpmXAqIe+FkLtRbCK55pWjUAA=) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Bold-4X_dewJn.woff2) format("woff2");font-weight:700;font-display:swap}:root{--stock-header-h: 60px;--stock-header-gap: 40px;--stock-page-top: calc(var(--stock-header-h) + var(--stock-header-gap));--stock-page-gutter: 20px}@media (max-width: 1024px){:root{--stock-header-gap: 16px}}@media (max-width: 768px){:root{--stock-page-gutter: 16px}}h1,h2,h3,h4{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--leading-tight)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip;color-scheme:dark}html,body{margin:0;padding:0;background:var(--color-stock-bg);color:var(--color-stock-text-primary);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100vh;line-height:var(--leading-relaxed)}.stock-header{position:fixed;top:0;left:0;right:0;z-index:100;min-height:var(--stock-header-h);display:flex;align-items:center;justify-content:space-between;padding:16px 24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-stock-bg) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-stock-border) 50%,transparent)}.stock-brand{font-family:var(--font-family-brand);font-weight:var(--font-weight-extrabold);letter-spacing:2px;font-size:var(--text-base);color:var(--color-stock-text-primary);text-decoration:none}.stock-brand span{font-family:var(--font-family-body);font-weight:var(--font-weight-bold);color:var(--color-brand-red);margin-left:3px;letter-spacing:.5px;font-size:.77em;text-transform:none;vertical-align:middle}.stock-nav{display:flex;gap:28px}@media (min-width: 769px){.stock-nav{position:fixed;top:0;left:50%;transform:translate(-50%);height:60px;align-items:center;z-index:101}}.stock-hamburger{display:none}.stock-nav a{color:var(--color-stock-text-muted);text-decoration:none;font-size:12px;transition:color .15s ease}.stock-nav a:hover,.stock-nav a.is-active{color:var(--color-stock-text-primary)}.stock-nav .is-coming{color:var(--color-stock-text-muted);pointer-events:none;position:relative}.stock-nav .is-coming:after{content:"soon";font-size:9px;background:var(--color-stock-surface);border:1px solid var(--color-stock-border);padding:2px 6px;border-radius:var(--radius-pill);margin-left:6px;letter-spacing:.5px;text-transform:lowercase;color:var(--color-stock-text-muted)}.stock-wallet{display:flex;align-items:baseline;gap:5px;margin-right:14px;padding:5px 11px;border:1px solid var(--color-stock-border);border-radius:var(--radius-md)}.stock-wallet:empty{display:none}.stock-wallet-amount{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-stock-text-primary);font-variant-numeric:tabular-nums}.stock-wallet-label{font-size:11px;letter-spacing:.5px;color:var(--color-stock-text-muted);text-transform:uppercase}.stock-account{display:flex;align-items:center;gap:14px;margin-left:auto;margin-right:18px}.stock-account-link{font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-stock-text-primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;transition:color .2s}.stock-account-link:hover{color:var(--color-brand-red)}.stock-account-email{font-size:var(--text-sm);color:color-mix(in srgb,var(--color-stock-text-primary) 62%,transparent);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-item{flex:1;max-width:1200px;width:100%;margin:0 auto;padding-block:var(--stock-page-top) 40px;padding-inline:var(--stock-page-gutter);display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;grid-template-areas:"stage panel" "meta panel";gap:var(--space-3xl) var(--space-xl);align-items:start}.canvas-stage{grid-area:stage}.item-meta{grid-area:meta;display:flex;flex-direction:column;gap:var(--space-3xl)}.control-panel{grid-area:panel}.ratio-switch{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;row-gap:6px;width:fit-content;max-width:100%;margin:12px auto 0;padding:4px;background:var(--color-stock-surface);border:1px solid var(--color-stock-border);border-radius:var(--radius-pill)}.fmt-btn.fmt-btn--preset{background:var(--color-stock-surface-2);border:1px solid var(--color-stock-border);padding:7px 10px;border-radius:var(--radius-sm)}.fmt-btn.fmt-btn--preset.is-active{color:var(--color-stock-text-primary);border-color:var(--color-stock-text-primary);background:var(--color-stock-surface)}#dpi-row[hidden],.rec-toggle[hidden],.play-toggle[hidden]{display:none}.ratio-group{display:flex;gap:2px}.ratio-group+.ratio-group{margin-left:5px;padding-left:5px;border-left:1px solid color-mix(in srgb,white 14%,transparent)}.ratio-btn,.fmt-btn{background:transparent;border:0;color:var(--color-stock-text-muted);padding:5px 9px;font-size:11px;letter-spacing:.5px;cursor:pointer;border-radius:var(--radius-pill);font-family:inherit;font-weight:var(--font-weight-semibold);transition:all .15s ease}.ratio-btn:hover,.fmt-btn:hover{color:var(--color-stock-text-primary)}.ratio-btn.is-active,.fmt-btn.is-active{color:#000;background:var(--color-stock-text-primary)}.ratio-switch[data-family=screen] .ratio-group[data-family=print],.ratio-switch[data-family=print] .ratio-group[data-family=screen],.ratio-group[hidden]{display:none}.fmt-readout{align-self:center;padding:0 8px;font-size:11px;letter-spacing:.5px;color:var(--color-stock-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-frame{position:relative;background:var(--color-stock-surface);border:1px solid var(--color-stock-border);border-radius:var(--radius-md);overflow:hidden;transition:max-width .2s ease,aspect-ratio .2s ease;aspect-ratio:var(--frame-ar, 1);margin:0 auto}.canvas-frame[data-ratio-group=square]{max-width:720px}.canvas-frame[data-ratio-group=portrait]{max-width:calc(960px * var(--frame-ar, 1))}.canvas-frame canvas{width:100%;height:100%;display:block}.canvas-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--color-stock-text-muted);font-size:13px;letter-spacing:1px;background:radial-gradient(ellipse at center,var(--color-stock-surface-2) 0%,var(--color-stock-surface) 70%),repeating-linear-gradient(45deg,transparent 0 12px,color-mix(in srgb,white 1.5%,transparent) 12px 24px);pointer-events:none}.canvas-placeholder-eyebrow{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:3px;text-transform:uppercase;color:var(--color-stock-text-muted);padding:4px 10px;border:1px solid var(--color-stock-border);border-radius:var(--radius-pill)}.canvas-placeholder-text{color:var(--color-stock-text-muted)}.canvas-placeholder.is-gpu-notice{letter-spacing:0;line-height:1.5;padding:0 24px}.canvas-placeholder.is-gpu-notice .canvas-placeholder-text{max-width:44ch;text-align:center}.stock-gpu-notice{display:flex;flex-direction:column;gap:4px;max-width:1200px;padding-inline:var(--stock-page-gutter);margin:var(--stock-page-top) auto 0;padding-block:12px;border:1px solid var(--color-stock-border);border-radius:var(--radius-md);background:var(--color-stock-surface);color:var(--color-stock-text-muted);font-size:13px;line-height:1.5}.stock-gpu-notice strong{color:var(--color-stock-text-primary);font-weight:var(--font-weight-bold)}.canvas-frame.is-active .canvas-placeholder{display:none}.canvas-frame{container-type:inline-size}.fps-badge{position:absolute;top:14px;right:14px;background:color-mix(in srgb,var(--color-stock-bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,white 12%,transparent);border-radius:var(--radius-pill);padding:6px 12px;font-size:10px;letter-spacing:.5px;color:var(--color-stock-text-muted);display:flex;align-items:center;gap:4px;z-index:3;opacity:0;cursor:pointer;transition:opacity .15s ease,background .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.canvas-frame.is-active .fps-badge{opacity:1;pointer-events:auto}.fps-badge:hover{background:color-mix(in srgb,var(--color-stock-surface) 85%,transparent);transform:scale(1.05)}.fps-badge output{color:var(--color-stock-text-primary);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);font-size:11px}.settings-popover{position:absolute;top:60px;right:14px;z-index:4;background:#0f0f0feb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,white 10%,transparent);border-radius:8px;padding:12px 14px;min-width:220px;box-shadow:0 8px 24px color-mix(in srgb,black 40%,transparent)}.settings-popover[hidden]{display:none}.settings-popover .control{margin:0}.play-toggle{position:absolute;bottom:14px;left:14px;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--color-stock-bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,white 12%,transparent);color:var(--color-stock-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,transform .1s ease,opacity .15s ease;opacity:0;pointer-events:none;z-index:3}.canvas-frame.is-active:not(.is-recording) .play-toggle{opacity:1;pointer-events:auto}.play-toggle:disabled{cursor:not-allowed;opacity:.4}.rec-toggle{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--color-stock-bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,white 12%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;pointer-events:none;z-index:3;transition:background .15s ease,opacity .15s ease}.canvas-frame.is-active .rec-toggle{opacity:1;pointer-events:auto}.rec-dot{width:16px;height:16px;border-radius:50%;background:var(--color-brand-red);flex-shrink:0}.canvas-frame.is-recording .rec-toggle{border-color:var(--color-stock-border-strong)}.canvas-frame.is-recording .rec-dot{animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.rec-side{display:none}.canvas-frame.is-recording .rec-side{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:14px;background:color-mix(in srgb,var(--color-stock-bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,white 12%,transparent);font-family:var(--font-family-mono);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-frame.is-recording .rec-side--left{right:calc(100% + 8px);color:var(--color-stock-text-primary)}.canvas-frame.is-recording .rec-side--right{left:calc(100% + 8px);color:var(--color-stock-text-muted)}.canvas-frame.is-recording .play-toggle,.canvas-frame.is-recording .fullscreen-toggle{opacity:0;pointer-events:none}.rec-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,white 12%,transparent);opacity:0;pointer-events:none;z-index:4;transition:opacity .15s ease}.canvas-frame.is-recording .rec-progress{opacity:1}.rec-progress-fill{display:block;width:0;height:100%;background:var(--color-brand-red);transition:width .12s linear}.play-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--color-stock-surface) 85%,transparent);transform:scale(1.05)}.play-toggle:active:not(:disabled){transform:scale(.95)}.play-toggle svg{width:18px;height:18px;display:block}.play-toggle .pause-icon,.play-toggle.is-playing .play-icon{display:none}.play-toggle.is-playing .pause-icon{display:block}.fullscreen-toggle{position:absolute;bottom:14px;right:14px;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--color-stock-bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,white 12%,transparent);color:var(--color-stock-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,transform .1s ease,opacity .15s ease;opacity:0;pointer-events:none;z-index:3}.canvas-frame.is-active:not(.is-recording) .fullscreen-toggle{opacity:1;pointer-events:auto}.fullscreen-toggle:hover{background:color-mix(in srgb,var(--color-stock-surface) 85%,transparent);transform:scale(1.05)}.fullscreen-toggle:active{transform:scale(.95)}.fullscreen-toggle svg{width:18px;height:18px;display:block}.fullscreen-toggle .compress-icon,.fullscreen-toggle.is-fullscreen .expand-icon{display:none}.fullscreen-toggle.is-fullscreen .compress-icon{display:block}.canvas-frame.is-active.idle .fps-badge,.canvas-frame.is-active.idle .play-toggle,.canvas-frame.is-active.idle .rec-toggle,.canvas-frame.is-active.idle .fullscreen-toggle{opacity:0;pointer-events:none}.canvas-frame.is-active.idle{cursor:none}.canvas-frame:fullscreen{max-width:none;width:100vw;height:100vh;aspect-ratio:auto;margin:0;border:0;border-radius:0;background:#000}.canvas-frame:fullscreen canvas{object-fit:contain}.item-title{font-size:32px;font-weight:var(--font-weight-bold);margin:0 0 14px;letter-spacing:-.5px;line-height:1.15}.item-desc{color:var(--color-stock-text-muted);line-height:1.65;margin:0 0 22px;font-size:15px}.item-tags{list-style:none;padding:0;margin:0 0 36px;display:flex;flex-wrap:wrap;gap:8px}.item-tags li{background:var(--color-stock-surface);border:1px solid var(--color-stock-border);color:var(--color-stock-text-muted);font-size:12px;padding:6px 12px;border-radius:var(--radius-pill);letter-spacing:.5px}.transport{width:100%;max-width:720px;margin:14px auto 0}.range-row{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--color-stock-border)}.transport .range-row{margin-bottom:0;padding-bottom:0;border-bottom:0}.range-label{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;min-height:24px;margin-bottom:16px}.range-row[data-mode=image] .range-readout[data-show-when=image],.range-row[data-mode=video] .range-readout[data-show-when=video]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.range-label-key{font-size:12px;color:var(--color-stock-text-muted);font-weight:var(--font-weight-semibold)}.range-readout{font-size:12px;color:var(--color-stock-text-muted)}.range-readout output{color:var(--color-stock-text-primary);font-family:var(--font-family-mono);font-size:13px;font-variant-numeric:tabular-nums}.mark-btn{background:var(--color-stock-surface-2);border:1px solid var(--color-stock-border);color:var(--color-stock-text-muted);border-radius:var(--radius-sm);padding:4px 9px;font-family:inherit;font-size:11px;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease}.mark-btn output{margin-left:5px;color:var(--color-stock-text-primary);font-family:var(--font-family-mono);font-size:12px;font-variant-numeric:tabular-nums}.mark-btn:hover:not(:disabled){border-color:var(--color-stock-border-strong);color:var(--color-stock-text-primary)}.mark-btn:active:not(:disabled){border-color:var(--color-stock-text-primary);color:var(--color-stock-text-primary)}.mark-btn:disabled{opacity:.4;cursor:default}.range-clip{white-space:nowrap;color:var(--color-stock-text-muted);margin-left:6px}.range-clip output{color:var(--color-stock-text-muted);font-size:12px}.range-row[data-mode=video]>.range-clip:not([hidden]){display:block;margin-top:10px;text-align:center}.range-pos-slash{color:var(--color-stock-text-muted);margin:0 4px}.range-row[data-mode=image] [data-show-when=video],.range-row[data-mode=video] [data-show-when=image]{display:none}.jog-row{display:flex;align-items:center;gap:12px}.jog-row .jog-wheel{flex:1;min-width:0}.range-row[data-mode=video] .jog-row{justify-content:center}.range-row[data-mode=video] .jog-wheel{max-width:280px}.jog-jump{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;flex-shrink:0;border:1px solid var(--color-stock-border);border-radius:var(--radius-sm);background:var(--color-stock-surface-2);color:var(--color-stock-text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.jog-jump svg{width:14px;height:14px;display:block}.jog-jump:hover:not(:disabled){border-color:var(--color-stock-border-strong);color:var(--color-stock-text-primary)}.jog-jump:disabled{opacity:.4;cursor:default}.jog-wheel{position:relative;height:44px;border-radius:var(--radius-sm);background:var(--color-stock-surface-2);border:1px solid var(--color-stock-border);overflow:hidden;cursor:ew-resize;touch-action:none}.jog-ridges{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,var(--color-stock-text-muted) 0,var(--color-stock-text-muted) 1px,transparent 1px,transparent 12px);background-position-x:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.jog-center{position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;background:var(--color-stock-text-primary)}.loop-range-toggle{display:inline-flex;align-items:center;align-self:center;margin-left:auto;color:var(--color-stock-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.loop-range-toggle:hover{color:var(--color-stock-text-muted)}.loop-range-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.loop-range-toggle .loop-icon{display:block}.loop-range-toggle input[type=checkbox]:checked~.loop-icon{color:var(--color-stock-text-primary)}.loop-range-toggle input[type=checkbox]:focus-visible~.loop-icon{outline:2px solid var(--color-stock-text-muted);outline-offset:2px;border-radius:3px}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:20px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--color-stock-border);border-radius:2px}input[type=range]::-moz-range-track{height:3px;background:var(--color-stock-border);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-stock-text-primary);cursor:pointer;margin-top:-5.5px;transition:transform .1s ease}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-stock-text-primary);cursor:pointer;border:none}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.export-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.format-buttons{display:flex;gap:4px}.format-btn{background:var(--color-stock-surface);border:1px solid var(--color-stock-border);color:var(--color-stock-text-muted);padding:11px 16px;font-size:12px;letter-spacing:1.5px;cursor:pointer;border-radius:var(--radius-sm);font-family:inherit;font-weight:var(--font-weight-bold);transition:all .15s ease}.format-btn:hover{color:var(--color-stock-text-primary);border-color:var(--color-stock-border-strong)}.format-btn.is-active{color:var(--color-stock-text-primary);border-color:var(--color-stock-text-primary);background:var(--color-stock-surface-2)}.export-btn{margin-left:auto;background:var(--color-stock-text-primary);color:#000;border:none;padding:13px 36px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:inherit;transition:opacity .15s ease,transform .1s ease}.export-btn:hover:not(:disabled){transform:translateY(-1px)}.export-btn:disabled{opacity:.4;cursor:not-allowed}.buy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-stock-border)}.add-cart-btn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:var(--color-brand-red);color:#fff;border:none;padding:12px 26px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:inherit;transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease}.add-cart-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-brand-red) 30%,transparent)}.add-cart-btn:disabled{opacity:.45;cursor:not-allowed}.add-cart-price{font-variant-numeric:tabular-nums}.add-cart-btn.is-added{background:var(--color-stock-surface-2);color:var(--color-stock-text-primary)}.add-cart-btn.is-added .add-cart-sep,.add-cart-btn.is-added .add-cart-price{display:none}.add-cart-btn:has(.add-cart-price:empty) .add-cart-sep{display:none}.stock-cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-stock-text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:color .15s ease}.stock-cart-btn:hover{color:var(--color-stock-text-primary)}.stock-cart-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-brand-red);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);line-height:16px;text-align:center}.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;visibility:hidden}.cart-drawer[data-open=true]{pointer-events:auto;visibility:visible}.cart-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .25s ease}.cart-drawer[data-open=true] .cart-backdrop{opacity:1}.cart-panel{position:absolute;top:0;right:0;height:100%;width:min(400px,90vw);background:var(--color-stock-surface);border-left:1px solid var(--color-stock-border);display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px #0000004d}.cart-drawer[data-open=true] .cart-panel{transform:translate(0)}.cart-panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-stock-border)}.cart-panel-title{margin:0;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-stock-text-primary)}.cart-close{background:transparent;border:none;color:var(--color-stock-text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.cart-close:hover{color:var(--color-stock-text-primary)}.cart-items{flex:1;overflow-y:auto;padding:12px 20px}.cart-empty{color:var(--color-stock-text-muted);font-size:13px;line-height:1.6;margin-top:24px;text-align:center}.cart-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-stock-border)}.cart-item-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;text-decoration:none;color:inherit;cursor:pointer;padding:4px 6px;margin:-4px -6px;border-radius:var(--radius-sm);transition:background .12s ease}.cart-item-info:hover{background:var(--color-stock-surface-2)}.cart-item-info:hover .cart-item-title{color:var(--color-brand-red)}.cart-item-title{color:var(--color-stock-text-primary);font-weight:var(--font-weight-bold);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-summary{color:var(--color-stock-text-muted);font-size:11px;letter-spacing:.5px}.cart-item-price{color:var(--color-stock-text-primary);font-weight:var(--font-weight-bold);font-size:13px;font-variant-numeric:tabular-nums}.cart-item-remove{background:transparent;border:none;color:var(--color-stock-text-muted);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:var(--radius-sm)}.cart-item-remove:hover{color:var(--color-brand-red)}.cart-foot{padding:20px;border-top:1px solid var(--color-stock-border)}.cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--color-stock-text-primary);font-weight:var(--font-weight-bold);font-size:15px}.cart-total-val{font-variant-numeric:tabular-nums}.cart-checkout{width:100%;background:var(--color-brand-red);color:#fff;border:none;padding:14px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:inherit;transition:transform .1s ease,box-shadow .15s ease}.cart-checkout:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-brand-red) 30%,transparent)}.cart-checkout:disabled{opacity:.4;cursor:not-allowed}.cart-msg{margin:0 0 12px;font-size:13px;line-height:1.4;color:var(--color-stock-text-primary)}.cart-msg[data-kind=err]{color:var(--color-brand-red)}.format-controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--row-gap, 6px);margin-top:18px;padding:16px 18px;background:var(--color-stock-surface);border:1px solid var(--color-stock-border);border-radius:var(--radius-md)}.format-pane{display:none;flex:1 1 100%;min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--row-gap, 6px)}.format-pane .ep-row{margin-bottom:0}.format-controls[data-active-format=mp4] :is(#res-row,#quality-row,#transparent-row){display:none}.format-controls[data-active-format=mp4] .format-pane[data-format=mp4]{display:flex}.format-pane[data-format=mp4]{flex-wrap:nowrap;gap:16px}.quality-presets{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.quality-presets-label{font-size:11px;color:var(--color-stock-text-muted);font-weight:var(--font-weight-semibold);margin-right:4px;flex-shrink:0}.quality-presets-row{display:contents}.format-pane[data-format=mp4] .quality-presets-label{font-size:13px}.format-pane[data-format=mp4] .quality-presets{flex:0 0 auto}.format-pane[data-format=mp4] .preset-btn{flex:none;width:55px}#res-row,#quality-row,#transparent-row{flex:1 1 calc(33.333% - var(--row-gap, 6px));min-width:0}#res-row .ep-row,#quality-row .ep-row,#transparent-row .ep-row{margin-bottom:0}[inert]>.ep-row{opacity:.32}#bitrate-row{flex:1 1 auto;min-width:0}#bitrate-row .ep-row{margin-bottom:0}@media (max-width: 768px){.format-pane[data-format=mp4]{flex-wrap:wrap}.format-pane[data-format=mp4] .quality-presets{flex:1 1 calc(50% - 8px)}}.preset-btn{background:var(--color-stock-surface-2);border:1px solid var(--color-stock-border);color:var(--color-stock-text-muted);padding:7px 10px;font-size:11px;cursor:pointer;border-radius:var(--radius-sm);font-family:inherit;font-weight:var(--font-weight-semibold);transition:all .15s ease;flex:1;min-width:0;white-space:nowrap;text-align:center}.preset-btn:hover{color:var(--color-stock-text-primary);border-color:var(--color-stock-border-strong)}.preset-btn.is-active{color:var(--color-stock-text-primary);border-color:var(--color-stock-text-primary);background:var(--color-stock-surface)}.preset-btn[data-res]{padding:7px 6px}.panel-section[data-pane=export] .ratio-switch{display:block;width:auto;margin:0;padding:0;background:none;border:0;border-radius:0}.panel-section[data-pane=export] .fmt-families{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.panel-section[data-pane=export] .fmt-families .fmt-btn{padding:10px 0;font-size:13px;border:1px solid var(--color-stock-border);border-radius:var(--radius-sm)}.panel-section[data-pane=export] .fmt-head,.panel-section[data-pane=export] .fmt-section-label{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin:16px 0 8px;font-size:12px;color:var(--color-stock-text-muted)}.ratio-switch[data-family=screen] .fmt-title[data-family=print],.ratio-switch[data-family=print] .fmt-title[data-family=screen]{display:none}.panel-section[data-pane=export] .fmt-orientation{display:flex;gap:4px}.panel-section[data-pane=export] .fmt-orientation[hidden]{display:none}.panel-section[data-pane=export] .fmt-orientation .fmt-btn{border:1px solid var(--color-stock-border);border-radius:var(--radius-sm)}.panel-section[data-pane=export] .fmt-orientation .fmt-btn:disabled{opacity:.35;cursor:not-allowed}.panel-section[data-pane=export] :is(.ratio-group[data-family=screen],.ratio-group[data-family=print]){display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;border:0}.panel-section[data-pane=export] .ratio-switch[data-family=screen] .ratio-group[data-family=print],.panel-section[data-pane=export] .ratio-switch[data-family=print] .ratio-group[data-family=screen]{display:none}.panel-section[data-pane=export] :is(.ratio-group[data-family=screen],.ratio-group[data-family=print]) .ratio-btn,.panel-section[data-pane=export] :is(.ratio-group[data-family=screen],.ratio-group[data-family=print]) .fmt-btn{padding:9px 4px;font-size:12px;border:1px solid var(--color-stock-border);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-section[data-pane=export] .ratio-group[data-family=screen]{grid-template-columns:repeat(5,1fr)}.panel-section[data-pane=export] .export-row{display:block}.panel-section[data-pane=export] .format-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.panel-section[data-pane=export] .format-btn:disabled{opacity:.35;cursor:not-allowed}.panel-section[data-pane=export] .format-controls{flex-direction:column;flex-wrap:nowrap;align-items:stretch;margin-top:0;padding:12px}.panel-section[data-pane=export] .format-pane[data-format=mp4]{flex-wrap:wrap}.panel-buy{margin-top:18px;padding-top:16px;border-top:1px solid var(--color-stock-border)}.buy-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.buy-summary-text{font-size:12px;color:var(--color-stock-text-muted);font-variant-numeric:tabular-nums}.buy-summary .add-cart-price{font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-stock-text-primary)}.panel-buy .add-cart-btn{display:flex;justify-content:center;width:100%;margin:0;padding:14px 0;font-size:15px}.buy-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-stock-border)}.buy-secondary .export-btn,.buy-secondary .panel-share{width:100%;height:auto;margin:0;padding:11px 0;font-family:inherit;font-size:13px;font-weight:var(--font-weight-bold);line-height:normal;letter-spacing:normal;white-space:nowrap;cursor:pointer;background:var(--color-stock-surface-2);color:var(--color-stock-text-primary);border:1px solid var(--color-stock-border);border-radius:var(--radius-sm)}.buy-secondary .panel-share:hover{transform:translateY(-1px)}.buy-secondary :is(.export-btn,.panel-share):focus-visible{outline:2px solid #8ab4ff;outline-offset:2px}.control-panel{background:var(--color-stock-surface);border:1px solid var(--color-stock-border);border-radius:var(--radius-md);padding:24px 22px;position:sticky;top:24px}.panel-title{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-stock-text-muted);margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--color-stock-border)}.panel-section{margin:0}.panel-section+.panel-section{margin-top:24px}.panel-section summary.panel-title{margin:0;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none;position:relative;transition:color .15s ease}.panel-section summary.panel-title:hover{color:var(--color-stock-text-primary)}.panel-section summary.panel-title::-webkit-details-marker{display:none}.panel-section summary.panel-title:after{content:"";position:absolute;right:4px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-75%) rotate(-45deg);transition:transform .18s ease}.panel-section[open] summary.panel-title:after{transform:translateY(-25%) rotate(45deg)}.panel-section[open] summary.panel-title{margin-bottom:18px}.panel-tabs{display:none}@media (min-width: 1025px){.control-panel{max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-stock-border) transparent}.panel-buy{position:sticky;bottom:-24px;margin-bottom:-24px;padding-bottom:24px;background:var(--color-stock-surface)}.panel-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--color-stock-border)}.panel-tab{flex:1;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 0 12px;font-family:inherit;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-stock-text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.panel-tab:hover{color:var(--color-stock-text-primary)}.panel-tab.is-active{color:var(--color-stock-text-primary);border-bottom-color:var(--color-stock-text-primary)}.control-panel .panel-section>summary.panel-title{display:none}.control-panel .panel-section+.panel-section{margin-top:0}.control-panel[data-active-tab] .panel-section{display:none}.control-panel[data-active-tab=background] .panel-section[data-pane=background],.control-panel[data-active-tab=text] .panel-section[data-pane=text],.control-panel[data-active-tab=post] .panel-section[data-pane=post],.control-panel[data-active-tab=export] .panel-section[data-pane=export]{display:block}}.anchor-grid{display:flex;gap:var(--row-gap, 6px);margin-bottom:var(--row-gap, 6px)}.anchor-group{display:flex;flex:1;gap:1px;background:var(--line, var(--color-stock-border));border:1px solid var(--line, var(--color-stock-border));border-radius:var(--r, 5px);overflow:hidden}.anchor-btn{flex:1;height:var(--h-row, 26px);background:var(--row, var(--color-stock-surface-2));border:0;border-radius:0;position:relative;cursor:pointer;padding:0;transition:background .15s ease}.anchor-btn:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--color-stock-line);transition:background .15s ease}.anchor-btn:hover{background:var(--row-hover, var(--color-stock-surface))}.anchor-btn:hover:after{background:var(--color-stock-text-muted)}.anchor-btn.is-active{background:var(--fill, var(--color-stock-surface))}.anchor-btn.is-active:after{background:var(--color-stock-text-primary)}.anchor-btn[data-anchor^=t]:after{top:5px}.anchor-btn[data-anchor^=m]:after{top:50%;margin-top:-2px}.anchor-btn[data-anchor^=b]:after{bottom:5px}.anchor-btn[data-anchor$=l]:after{left:5px}.anchor-btn[data-anchor$=c]:after{left:50%;margin-left:-2px}.anchor-btn[data-anchor$=r]:after{right:5px}.control{margin-bottom:20px}.control:last-child{margin-bottom:0}.control label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:8px;color:var(--color-stock-text-primary);font-weight:var(--font-weight-medium)}.control output{color:var(--color-stock-text-muted);font-family:var(--font-family-mono);font-size:12px;font-variant-numeric:tabular-nums}.ep-panel-scope{--row: #1a1a1d;--row-hover: #212125;--line: #2a2a30;--line-hi: #3a3a42;--dim: #9a9aa4;--dim-2: #8a8a95;--fill: #3a3a41;--fill-edge: #55555f;--h-row: 26px;--h-bar: 22px;--row-gap: 6px;--r: 5px;--pad: 9px;--fs: 11.5px}.ep-sep{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2)}.ep-sep:after{content:"";flex:1;height:1px;background:var(--line)}.ep-fold-head{width:100%;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;text-align:left}.ep-fold-head:hover{color:var(--color-stock-text-primary)}.ep-fold-chev{width:0;height:0;border-left:4px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .15s ease}.ep-fold-head[aria-expanded=true] .ep-fold-chev{transform:rotate(90deg)}.ep-fold-body{display:block}.ep-fold-body[hidden],.ep-row[hidden]{display:none}.ep-row{position:relative;display:flex;align-items:center;height:var(--h-row);margin-bottom:var(--row-gap);padding:0 var(--pad);background:var(--row);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;-webkit-user-select:none;user-select:none}.ep-row:hover{background:var(--row-hover);border-color:var(--line-hi)}.ep-row .fill{position:absolute;inset:0 auto 0 0;width:calc(var(--t, 0) * 100%);background:var(--fill);border-right:1px solid var(--fill-edge);pointer-events:none}.ep-row .lbl{position:relative;color:var(--color-stock-text-primary);font-size:var(--fs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-row .val{position:relative;margin-left:auto;padding-left:8px;font-size:var(--fs);color:var(--dim);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.ep-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:ew-resize}.ep-row:focus-within{border-color:var(--line-hi)}button.ep-row{width:100%;font:inherit;text-align:left}.ep-row.is-color{background:var(--c);color:var(--ink, #101012);border-color:color-mix(in srgb,var(--c) 84%,#000);cursor:pointer}.ep-row.is-color:hover{background:color-mix(in srgb,var(--c) 92%,#fff);border-color:color-mix(in srgb,var(--c) 70%,#000)}.ep-row.is-color .lbl,.ep-row.is-color .val{color:currentcolor}.ep-row.is-color .val{opacity:.72;font-size:11px;letter-spacing:.02em}.ep-panel-scope .ep-grad{cursor:ew-resize;touch-action:none}.ep-row.is-bi .fill{left:calc(min(var(--t, 0),var(--t0, .5))*100%);width:calc((max(var(--t, 0),var(--t0, .5)) - min(var(--t, 0),var(--t0, .5)))*100%);border-right:0;background:var(--fill)}.ep-row.is-bi .tick{position:absolute;left:calc(var(--t0, .5) * 100%);top:0;bottom:0;width:1px;background:#ffffff26;pointer-events:none}.ep-row.is-bi.at0 .tick{background:#fff6}.ep-row.is-bi.at0 .val{color:var(--color-stock-text-primary)}.ep-row.is-toggle{cursor:pointer}.ep-switch{position:relative;flex:none;margin-left:auto;width:28px;height:15px;border-radius:9px;background:#33333a;transition:background .15s}.ep-switch:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#8a8a93;transition:transform .15s,background .15s}.ep-row.is-toggle[aria-checked=true] .ep-switch{background:#ffffff2b}.ep-row.is-toggle[aria-checked=true] .ep-switch:after{transform:translate(13px);background:var(--color-stock-text-primary)}.ep-row.is-input{cursor:text;padding-right:2px}.ep-row.is-input .lbl{flex:none;width:60px;color:var(--dim)}.ep-row.is-input input{flex:1;min-width:0;height:100%;padding:0 var(--pad) 0 0;background:none;border:0;outline:none;color:var(--color-stock-text-primary);font-family:inherit;font-size:var(--fs);font-weight:400;line-height:1}.ep-row.is-input input::placeholder{color:var(--dim-2)}.ep-row.is-input:focus-within{background:var(--row-hover);border-color:var(--line-hi)}.ep-row.is-select{cursor:pointer}.ep-row.is-select select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}@media (pointer: fine){.ep-row.is-select select{font-family:inherit;font-size:12px}}.ep-row.is-select .chev{position:relative;flex:none;margin-left:6px;font-size:8px;color:var(--dim-2);font-style:normal}.ep-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap)}.ep-pair .ep-row{margin-bottom:var(--row-gap)}.ep-pair .ep-row .lbl{overflow:hidden;text-overflow:ellipsis}.ep-gate{transition:opacity .18s}.ep-gate[inert]{opacity:.32}.ep-drawer{display:flex;flex-direction:column;gap:var(--row-gap);margin-bottom:var(--row-gap);padding:8px 0 6px}.ep-grad{position:relative;display:flex;align-items:center;height:var(--h-bar);padding:0 var(--pad);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;-webkit-user-select:none;user-select:none}.ep-grad .lbl,.ep-grad .val{position:relative;font-size:10.5px;color:#fff;text-shadow:0 1px 3px #000b}.ep-grad .val{margin-left:auto;opacity:.82;font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.ep-grad .mark{position:absolute;top:0;bottom:0;width:2px;left:calc(var(--t, 0) * (100% - 2px));background:#fff;box-shadow:0 0 0 1px #0007;pointer-events:none}.ep-grad.is-h{background:linear-gradient(90deg,#d92626,#d9d926,#26d926,#26d9d9,#2626d9,#d926d9,#d92626)}.ep-grad.is-s{background:linear-gradient(90deg,hsl(var(--h) 0% clamp(10%,calc(var(--l) * 1%),90%)),hsl(var(--h) 100% clamp(10%,calc(var(--l) * 1%),90%)))}.ep-grad.is-l{background:linear-gradient(90deg,#000,hsl(var(--h) calc(var(--s) * 1%) 50%),#fff)}.ep-hex{display:flex;gap:var(--row-gap);align-items:center}.ep-input{flex:1;height:var(--h-bar);padding:0 8px;background:#0d0d0f;border:1px solid var(--line);border-radius:var(--r);color:var(--color-stock-text-primary);font-family:var(--font-family-mono);font-size:11px;text-transform:uppercase;outline:none}.ep-input:focus{border-color:var(--line-hi)}.ep-hex .ep-icon{height:var(--h-bar)}.ep-swatches{display:flex;gap:var(--row-gap);margin-top:2px}.ep-swatches .sw{flex:1;height:16px;padding:0;border:0;border-radius:3px;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff18}.ep-swatches .sw:hover{box-shadow:inset 0 0 0 1px #fff8,0 0 0 2px #ffffff14}.ep-seed{display:flex;gap:var(--row-gap);margin:0 0 var(--row-gap)}.ep-seed .ep-row{flex:1;margin:0;cursor:default}.ep-seed .ep-row:hover{background:var(--row);border-color:var(--line)}.ep-seed-input{margin-left:auto;width:56px;background:none;border:0;outline:none;color:var(--color-stock-text-primary);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-size:var(--fs);text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ep-seed-input::-webkit-outer-spin-button,.ep-seed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ep-icon{height:var(--h-row);min-width:26px;padding:0 8px;background:var(--row);border:1px solid var(--line);border-radius:var(--r);color:var(--dim);font-family:inherit;font-size:10.5px;font-weight:400;line-height:1;letter-spacing:.04em;display:grid;place-items:center;cursor:pointer}.ep-icon:hover{background:var(--row-hover);color:var(--color-stock-text-primary)}.ep-panel-scope :is(.ep-row,.ep-icon):focus-visible,.ep-panel-scope :is(.ep-row,.ep-grad):has(.ep-native:focus-visible){outline:2px solid #8ab4ff;outline-offset:-2px}.bottom-content{display:contents}.mobile-tabs,.sheet-handle{display:none}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr auto;gap:var(--space-3xl)}}@media (max-width: 600px){.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-brand{grid-column:1 / -1;order:1;text-align:center;padding-top:24px;border-top:1px solid var(--color-stock-border)}.footer-col{order:0}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 1024px){.stock-item{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"stage" "panel" "meta";gap:var(--space-xl)}.control-panel{position:static}.stock-header{padding:14px 20px}.stock-nav{gap:18px}.item-title{font-size:24px}}@media (max-width: 768px){.stock-item{display:flex;flex-direction:column;padding-bottom:calc(40vh + 32px)}.bottom-content{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;height:var(--sheet-h, 40vh);background:color-mix(in srgb,var(--color-stock-surface) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--color-stock-border-strong);border-radius:16px 16px 0 0;z-index:10;overflow:hidden;box-shadow:0 -8px 24px color-mix(in srgb,black 40%,transparent);transition:height .25s cubic-bezier(.4,0,.2,1)}body[data-sheet-state=collapsed] .bottom-content{height:76px}body[data-sheet-state=collapsed] .control-panel,body[data-sheet-state=collapsed] .item-meta{display:none}body[data-sheet-state=collapsed] .stock-item{padding-bottom:92px}.sheet-handle{flex-shrink:0;display:flex;justify-content:center;align-items:center;height:20px;background:transparent;border:0;padding:0;cursor:grab;touch-action:none}.sheet-handle-grip{width:36px;height:4px;border-radius:2px;background:var(--color-stock-border-strong);transition:background .15s ease}.sheet-handle:active .sheet-handle-grip{background:var(--color-stock-text-muted)}.mobile-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--color-stock-border);background:var(--color-stock-surface)}.mobile-tab{flex:1;background:transparent;border:0;padding:12px 4px 10px;color:var(--color-stock-text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-semibold);font-family:inherit;border-bottom:2px solid transparent;transition:all .15s ease}.mobile-tab.is-active{color:var(--color-stock-text-primary);border-bottom-color:var(--color-brand-red)}.mobile-tab svg{width:20px;height:20px}.control-panel,.item-meta{background:transparent;border:0;border-radius:0;padding:16px 18px;position:static;overflow-y:auto;flex:1}.panel-section:not([data-pane]){display:none}.panel-section[data-pane]>summary{display:none}body[data-mobile-tab=background] [data-pane]:not([data-pane=background]){display:none}body[data-mobile-tab=text] [data-pane]:not([data-pane=text]){display:none}body[data-mobile-tab=export] [data-pane]:not([data-pane=export]){display:none}body[data-mobile-tab=info] [data-pane]:not([data-pane=info]){display:none}body[data-mobile-tab=background] .item-meta,body[data-mobile-tab=text] .item-meta,body[data-mobile-tab=export] .item-meta,body[data-mobile-tab=info] .control-panel{display:none}.canvas-stage{width:100%}.canvas-frame[data-ratio-group]{width:100%;max-width:100%;max-height:none;margin:0}.ratio-btn,.fmt-btn{padding:5px 7px;font-size:10px;letter-spacing:0}.ratio-switch{column-gap:9px}.ratio-group+.ratio-group{margin-left:0;padding-left:0;border-left:0}.item-title{font-size:var(--text-md)}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7.5px}.stock-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:transparent;border:0;cursor:pointer;padding:0;z-index:101}.stock-hamburger span{display:block;width:20px;height:2px;background:var(--color-stock-text-primary);border-radius:2px;transition:transform .2s ease,opacity .2s ease;margin:0 auto}body[data-mobile-menu=open] .stock-hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}body[data-mobile-menu=open] .stock-hamburger span:nth-child(2){opacity:0}body[data-mobile-menu=open] .stock-hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.stock-nav{position:fixed;top:60px;right:0;bottom:0;width:80%;max-width:320px;background:color-mix(in srgb,var(--color-stock-surface) 85%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-left:1px solid var(--color-stock-border-strong);flex-direction:column;align-items:stretch;padding:24px;gap:0;transform:translate(100%);visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),visibility .25s;z-index:99;box-shadow:-16px 0 32px color-mix(in srgb,black 30%,transparent)}body[data-mobile-menu=open] .stock-nav{transform:translate(0);visibility:visible}body[data-mobile-menu=open] .stock-header{background:color-mix(in srgb,var(--color-stock-surface) 85%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom-color:var(--color-stock-border-strong)}.stock-nav a{padding:16px 0;border-bottom:1px solid var(--color-stock-border);font-size:14px;letter-spacing:1.5px}.stock-nav .is-coming:after{margin-left:8px}}.panel-share{width:100%;margin-top:14px}.item-variations{margin-top:40px}.item-variations h2{margin:0 0 14px;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-stock-text-primary)}.variation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.variation-grid figure{margin:0}.variation-grid a{display:block;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-stock-border);transition:border-color .15s ease}.variation-grid a:hover{border-color:var(--color-stock-border-strong)}.variation-grid img{display:block;width:100%;height:auto}.variation-grid figcaption{margin-top:6px;font-size:12px;color:var(--color-stock-text-muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.buy-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--text-muted)}:root{--surface-page: var(--color-stock-bg);--surface-card: var(--color-stock-surface-2);--border-default: var(--color-stock-border);--text-primary: var(--color-stock-text-primary);--text-muted: var(--color-stock-text-muted);--text-dim: var(--color-stock-text-muted);--sanki-accent: var(--color-brand-red);--sanki-accent-hover: var(--color-stock-text-primary)}.ep-icon.calendar-roll{width:fit-content;margin:6px auto;padding:0 16px;background:var(--color-stock-creative);border-color:var(--color-stock-creative);color:var(--color-stock-creative-ink);font-weight:var(--font-weight-bold)}.ep-icon.calendar-roll:hover{filter:brightness(1.08);color:var(--color-stock-creative-ink)}