:root{color-scheme:dark;--blurple: #5865f2;--blurple-deep: #3442d9;--blurple-soft: #8891f2;--spring: #57f287;--fuchsia: #eb459e;--cerulean: #00b0f4;--ember: #fda220;--ekko: #de2761;--ink-000: #04050a;--ink-050: #070912;--ink-100: #0a0d1a;--ink-150: #0d1122;--ink-200: #111529;--ink-250: #161b33;--ink-300: #1b2140;--ink-400: #232a4e;--text-hi: #f2f4ff;--text-mid: #a9b0d6;--text-low: #7c84ab;--text-faint: #59618a;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .14);--line-blurple: rgba(88, 101, 242, .38);--bg-app: var(--ink-050);--bg-deep: var(--ink-000);--bg-surface: var(--ink-100);--bg-raised: var(--ink-150);--bg-card: rgba(14, 18, 34, .86);--bg-card-solid: var(--ink-150);--bg-input: var(--ink-050);--bg-hover: rgba(255, 255, 255, .055);--bg-active: rgba(255, 255, 255, .09);--bg-glass: rgba(10, 13, 26, .72);--color-text-primary: var(--text-hi);--color-text-secondary: var(--text-mid);--color-text-muted: var(--text-low);--color-text-dim: var(--text-faint);--primary: var(--blurple);--primary-hover: var(--blurple-deep);--border-subtle: var(--line);--border-card: var(--line-strong);--color-blurple: var(--blurple);--color-dark-blurple: var(--blurple-deep);--color-hover-blurple: var(--blurple-soft);--color-spring-green: var(--spring);--color-fuchsia: var(--fuchsia);--color-vivid-cerulean: var(--cerulean);--color-ember-orange: var(--ember);--color-ekko-red: var(--ekko);--color-snow: #ffffff;--color-off-white: #f4f5fa;--color-not-quite-black: #10122a;--color-dark-charcoal: var(--ink-250);--color-graphite: #3a4166;--color-fog: var(--text-mid);--color-greyple: var(--text-low);--color-dim-grey: var(--text-faint);--color-void: #000000;--surface-cosmic-page: var(--ink-050);--surface-app-chrome: var(--ink-200);--surface-app-surface: var(--ink-150);--surface-glass-card: var(--bg-card);--surface-glass-panel: var(--bg-glass);--font-display: "Anton", "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-family-display: var(--font-display);--font-family-body: var(--font-body);--font-family-mono: var(--font-mono);--text-body: 16px;--leading-body: 1.55;--text-body-lg: 19px;--leading-body-lg: 1.45;--text-heading-sm: 30px;--text-heading: 44px;--text-heading-lg: 58px;--text-display: 76px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-10: 72px;--sp-11: 96px;--spacing-4: var(--sp-1);--spacing-8: var(--sp-2);--spacing-12: var(--sp-3);--spacing-16: var(--sp-4);--spacing-20: var(--sp-5);--spacing-24: var(--sp-6);--spacing-28: 28px;--spacing-36: 36px;--spacing-40: var(--sp-8);--spacing-48: 48px;--spacing-52: 52px;--spacing-56: var(--sp-9);--spacing-80: 80px;--spacing-112: 112px;--spacing-136: 136px;--spacing-176: 176px;--r-xs: 8px;--r-sm: 10px;--r-btn: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--radius-buttons: var(--r-btn);--radius-buttonslarge: var(--r-md);--radius-cards: var(--r-md);--radius-featurepanels: var(--r-xl);--radius-pills: var(--r-pill);--radius-full: 999px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 18px 48px rgba(0, 0, 0, .5);--shadow-3: 0 40px 90px rgba(0, 0, 0, .62);--glow-blurple: 0 0 0 1px rgba(88, 101, 242, .35), 0 12px 34px rgba(88, 101, 242, .28);--glow-spring: 0 0 14px rgba(87, 242, 135, .55);--shadow-card: var(--shadow-1);--shadow-elevation: var(--shadow-2);--glow-blurple-subtle: 0 8px 22px rgba(88, 101, 242, .22);--pill-active-bg: #f2f4ff;--pill-active-fg: #0a0c18;--ease: cubic-bezier(.16, 1, .3, 1);--motion-ease: var(--ease);--motion-fast: .15s var(--ease);--motion-normal: .28s var(--ease);--nav-h: 72px;--shell-max: 1320px;--gutter: clamp(16px, 3.2vw, 40px);--dock-h: 72px;--sidebar-width: 0px;--topbar-height: var(--nav-h);--bottom-dock-height: var(--dock-h)}[data-theme=light]{color-scheme:light;--ink-000: #ffffff;--ink-050: #f5f6fb;--ink-100: #eef0f8;--ink-150: #ffffff;--ink-200: #f7f8fd;--ink-250: #eceefa;--ink-300: #e2e5f4;--ink-400: #d3d7ea;--text-hi: #0d1030;--text-mid: #4b5178;--text-low: #6a7096;--text-faint: #8d93b4;--line: rgba(13, 16, 48, .1);--line-strong: rgba(13, 16, 48, .18);--line-blurple: rgba(88, 101, 242, .4);--bg-app: #f5f6fb;--bg-deep: #ffffff;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-card: rgba(255, 255, 255, .92);--bg-card-solid: #ffffff;--bg-input: #ffffff;--bg-hover: rgba(13, 16, 48, .05);--bg-active: rgba(13, 16, 48, .08);--bg-glass: rgba(255, 255, 255, .78);--shadow-1: 0 1px 2px rgba(16, 20, 52, .06), 0 10px 26px rgba(16, 20, 52, .07);--shadow-2: 0 20px 46px rgba(16, 20, 52, .12);--shadow-3: 0 40px 90px rgba(16, 20, 52, .16);--pill-active-bg: #10122a;--pill-active-fg: #f7f8ff;--color-snow: #0d1030;--color-fog: #4b5178;--color-greyple: #6a7096;--color-dim-grey: #8d93b4;--color-text-primary: var(--text-hi);--color-text-secondary: var(--text-mid)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{min-height:100%;width:100%}body{background-color:var(--bg-app);color:var(--text-hi);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:.004em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"ss01" on,"cv05" on}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit}img,canvas,svg{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#5865f26b;color:#fff}h1,h2,h3,h4{color:var(--text-hi);font-weight:700;line-height:1.15}.display,.hero-headline,.work-card-title,.section-headline{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92}.kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-low)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--spring);outline-offset:2px}.pulse-dot,.chip-dot,.status-beacon{width:6px;height:6px;border-radius:50%;background:var(--spring);box-shadow:var(--glow-spring);animation:pulseDot 2.4s infinite ease-in-out;flex-shrink:0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes stageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{position:relative;min-height:100vh;isolation:isolate;display:flex;flex-direction:column}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,rgba(88,101,242,.16) 0%,transparent 62%),radial-gradient(70% 55% at 96% 8%,rgba(0,176,244,.1) 0%,transparent 70%),radial-gradient(60% 50% at 2% 62%,rgba(87,242,135,.055) 0%,transparent 72%),linear-gradient(180deg,var(--ink-050) 0%,var(--ink-000) 100%)}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(to right,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.028) 1px,transparent 1px);background-size:96px 96px;mask-image:radial-gradient(110% 70% at 50% 0%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(110% 70% at 50% 0%,#000 20%,transparent 78%)}[data-theme=light] .ambient{background:radial-gradient(120% 80% at 50% -10%,rgba(88,101,242,.12) 0%,transparent 60%),radial-gradient(70% 55% at 96% 6%,rgba(0,176,244,.09) 0%,transparent 70%),linear-gradient(180deg,#fbfcff,#eef1fa)}[data-theme=light] .ambient:after{background-image:linear-gradient(to right,rgba(13,16,48,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(13,16,48,.04) 1px,transparent 1px)}.app-main{flex:1;width:100%;max-width:var(--shell-max);margin:0 auto;padding:clamp(24px,3.4vw,44px) var(--gutter) clamp(64px,9vw,110px)}@media(max-width:900px){.app-main{padding-bottom:calc(var(--dock-h) + 40px)}}.page-section{display:none;opacity:0}.page-section.active{display:block;animation:stageEnter .34s var(--ease) both}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);padding-bottom:var(--sp-4);margin-bottom:var(--sp-6);border-bottom:1px solid var(--line)}.section-head-copy{display:flex;flex-direction:column;gap:10px}.section-head .kicker{display:flex;align-items:center;gap:10px}.section-head .kicker:before{content:"";width:18px;height:1px;background:var(--blurple)}.section-headline{font-size:clamp(30px,4.4vw,46px);color:var(--text-hi)}.section-note{max-width:330px;font-size:13.5px;line-height:1.6;color:var(--text-low);text-align:right}@media(max-width:820px){.section-head{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.section-note{text-align:left}}.top-nav{position:sticky;top:0;z-index:200;height:var(--nav-h);border-bottom:1px solid var(--line);background:#060810bd;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%)}[data-theme=light] .top-nav{background:#fafbffc7}.top-nav-inner{height:100%;max-width:var(--shell-max);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;gap:var(--sp-5)}.brand-mark{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;margin-left:-6px;border-radius:var(--r-md);transition:background var(--motion-fast);flex-shrink:0}.brand-mark:hover{background:var(--bg-hover)}.brand-logo{position:relative;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 120% at 20% 0%,#5865f28c,#5865f214 62%),var(--ink-200);border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff29,0 8px 18px #00000059}.brand-logo img{width:26px;height:26px;object-fit:contain}.brand-words{display:flex;flex-direction:column;align-items:flex-start;line-height:1;gap:4px}.brand-name{font-family:var(--font-display);font-size:17px;letter-spacing:.055em;text-transform:uppercase;color:var(--text-hi)}.brand-sub{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint)}.top-nav-links{display:flex;align-items:center;gap:2px;padding:4px;margin:0 auto;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff09}[data-theme=light] .top-nav-links{background:#0d10300a}.nav-pill{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:600;letter-spacing:.005em;color:var(--text-mid);white-space:nowrap;transition:color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}.nav-pill svg{width:15px;height:15px;opacity:.8;transition:opacity var(--motion-fast)}.nav-pill:hover{color:var(--text-hi);background:var(--bg-hover)}.nav-pill:hover svg{opacity:1}.nav-pill:active{transform:translateY(1px)}.nav-pill.active{color:var(--pill-active-fg);background:var(--pill-active-bg);box-shadow:0 6px 18px #00000052}.nav-pill.active svg{opacity:1}.top-nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.nav-crumb{display:inline-flex;align-items:center;gap:7px;padding-right:12px;margin-right:2px;border-right:1px solid var(--line);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-low);white-space:nowrap}@media(max-width:1180px){.nav-crumb{display:none}}.nav-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-low);white-space:nowrap}@media(max-width:1320px){.nav-status{display:none}}.nav-icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--r-sm);border:1px solid transparent;color:var(--text-mid);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.nav-icon-btn:hover{color:var(--text-hi);background:var(--bg-hover);border-color:var(--line)}.nav-icon-btn:active{transform:translateY(1px)}.nav-icon-btn.muted{color:var(--text-faint)}.nav-install{display:none;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:var(--r-pill);border:1px solid rgba(87,242,135,.35);background:#57f28717;color:var(--spring);font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background .14s var(--ease),border-color .14s var(--ease),transform .1s var(--ease)}[data-theme=light] .nav-install{background:#23a55a1a;border-color:#23a55a59;color:#1a8747}.nav-install:hover{background:#57f2872e;border-color:var(--spring)}.nav-install:active{transform:scale(.96)}.nav-install svg{flex-shrink:0;transition:transform .14s var(--ease)}.nav-install:hover svg{transform:translateY(1px)}.nav-install-label{line-height:1}.nav-credit{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 11px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-hi);font-size:12px;font-weight:700;letter-spacing:.02em;overflow:hidden;transition:all var(--motion-fast)}.nav-credit:hover{border-color:#fda22080;background:#fda22014}.nav-credit .mc-fire-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.28;pointer-events:none}.nav-credit svg{color:var(--ember);position:relative}.nav-credit span{position:relative}@media(max-width:1120px){.top-nav-inner{gap:var(--sp-3)}.nav-pill{padding:8px 12px;font-size:12.5px}.nav-pill svg{width:14px;height:14px}.nav-credit{width:36px;padding:0;justify-content:center;border-color:transparent}.nav-credit span{display:none}}@media(max-width:900px){.top-nav{height:64px}.top-nav-links{display:none}.top-nav-inner{gap:var(--sp-3)}.brand-sub,.nav-credit span{display:none}.nav-credit{width:36px;padding:0;justify-content:center;border-color:transparent}.nav-install{height:32px;padding:0 9px;gap:4px;font-size:11px}}@media(max-width:460px){.brand-name{font-size:15px}.brand-logo{width:34px;height:34px}.top-nav-actions{gap:4px}.nav-install{padding:0 8px;font-size:10.5px}}@media(max-width:360px){.nav-install .nav-install-label{display:none}.nav-install{width:32px;height:32px;padding:0;justify-content:center}}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(28px,4.5vw,64px);padding:clamp(8px,2vw,24px) 0 clamp(36px,5vw,64px)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,2.2vw,26px);min-width:0}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:#ffffff0a;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid)}.hero-tag-quiet{border-color:var(--line);background:transparent;color:var(--text-faint)}.hero-headline{font-size:clamp(46px,7.4vw,96px);line-height:.88;letter-spacing:.004em;color:var(--text-hi);margin:0;text-wrap:balance}.hero-headline>span{display:block}.hero-headline-accent{color:transparent;-webkit-text-stroke:1.4px rgba(242,244,255,.42);text-stroke:1.4px rgba(242,244,255,.42)}[data-theme=light] .hero-headline-accent{-webkit-text-stroke:1.4px rgba(13,16,48,.4)}.hero-lede{max-width:54ch;font-size:16px;line-height:1.68;color:var(--text-mid);margin:0}.mono-inline{font-family:var(--font-mono);font-size:.88em;font-weight:600;color:var(--text-hi);padding:1px 6px;border-radius:5px;background:#ffffff12;border:1px solid var(--line);white-space:nowrap}.hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:2px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:480px;margin-top:6px;padding-top:18px;border-top:1px solid var(--line)}.hero-stat{display:flex;flex-direction:column;gap:4px;min-width:0}.hero-stat+.hero-stat{padding-left:18px;border-left:1px solid var(--line)}.hero-stat dt{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.hero-stat dd{font-size:13.5px;font-weight:600;color:var(--text-hi);letter-spacing:.005em}.hero-visual{position:relative;min-width:0;perspective:1400px}.stage-window{position:relative;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:linear-gradient(168deg,#12162d,#0a0d1a 58%,#070910);box-shadow:var(--shadow-3),inset 0 1px #ffffff17;transform:rotate(-1.1deg);overflow:hidden;transition:transform .52s var(--ease),box-shadow .52s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}.hero-visual:hover .stage-window{transform:rotate(0) translateY(-3px)}[data-theme=light] .stage-window{background:linear-gradient(168deg,#fff,#f7f8ff 60%,#eef1fb);box-shadow:var(--shadow-2),inset 0 1px #ffffffe6}.stage-window-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:#ffffff06}.win-dot{width:7px;height:7px;border-radius:50%;background:#ffffff29}[data-theme=light] .win-dot{background:#0d103029}.win-path{margin-left:8px;font-size:9.5px;letter-spacing:.1em;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);border:1px solid rgba(87,242,135,.3);background:#57f28714;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--spring)}.stage-screen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;height:clamp(252px,25vw,304px);overflow:hidden;background:linear-gradient(180deg,#0a0d1c,#05060d);transition:background .28s var(--ease)}[data-theme=light] .stage-screen{background:linear-gradient(180deg,#f7f8ff,#eaeefb)}.stage-shot-wrap{position:relative;margin:0;min-width:0;overflow:hidden;background:#070912;transition:background .28s var(--ease)}[data-theme=light] .stage-shot-wrap{background:#f7f8ff}.stage-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%;display:block;transition:opacity .32s var(--ease)}.stage-shot-light,[data-theme=light] .stage-shot-dark{opacity:0}[data-theme=light] .stage-shot-light{opacity:1}.shot-live{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.16);background:#04050ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#dfe3ff;transition:background .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease)}[data-theme=light] .shot-live{border-color:#0d103024;background:#ffffffd1;color:#2a2f5a;box-shadow:0 6px 18px #1014341f}.stage-side{display:flex;flex-direction:column;gap:8px;padding:12px;border-left:1px solid var(--line);background:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 24px 24px,#ffffff03;transition:background .28s var(--ease),border-color .28s var(--ease)}[data-theme=light] .stage-side{background:linear-gradient(to right,rgba(13,16,48,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(to bottom,rgba(13,16,48,.04) 1px,transparent 1px) 0 0 / 24px 24px,#0d103004}.side-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10.5px}.side-label{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.side-value{font-weight:600;color:var(--text-hi);white-space:nowrap}.side-swatches{display:flex;align-items:center;gap:5px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}.side-swatches>span:not(.side-swatches-label){width:16px;height:16px;border-radius:4px;background:var(--sw);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff2e}[data-theme=light] .side-swatches>span:not(.side-swatches-label){border-color:#0d10302e;box-shadow:inset 0 1px #ffffff8c}.side-swatches-label{margin-left:auto;font-size:7px;letter-spacing:.18em;color:var(--text-faint)}.side-file{display:flex;align-items:center;gap:8px;margin-top:auto;padding:6px;border-radius:var(--r-xs);border:1px solid var(--line);background:#0000004d;transition:background .28s var(--ease),border-color .28s var(--ease)}[data-theme=light] .side-file{background:#0d10300a}.side-file img{width:28px;height:28px;border-radius:4px;border:1px solid var(--line);image-rendering:pixelated;image-rendering:crisp-edges;background:#070912;flex-shrink:0;transition:background .28s var(--ease)}[data-theme=light] .side-file img{background:#fff}.side-file-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.side-file-meta b{font-size:9.5px;font-weight:600;color:var(--text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-file-meta span{font-size:7px;letter-spacing:.1em;color:var(--text-faint)}@media(max-width:560px){.stage-screen{grid-template-columns:minmax(0,1fr)}.stage-side{display:none}}.stage-window-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.foot-row{display:flex;flex-direction:column;gap:3px;padding:11px 14px;min-width:0}.foot-row+.foot-row{border-left:1px solid var(--line)}.foot-row span{font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.foot-row b{font-size:12.5px;font-weight:600;color:var(--text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-row b.ok{color:var(--spring)}.float-chip{position:absolute;z-index:3;padding:7px 11px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:#090c18e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--text-mid);box-shadow:0 12px 28px #00000080;animation:chipDrift 9s ease-in-out infinite}[data-theme=light] .float-chip{background:#fffffff0;box-shadow:0 12px 28px #10143424}.chip-1{top:40%;left:-20px;animation-delay:-1s}.chip-2{bottom:24%;right:-16px;animation-delay:-3.4s}.chip-3{bottom:-14px;left:16%;animation-delay:-6s}@keyframes chipDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.flow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,6vw,76px);border-top:1px solid var(--line)}.flow-item{display:flex;align-items:flex-start;gap:14px;padding:26px 24px 4px}.flow-item+.flow-item{border-left:1px solid var(--line)}.flow-step{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--blurple-soft);padding-top:3px}.flow-copy h3{font-size:15px;font-weight:700;letter-spacing:-.005em;margin-bottom:5px}.flow-copy p{font-size:13px;line-height:1.62;color:var(--text-low)}@media(max-width:1080px){.hero{grid-template-columns:minmax(0,1fr);gap:clamp(32px,6vw,48px)}.hero-visual{max-width:560px;width:100%}.stage-window{transform:none}}@media(max-width:720px){.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stat+.hero-stat{padding-left:12px}.float-chip{display:none}.flow-strip{grid-template-columns:minmax(0,1fr)}.flow-item{padding:20px 0 0}.flow-item+.flow-item{border-left:0;border-top:1px solid var(--line);margin-top:20px}.stage-screen{grid-template-columns:minmax(0,1fr);height:auto}.stage-shot-wrap{height:250px}.stage-side{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 14px}.side-swatches,.side-file{display:none}}@media(max-width:480px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stage-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.hero-cta{width:100%}.hero-cta>button{flex:1 1 100%}}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.work-card{position:relative;grid-column:span 4;display:flex;flex-direction:column;gap:12px;min-height:250px;padding:24px 22px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(168deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.012) 38%,transparent 100%),var(--ink-100);text-align:left;overflow:hidden;isolation:isolate;transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}[data-theme=light] .work-card{background:linear-gradient(168deg,#ffffffe6,#ffffff80),#fff;box-shadow:var(--shadow-1)}.work-card.is-wide{grid-column:span 7}.work-card.is-narrow{grid-column:span 5}.work-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow-2)}.work-card:active{transform:translateY(0)}.work-card-glow{position:absolute;z-index:-1;top:-120px;right:-70px;width:300px;height:300px;border-radius:50%;background:var(--accent, var(--blurple));filter:blur(80px);opacity:.16;transition:opacity .42s var(--ease),transform .42s var(--ease);pointer-events:none}.work-card:hover .work-card-glow{opacity:.3;transform:scale(1.08)}.accent-blurple{--accent: #5865f2}.accent-cerulean{--accent: #00b0f4}.accent-emerald{--accent: #57f287}.accent-amber{--accent: #fda220}.accent-slate{--accent: #8891f2}.work-card-index{position:absolute;right:14px;bottom:6px;font-family:var(--font-display);font-size:108px;line-height:.8;letter-spacing:.02em;color:var(--text-hi);opacity:.035;pointer-events:none;transition:opacity .32s var(--ease)}.work-card:hover .work-card-index{opacity:.06}.work-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-card-badge{font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.work-card-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:var(--accent, var(--blurple));transition:background .32s var(--ease),transform .32s var(--ease)}.work-card:hover .work-card-icon{background:color-mix(in srgb,var(--accent, var(--blurple)) 16%,transparent);transform:translateY(-1px)}.work-card-title{font-family:var(--font-display);font-size:clamp(26px,2.6vw,34px);line-height:.94;letter-spacing:.012em;text-transform:uppercase;color:var(--text-hi);margin-top:2px}.work-card.is-wide .work-card-title{font-size:clamp(32px,3.6vw,46px)}.work-card-desc{font-size:13.5px;line-height:1.62;color:var(--text-low);max-width:48ch}.work-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.work-card-tags .tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;border:1px solid var(--line);background:#ffffff08;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-low)}.work-card-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;font-weight:700;letter-spacing:.015em;color:var(--text-hi)}.work-card-cta svg{color:var(--text-low);transition:transform .32s var(--ease),color .32s var(--ease)}.work-card:hover .work-card-cta svg{transform:translate(4px);color:var(--accent, var(--blurple))}@media(max-width:1100px){.work-card,.work-card.is-wide,.work-card.is-narrow{grid-column:span 6}}@media(max-width:760px){.work-card,.work-card.is-wide,.work-card.is-narrow{grid-column:span 12;min-height:0}.work-card-index{font-size:84px}}.workbench-layout{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:20px;align-items:start}.workbench-stage-pane{position:sticky;top:calc(var(--nav-h) + 20px);display:flex;flex-direction:column;gap:12px;min-width:0}.workbench-console-pane{display:flex;flex-direction:column;gap:16px;min-width:0}.workbench-stage-card{position:relative;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--ink-150) 0%,var(--ink-100) 100%);box-shadow:var(--shadow-2),inset 0 1px #ffffff0f;overflow:hidden}.workbench-stage-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);background:#ffffff05}.workbench-stage-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap}.stage-control-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto}.stage-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-pill);border:1px solid var(--line);background:#00000047}[data-theme=light] .stage-seg{background:#0d10300b}.stage-pill-btn{padding:6px 11px;border-radius:var(--r-pill);border:1px solid transparent;background:transparent;color:var(--text-low);font-size:11.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease)}.stage-pill-btn:hover{color:var(--text-hi);background:var(--bg-hover)}.stage-pill-btn:active{transform:translateY(1px)}.stage-pill-btn.active{background:var(--pill-active-bg);color:var(--pill-active-fg);font-weight:700;box-shadow:0 4px 12px #0000004d}.stage-pill-icon{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--line)}.workbench-canvas-container{position:relative;width:100%;height:clamp(320px,44vh,440px);cursor:grab;overflow:hidden;background:radial-gradient(62% 62% at 50% 42%,rgba(88,101,242,.22) 0%,transparent 72%),radial-gradient(90% 70% at 50% 110%,rgba(0,176,244,.1) 0%,transparent 70%),linear-gradient(180deg,#0a0d1c,#05060d)}[data-theme=light] .workbench-canvas-container{background:radial-gradient(62% 62% at 50% 42%,rgba(88,101,242,.16) 0%,transparent 72%),linear-gradient(180deg,#f7f8ff,#eaeefb)}.workbench-canvas-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(72% 72% at 50% 50%,#000 15%,transparent 78%);-webkit-mask-image:radial-gradient(72% 72% at 50% 50%,#000 15%,transparent 78%);pointer-events:none}[data-theme=light] .workbench-canvas-container:before{background-image:linear-gradient(to right,rgba(13,16,48,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(13,16,48,.06) 1px,transparent 1px)}.workbench-canvas-container:active{cursor:grabbing}.workbench-3d-canvas{position:relative;z-index:1;width:100%!important;height:100%!important;display:block}.stage-hud{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:2;pointer-events:none}.hud-corner{position:absolute;width:14px;height:14px;border:1px solid rgba(255,255,255,.16)}[data-theme=light] .hud-corner{border-color:#0d10302e}.hud-corner.tl{top:0;left:0;border-right:0;border-bottom:0}.hud-corner.tr{top:0;right:0;border-left:0;border-bottom:0}.hud-corner.bl{bottom:0;left:0;border-right:0;border-top:0}.hud-corner.br{bottom:0;right:0;border-left:0;border-top:0}.hud-label{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.24em;color:#ffffff57;white-space:nowrap}[data-theme=light] .hud-label{color:#0d103066}.workbench-stage-bottombar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:46px;padding:9px 14px;border-top:1px solid var(--line);background:#ffffff05}.stage-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.console-card{position:relative;padding:22px;border-radius:var(--r-xl);border:1px solid var(--line);background:linear-gradient(170deg,rgba(255,255,255,.035) 0%,transparent 45%),var(--ink-100);box-shadow:var(--shadow-1)}[data-theme=light] .console-card{background:#fff;box-shadow:var(--shadow-1)}.console-card-tight{padding:18px}.console-card-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}.console-card-header-flush{margin-top:26px}.console-card-heading{display:flex;flex-direction:column;gap:3px;min-width:0}.console-card-title{font-size:15px;font-weight:700;letter-spacing:-.006em;color:var(--text-hi)}.console-card-subtitle{font-size:12.5px;line-height:1.55;color:var(--text-low)}.card-step{flex-shrink:0;margin-top:1px;padding:4px 7px;border-radius:5px;border:1px solid rgba(88,101,242,.32);background:#5865f21a;font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1;color:var(--blurple-soft)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.slot-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slot-select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff06;color:var(--text-mid);text-align:center;cursor:pointer;transition:all .16s var(--ease)}.slot-select-btn:hover{border-color:var(--line-strong);background:var(--bg-hover);color:var(--text-hi);transform:translateY(-1px)}.slot-select-btn:active{transform:translateY(1px)}.slot-select-btn.active{border-color:var(--line-blurple);background:#5865f224;color:var(--text-hi);box-shadow:inset 0 1px #ffffff17}.slot-btn-icon{display:grid;place-items:center;height:22px;color:var(--accent, var(--blurple-soft));opacity:.92;transition:opacity .16s var(--ease),transform .16s var(--ease)}.slot-select-btn:hover .slot-btn-icon{opacity:1;transform:translateY(-1px)}.slot-select-btn.active .slot-btn-icon{color:var(--blurple-soft);opacity:1}.slot-btn-label{font-size:12.5px;font-weight:700}.slot-btn-sub{font-size:8px;font-weight:600;letter-spacing:.16em;color:var(--text-faint)}.slot-select-btn.active .slot-btn-sub{color:var(--blurple-soft)}.parts-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.part-toggle-item{position:relative;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:var(--r-btn);border:1px solid var(--line);background:#ffffff06;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .16s var(--ease)}.part-toggle-item:hover{border-color:var(--line-strong);background:var(--bg-hover)}.part-toggle-item.checked{border-color:#5865f261;background:#5865f214}.part-toggle-checkbox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.part-toggle-box{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--text-faint);background:transparent;transition:all .16s var(--ease)}.part-toggle-box:after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg) scale(.6);opacity:0;transition:opacity .16s var(--ease),transform .16s var(--ease)}.part-toggle-checkbox:focus-visible+.part-toggle-box{outline:2px solid var(--spring);outline-offset:2px}.part-toggle-checkbox:checked+.part-toggle-box,.part-toggle-item.checked .part-toggle-box{background:var(--blurple);border-color:var(--blurple);box-shadow:0 0 0 3px #5865f229}.part-toggle-checkbox:checked+.part-toggle-box:after,.part-toggle-item.checked .part-toggle-box:after{opacity:1;transform:rotate(45deg) scale(1)}.part-toggle-label{display:flex;flex-direction:column;gap:1px;min-width:0}.part-toggle-title{font-size:12.5px;font-weight:600;color:var(--text-hi)}.part-toggle-sub{font-size:11px;color:var(--text-low)}.presets-cluster{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.slot-icon-live-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff06;flex-wrap:wrap}[data-theme=light] .slot-icon-live-card{background:#5865f20a}.slot-icon-frame{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line-strong);background-color:#070912;background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%);background-size:12px 12px;background-position:0 0,6px 6px}[data-theme=light] .slot-icon-frame{background-color:#fff}.slot-icon-frame img{width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges}.slot-icon-empty{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text-faint)}.slot-icon-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.slot-icon-title{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mid)}.slot-icon-status{font-size:12.5px;color:var(--text-hi);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-icon-live-card .reset-icon-btn{margin-left:auto;font-size:11px;font-weight:600;padding:6px 12px;border-radius:var(--r-pill);border:1px solid rgba(237,66,69,.35);color:#ed4245;background:#ed424514;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .16s var(--ease)}.slot-icon-live-card .reset-icon-btn:hover{background:#ed42452e;border-color:#ed424599}@media(max-width:1024px){.workbench-layout{grid-template-columns:minmax(0,1fr);gap:16px}.workbench-stage-pane{position:static}.workbench-canvas-container{height:clamp(340px,48vh,440px)}}@media(max-width:768px){.slot-select-grid,.model-select-grid,.parts-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.part-toggle-item{min-height:44px;padding:10px 14px}.console-card{padding:18px 14px}.workbench-stage-topbar{padding:10px 12px}.workbench-stage-bottombar{padding:10px 12px;min-height:44px}}@media(max-width:480px){.workbench-canvas-container{height:300px}.slot-icon-live-card{gap:10px;padding:10px 12px}.slot-icon-live-card .reset-icon-btn{width:100%;justify-content:center;margin-left:0;margin-top:4px}.presets-cluster{gap:5px}.preset-chip{padding:7px 11px;font-size:11.5px}}.guide-stage-card{padding:26px;border-radius:var(--r-xl);border:1px solid var(--line);background:linear-gradient(170deg,rgba(255,255,255,.035) 0%,transparent 42%),var(--ink-100);box-shadow:var(--shadow-1)}[data-theme=light] .guide-stage-card{background:#fff}.guide-nav-tabs{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;margin:0 auto 28px;max-width:440px;width:100%;border-radius:var(--r-pill, 9999px);border:1px solid var(--line-strong);background:#0e1224b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000047}[data-theme=light] .guide-nav-tabs{background:#f0f2ffd9;border-color:#5865f22e;box-shadow:inset 0 1px #fff9,0 4px 16px #10143414}.guide-tab-btn{flex:1 1 0;text-align:center;padding:10px 18px;border-radius:var(--r-pill, 9999px);border:1px solid transparent;background:transparent;color:var(--text-mid);font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all .16s var(--ease)}.guide-tab-btn:hover{color:var(--text-hi);background:#ffffff0f}[data-theme=light] .guide-tab-btn:hover{background:#5865f214}.guide-tab-btn:active{transform:scale(.97)}.guide-tab-btn.active{background:var(--blurple, #5865f2);color:#fff;border-color:#ffffff2e;font-weight:700;box-shadow:0 4px 16px #5865f266,inset 0 1px #ffffff40}.guide-panel{display:none}.guide-panel.active{display:block;animation:stageEnter .26s var(--ease) both}.guide-content-box{display:flex;flex-direction:column;gap:10px}.guide-step-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff05;transition:border-color .18s var(--ease),background .18s var(--ease)}[data-theme=light] .guide-step-card{background:#fbfcff}.guide-step-card:hover{border-color:var(--line-strong);background:#ffffff09}.guide-step-num{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-xs);border:1px solid var(--line-blurple);background:#5865f21f;color:var(--blurple-soft);font-size:12px;font-weight:700}[data-theme=light] .guide-step-num{color:var(--blurple-deep)}.guide-step-body{display:flex;flex-direction:column;gap:5px;min-width:0}.guide-step-title{font-size:14.5px;font-weight:700;letter-spacing:-.004em;color:var(--text-hi)}.guide-step-desc{font-size:13.5px;line-height:1.68;color:var(--text-low)}.guide-step-desc code{font-family:var(--font-mono);font-size:.88em;padding:1px 6px;border-radius:5px;border:1px solid var(--line);background:#ffffff0d;color:var(--text-hi);white-space:nowrap}.guide-step-desc strong{color:var(--text-hi);font-weight:700}.guide-tip-callout{display:flex;align-items:flex-start;gap:12px;margin-top:6px;padding:16px 18px;border-radius:var(--r-md);border:1px solid rgba(87,242,135,.22);border-left:2px solid var(--spring);background:#57f2870f}.guide-tip-callout .tip-icon{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;color:var(--spring)}.guide-tip-callout p{font-size:13px;line-height:1.65;color:var(--text-mid)}.guide-tip-callout strong{color:var(--text-hi)}.guide-fix-block{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.guide-fix-head{display:flex;flex-direction:column;gap:5px;margin-bottom:4px}.guide-fix-head .kicker{font-size:9.5px;color:var(--text-faint)}.guide-fix-heading{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text-hi)}.guide-fix-item{border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff05;overflow:hidden;transition:border-color .18s var(--ease),background .18s var(--ease)}[data-theme=light] .guide-fix-item{background:#fbfcff}.guide-fix-item[open]{border-color:var(--line-strong);background:#ffffff09}[data-theme=light] .guide-fix-item[open]{background:#fff}.guide-fix-summary{display:flex;align-items:center;gap:16px;padding:15px 18px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.guide-fix-summary::-webkit-details-marker{display:none}.guide-fix-summary:hover{background:var(--bg-hover)}.guide-fix-num{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-xs);border:1px solid var(--line-blurple);background:#5865f21f;color:var(--blurple-soft);font-size:11px;font-weight:700}[data-theme=light] .guide-fix-num{color:var(--blurple-deep)}.guide-fix-titles{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.guide-fix-title{font-size:14px;font-weight:700;color:var(--text-hi)}.guide-fix-sub{font-size:9.5px;letter-spacing:.1em;color:var(--text-faint)}.guide-fix-chevron{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);color:var(--text-low);transition:transform .2s var(--ease),color .2s var(--ease)}.guide-fix-item[open] .guide-fix-chevron{transform:rotate(180deg);color:var(--text-hi)}.guide-fix-body{display:flex;flex-direction:column;gap:8px;padding:0 18px 18px 64px;font-size:13px;line-height:1.68;color:var(--text-low)}.guide-fix-body strong{color:var(--text-hi);font-weight:700}.guide-fix-body code{font-family:var(--font-mono);font-size:.88em;padding:1px 6px;border-radius:5px;border:1px solid var(--line);background:#ffffff0d;color:var(--text-hi);white-space:nowrap}[data-theme=light] .guide-fix-body code{background:#0d10300d}.guide-fix-note{padding:10px 12px;border-radius:var(--r-xs);border:1px solid var(--line);background:#5865f212;font-size:12.5px;color:var(--text-mid)}@media(max-width:760px){.guide-stage-card{padding:16px}.guide-nav-tabs{max-width:100%;margin-bottom:20px;padding:3px;gap:3px}.guide-tab-btn{padding:8px 12px;font-size:12px}.guide-step-card{padding:15px;gap:12px}.guide-fix-summary{padding:14px;gap:12px}.guide-fix-body{padding:0 14px 16px}}.btn,.btn-primary-blurple,.btn-secondary-white,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:var(--r-btn);font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.012em;line-height:1.2;white-space:nowrap;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),transform .12s var(--ease),box-shadow .16s var(--ease)}.btn:active,.btn-primary-blurple:active,.btn-secondary-white:active,.btn-ghost:active,.btn-danger:active{transform:translateY(1px)}.btn-primary-blurple{background:var(--blurple);color:#fff;box-shadow:0 6px 18px #5865f252,inset 0 1px #fff3}.btn-primary-blurple:hover{background:var(--blurple-deep);box-shadow:0 10px 26px #5865f26b,inset 0 1px #fff3;transform:translateY(-1px)}.btn-secondary-white{background:#f2f4ff;color:#0d1030;box-shadow:0 6px 18px #00000047}.btn-secondary-white:hover{background:#fff;transform:translateY(-1px)}[data-theme=light] .btn-secondary-white{background:#10122a;color:#f7f8ff}[data-theme=light] .btn-secondary-white:hover{background:#1c1f42}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text-mid)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--line-strong);color:var(--text-hi);transform:translateY(-1px)}.btn-danger{background:#de27611f;border-color:#de276166;color:#ff7ba1}.btn-danger:hover{background:#de276138;border-color:var(--ekko);color:#fff}.btn-large{padding:16px 24px;font-size:14.5px;font-weight:700}.btn-compact{padding:7px 12px;font-size:12px;border-radius:var(--r-sm)}.btn-block{width:100%;margin-top:22px}.btn:disabled,.btn-primary-blurple:disabled,.btn-secondary-white:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:none}.upload-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px 22px;border:1px dashed rgba(136,145,242,.34);border-radius:var(--r-lg);background:#ffffff04;text-align:center;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}[data-theme=light] .upload-dropzone{border-color:#5865f266;background:#5865f208}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--blurple-soft);background:#5865f212}.upload-dropzone.drag-over{transform:scale(1.006)}.upload-dropzone.scanning:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--blurple-soft),transparent);animation:dropzoneScan 1.4s linear infinite}@keyframes dropzoneScan{0%{transform:translateY(0);opacity:0}25%{opacity:1}to{transform:translateY(170px);opacity:0}}.dropzone-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-xs);border:1px solid var(--line);background:#5865f21a;color:var(--blurple-soft);transition:transform .2s var(--ease),background .2s var(--ease)}.upload-dropzone:hover .dropzone-icon,.upload-dropzone.drag-over .dropzone-icon{transform:translateY(-2px);background:#5865f233}.dropzone-text-title{font-size:14.5px;font-weight:600;color:var(--text-hi)}.dropzone-text-sub{font-size:12px;color:var(--text-low);font-family:var(--font-mono);letter-spacing:.02em}.dropzone-corner{position:absolute;width:12px;height:12px;border:1px solid rgba(136,145,242,.45);opacity:0;transition:opacity .2s var(--ease)}.upload-dropzone:hover .dropzone-corner{opacity:1}.dropzone-corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0;border-radius:6px 0 0}.dropzone-corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0;border-radius:0 6px 0 0}.dropzone-corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0;border-radius:0 0 0 6px}.dropzone-corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0;border-radius:0 0 6px}.upload-dropzone-mini{padding:14px 16px;border-radius:var(--r-md)}.dropzone-mini-text{font-size:12.5px;color:var(--text-low)}.preset-chip{padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--text-mid);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .16s var(--ease)}.preset-chip:hover{background:var(--bg-hover);color:var(--text-hi);border-color:var(--line-strong)}.preset-chip:active{transform:translateY(1px)}.preset-chip.active{background:#5865f229;border-color:var(--line-blurple);color:#c6ccff}[data-theme=light] .preset-chip.active{color:var(--blurple-deep)}.stage-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;border:1px solid var(--line);background:#ffffff08;font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-low);white-space:nowrap}.autofix-icon{display:grid;place-items:center;width:12px;height:12px}.autofix-badge-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:var(--r-pill);border:1px solid rgba(87,242,135,.34);background:#57f28717;color:var(--spring);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .16s var(--ease)}.autofix-badge-btn:hover{background:#57f2872e}.autofix-badge-btn.disabled{border-color:var(--line);background:#ffffff0a;color:var(--text-low)}.toast-container{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 16px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#0a0d1af0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-hi);font-size:13.5px;font-weight:600;box-shadow:var(--shadow-2);overflow:hidden;animation:toastEnter .26s var(--ease) both}[data-theme=light] .toast{background:#fffffff5}.toast:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blurple)}.toast.success:after{background:var(--spring)}.toast.error:after{background:var(--ekko)}.toast.info:after{background:var(--blurple)}.toast.success:before{content:"✓";color:var(--spring);font-weight:800}.toast.error:before{content:"✕";color:var(--ekko);font-weight:800}.toast.info:before{content:"ℹ";color:var(--blurple-soft);font-weight:800}@keyframes toastEnter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.toast-container{left:14px;right:14px;bottom:calc(var(--dock-h) + 14px);align-items:stretch}}.form-box{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-box:last-of-type{margin-bottom:0}.form-label{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-low)}.form-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-faint)}.mc-input,input[type=text],input[type=number]{width:100%;padding:11px 13px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--bg-input);color:var(--text-hi);font-family:var(--font-body);font-size:14px;font-weight:500;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}[data-theme=light] .mc-input,[data-theme=light] input[type=text],[data-theme=light] input[type=number]{border-color:var(--line-strong)}input::placeholder{color:var(--text-faint)}.mc-input:hover,input[type=text]:hover,input[type=number]:hover{border-color:var(--line-strong)}.mc-input:focus,input[type=text]:focus,input[type=number]:focus{border-color:var(--blurple);box-shadow:0 0 0 3px #5865f229}input[type=file].mc-input{padding:9px;font-size:12.5px;color:var(--text-low)}.version-triplet-input::-webkit-outer-spin-button,.version-triplet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.version-triplet-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.version-triplet-row{display:flex;align-items:center;gap:8px}.version-triplet-input{width:66px!important;text-align:center;font-family:var(--font-mono);font-weight:600;font-size:13.5px}.version-triplet-dot{font-family:var(--font-mono);font-weight:700;color:var(--text-faint)}.wardrobe-card{padding:26px}.wardrobe-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:18px}.wardrobe-toolbar .form-box{margin-bottom:0}.wardrobe-toolbar-actions{display:flex;align-items:center;gap:8px}.wardrobe-toolbar-actions .btn-ghost{padding:11px 16px;font-size:13px}#wardrobe-dropzone{margin-bottom:20px}.wardrobe-empty-card{display:block;padding:46px 24px;border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:#ffffff03;text-align:center}.wardrobe-empty-icon{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:var(--r-md);border:1px solid var(--line);background:#5865f214;color:var(--blurple-soft)}.wardrobe-empty-title{font-size:16px;font-weight:700;color:var(--text-hi);margin-bottom:4px}.wardrobe-empty-sub{font-size:13px;color:var(--text-low);max-width:400px;margin:0 auto}.wardrobe-outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:10px}.wardrobe-outfit-grid:not(:empty){margin-bottom:4px}.skinpack-card{display:flex;align-items:center;gap:12px;padding:11px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff06;transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)}[data-theme=light] .skinpack-card{background:#fff;box-shadow:var(--shadow-1)}.skinpack-card:hover{border-color:var(--line-strong);background:#ffffff0a;transform:translateY(-1px)}.skinpack-card-avatar-wrap{position:relative;flex-shrink:0;width:54px;height:54px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line-strong);overflow:hidden;cursor:pointer;background-color:#070912;background-image:linear-gradient(45deg,rgba(255,255,255,.055) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.055) 75%),linear-gradient(45deg,rgba(255,255,255,.055) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.055) 75%);background-size:12px 12px;background-position:0 0,6px 6px}.skinpack-card-avatar{width:38px;height:38px;image-rendering:pixelated;image-rendering:crisp-edges;margin-bottom:8px}.skinpack-model-pill{position:absolute;left:0;right:0;bottom:0;padding:1px 0;background:#04050ad1;font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-low)}.skinpack-model-pill.alex{color:var(--blurple-soft)}.skinpack-card-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.skinpack-name-input{padding:7px 9px;font-size:13px;font-weight:600;border-radius:var(--r-xs);border-color:transparent;background:transparent}.skinpack-name-input:hover{border-color:var(--line);background:#ffffff08}.skinpack-card-controls{display:flex;align-items:center;justify-content:space-between;gap:6px}.skinpack-model-buttons{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--r-pill);border:1px solid var(--line);background:#00000038}[data-theme=light] .skinpack-model-buttons{background:#0d10300a}.skinpack-model-toggle{padding:3px 8px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--text-low);font-size:9.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .15s var(--ease)}.skinpack-model-toggle:hover{color:var(--text-hi)}.skinpack-model-toggle.active{background:var(--blurple);color:#fff;font-weight:700}.skinpack-inspect-btn,.skinpack-del-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:26px;min-width:26px;padding:0 7px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--text-low);font-size:9.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .15s var(--ease);flex-shrink:0}.skinpack-inspect-btn:hover{border-color:var(--line-blurple);background:#5865f224;color:#c6ccff}.skinpack-del-btn:hover{border-color:#de276180;background:#de276124;color:#ff7ba1}.skinpack-inspect-btn:active,.skinpack-del-btn:active{transform:translateY(1px)}@media(max-width:760px){.wardrobe-toolbar{grid-template-columns:minmax(0,1fr);align-items:stretch}.wardrobe-toolbar-actions{justify-content:stretch}.wardrobe-toolbar-actions .btn-ghost{width:100%}.wardrobe-card{padding:18px 15px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#04050abd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:modalOverlayIn .2s var(--ease) both}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-dialog{width:100%;max-width:540px;max-height:calc(100dvh - 40px);display:flex;flex-direction:column;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--ink-150) 0%,var(--ink-100) 100%);box-shadow:var(--shadow-3);overflow:hidden;animation:modalDialogIn .26s var(--ease) both}[data-theme=light] .modal-dialog{background:#fff}@keyframes modalDialogIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-heading{display:flex;flex-direction:column;gap:5px;min-width:0}.modal-heading .kicker{color:var(--blurple-soft);font-size:9px}.modal-title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text-hi)}.modal-close-btn{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:var(--r-xs);border:1px solid var(--line);background:transparent;color:var(--text-low);font-size:12px;transition:all .15s var(--ease)}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-hi);border-color:var(--line-strong)}.modal-body{display:flex;flex-direction:column;gap:16px;padding:20px;overflow-y:auto}.modal-3d-stage{position:relative;width:100%;height:330px;border-radius:var(--r-md);border:1px solid var(--line);overflow:hidden;background:radial-gradient(62% 60% at 50% 42%,rgba(88,101,242,.24) 0%,transparent 72%),linear-gradient(180deg,#0a0d1c,#05060d)}[data-theme=light] .modal-3d-stage{background:radial-gradient(62% 60% at 50% 42%,rgba(88,101,242,.16) 0%,transparent 72%),linear-gradient(180deg,#f7f8ff,#eaeefb)}.modal-3d-canvas{width:100%!important;height:100%!important;display:block}.modal-3d-controls{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;flex-wrap:wrap}.modal-3d-controls>*{pointer-events:auto}.modal-3d-controls .stage-seg{background:#04050a99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-top:1px solid var(--line);background:#ffffff05}.modal-footer .btn-danger,.modal-footer .btn-primary-blurple{padding:10px 16px;font-size:13px}.modal-actions-right{display:flex;align-items:center;gap:8px}@media(max-width:480px){.modal-3d-stage{height:260px}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-actions-right{justify-content:flex-end}}.export-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:flex-end;justify-content:center}.export-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04050aa8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .22s var(--ease)}[data-theme=light] .export-sheet-backdrop{background:#10143447}.export-sheet.is-open .export-sheet-backdrop{opacity:1}.export-sheet-panel{position:relative;width:100%;max-width:520px;margin:0 16px;padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:var(--r-xl) var(--r-xl) 0 0;border:1px solid var(--line-strong);border-bottom:0;background:linear-gradient(180deg,var(--ink-150) 0%,var(--ink-100) 100%);box-shadow:var(--shadow-3);transform:translateY(100%);transition:transform .26s var(--ease)}[data-theme=light] .export-sheet-panel{background:#fff}.export-sheet.is-open .export-sheet-panel{transform:translateY(0)}body.export-sheet-open{overflow:hidden}.export-sheet-grab{position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:var(--r-pill);background:var(--line-strong);transform:translate(-50%)}.export-sheet-close{position:absolute;top:16px;right:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-xs);border:1px solid var(--line);color:var(--text-low);transition:all .15s var(--ease)}.export-sheet-close:hover{background:var(--bg-hover);color:var(--text-hi)}.export-sheet-head{display:flex;flex-direction:column;gap:6px;padding-right:36px}.export-sheet-head .kicker{font-size:9px;color:var(--blurple-soft)}[data-theme=light] .export-sheet-head .kicker{color:var(--blurple-deep)}.export-sheet-title{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--text-hi)}.export-sheet-file{align-self:flex-start;max-width:100%;padding:4px 9px;border-radius:var(--r-xs);border:1px solid var(--line);background:var(--bg-hover);font-size:10px;color:var(--text-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-sheet-steps{display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:export-step}.export-sheet-step{position:relative;padding-left:34px;font-size:13.5px;line-height:1.6;color:var(--text-low);counter-increment:export-step}.export-sheet-step:before{content:counter(export-step);position:absolute;left:0;top:1px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-blurple);background:#5865f21f;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--blurple-soft)}[data-theme=light] .export-sheet-step:before{color:var(--blurple-deep)}.export-sheet-hint{margin-top:16px;padding:10px 12px;border-radius:var(--r-xs);border:1px solid var(--line);background:#5865f212;font-size:12px;line-height:1.55;color:var(--text-mid)}.export-sheet-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.export-sheet-actions>button{flex:1 1 auto;min-width:140px;padding:12px 16px;font-size:13px}@media(min-width:721px){.export-sheet{align-items:center}.export-sheet-panel{border-radius:var(--r-xl);border-bottom:1px solid var(--line-strong);padding-bottom:22px;transform:translateY(14px) scale(.98);opacity:0;transition:transform .24s var(--ease),opacity .24s var(--ease)}.export-sheet.is-open .export-sheet-panel{transform:translateY(0) scale(1);opacity:1}.export-sheet-grab{display:none}}@media(prefers-reduced-motion:reduce){.export-sheet-panel,.export-sheet-backdrop{transition-duration:1ms}}.mobile-bottom-dock{display:none;position:fixed;left:0;right:0;bottom:0;z-index:500;height:calc(var(--dock-h) + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);align-items:center;background:#060810e6;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid var(--line)}[data-theme=light] .mobile-bottom-dock{background:#fafbffeb}.mobile-dock-btn{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 2px;border-radius:var(--r-btn);color:var(--text-low);font-size:10px;font-weight:600;letter-spacing:.01em;transition:color .15s var(--ease),background .15s var(--ease)}.mobile-dock-btn svg{color:var(--text-faint);transition:color .15s var(--ease),transform .15s var(--ease)}.mobile-dock-btn:active{background:var(--bg-hover);transform:scale(.97)}.mobile-dock-btn.active{color:var(--text-hi)}.mobile-dock-btn.active svg{color:var(--blurple-soft);transform:translateY(-1px)}.mobile-dock-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:0 0 2px 2px;background:var(--blurple)}@media(max-width:900px){.mobile-bottom-dock{display:flex}}