:root{color-scheme:light;--ink:#1d1d1f;--paper:#fbfbfd;--panel:#ffffff;--line:#d2d2d7;--muted:#515154;--subtle:#86868b;--nav:#1d1d1f;--input:#ffffff;--hero-panel:#f5f5f7;--red:#e0301e;--blue:#6e40f2;--blue-hover:#5c35d4;--green:#1d9e57;--gold:#b8852d;--shadow:rgba(0,0,0,0.12);--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-pill:980px;--ring:0 0 0 4px color-mix(in srgb,var(--blue),transparent 80%)}:root[data-theme=dark]{color-scheme:dark;--ink:#f5f5f7;--paper:#000000;--panel:#1c1c1e;--line:#38383c;--muted:#aeaeb2;--subtle:#86868b;--nav:#f5f5f7;--input:#1c1c1e;--hero-panel:#1c1c1e;--red:#ff6961;--blue:#845ef7;--blue-hover:#9d7afb;--green:#30d158;--gold:#d5a855;--shadow:rgba(0,0,0,0.5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{letter-spacing:-.022em}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{align-items:center;background:color-mix(in srgb,var(--paper),transparent 8%);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 25%);display:grid;grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header-left{display:flex;align-items:center}.site-header-nav{display:flex;gap:24px;justify-content:center}.site-header-nav a{color:color-mix(in srgb,var(--nav),transparent 18%);font-size:14px;text-decoration:none;transition:color .2s var(--ease)}.site-header-nav a:hover{color:var(--nav)}.site-header-right{align-items:center;display:flex;gap:10px;justify-content:flex-end}.fightsticks-subnav{align-items:stretch;background:color-mix(in srgb,var(--paper),transparent 4%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 40%);display:flex;gap:0;justify-content:center;padding:0 24px;position:-webkit-sticky;position:sticky;top:65px;z-index:19}.fightsticks-subnav-tab{align-items:center;color:var(--muted);display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.fightsticks-subnav-tab:hover{color:var(--ink)}.fightsticks-subnav-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.catalog-results-full{grid-column:1/-1;width:100%}.brand{font-size:20px;font-weight:800;text-decoration:none}.theme-toggle{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:36px;padding:0 14px;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.theme-toggle:hover{background:color-mix(in srgb,var(--hero-panel),var(--panel) 30%);border-color:color-mix(in srgb,var(--line),var(--ink) 12%)}.theme-toggle:active{transform:scale(.96)}.theme-toggle-icon{min-width:36px;padding:0}.currency-switcher{position:relative}.currency-toggle{min-width:64px}.currency-menu{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:8px;box-shadow:0 18px 45px color-mix(in srgb,var(--shadow),transparent 72%);display:grid;grid-gap:4px;gap:4px;min-width:210px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.currency-menu-item{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--ink);cursor:pointer;display:grid;grid-gap:2px;gap:2px;justify-items:start;padding:9px 10px;text-align:left}.currency-menu-item:hover,.currency-menu-item[aria-checked=true]{background:color-mix(in srgb,var(--hero-panel),var(--panel) 38%)}.currency-menu-item span{font-size:14px;font-weight:850}.currency-menu-item small,.currency-status{color:var(--muted);font-size:12px}.currency-status{margin:4px 8px 2px}.locale-switcher{position:relative}.locale-toggle{min-width:48px}.locale-menu{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:8px;box-shadow:0 18px 45px color-mix(in srgb,var(--shadow),transparent 72%);display:grid;grid-gap:4px;gap:4px;min-width:160px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.locale-menu-item{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--ink);cursor:pointer;display:grid;grid-gap:2px;gap:2px;justify-items:start;padding:9px 10px;text-align:left}.locale-menu-item:hover,.locale-menu-item[aria-checked=true]{background:color-mix(in srgb,var(--hero-panel),var(--panel) 38%)}.locale-menu-item span{font-size:14px;font-weight:850}.locale-menu-item small{color:var(--muted);font-size:12px}.page{margin:0 auto;max-width:1180px;overflow-x:hidden;padding:52px 24px 80px}.hero{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);min-height:520px;align-items:center}.hero h1,.page-title{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:0;margin:0}.hero p,.lede{color:var(--muted);font-size:18px;line-height:1.6;max-width:760px}.hero-visual{aspect-ratio:4/3;background:radial-gradient(circle at 65% 35%,rgba(217,68,54,.18),transparent 28%),linear-gradient(145deg,var(--panel),var(--hero-panel));border:1px solid var(--line);border-radius:8px;display:grid;padding:28px;place-items:center}.stick-preview{aspect-ratio:16/10;background:#202020;border-radius:8px;box-shadow:0 20px 40px var(--shadow);position:relative;width:min(100%,440px)}.stick-preview:before{background:var(--red);border-radius:999px;content:"";height:76px;left:52px;position:absolute;top:86px;width:76px}.stick-preview:after{background:radial-gradient(circle at 22px 22px,var(--blue) 0 18px,transparent 19px),radial-gradient(circle at 76px 10px,var(--green) 0 18px,transparent 19px),radial-gradient(circle at 130px 22px,var(--gold) 0 18px,transparent 19px),radial-gradient(circle at 184px 34px,var(--paper) 0 18px,transparent 19px),radial-gradient(circle at 22px 78px,var(--paper) 0 18px,transparent 19px),radial-gradient(circle at 76px 66px,var(--gold) 0 18px,transparent 19px),radial-gradient(circle at 130px 78px,var(--green) 0 18px,transparent 19px),radial-gradient(circle at 184px 90px,var(--blue) 0 18px,transparent 19px);content:"";height:120px;position:absolute;right:54px;top:74px;width:224px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{align-items:center;background:var(--blue);border:1px solid var(--blue);border-radius:var(--radius-pill);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;min-height:44px;padding:0 22px;text-decoration:none;transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.button:hover{background:var(--blue-hover);border-color:var(--blue-hover);transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--blue),transparent 66%)}.button:active{transform:translateY(0);box-shadow:none}.button.secondary{background:transparent;border-color:color-mix(in srgb,var(--blue),transparent 55%);color:var(--blue)}.button.secondary:hover{background:color-mix(in srgb,var(--blue),transparent 92%);border-color:var(--blue);box-shadow:none}.compare-cta{background:var(--blue);border-color:var(--blue);color:#fff;gap:8px;font-size:15px;white-space:nowrap}.gallery-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:8px}.gallery-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);display:grid;grid-template-rows:auto 1fr;overflow:hidden;transition:box-shadow .45s var(--ease-out),transform .45s var(--ease-out),border-color .45s var(--ease-out)}.gallery-card:hover{border-color:color-mix(in srgb,var(--line),transparent 10%);box-shadow:0 18px 40px color-mix(in srgb,var(--shadow),transparent 45%);transform:translateY(-4px)}.gallery-card-media{aspect-ratio:16/10;background:var(--hero-panel);overflow:hidden;position:relative}.gallery-card-media-link{display:block;height:100%;width:100%}.gallery-card-media img{height:100%;object-fit:cover;width:100%}.gallery-card-fallback{align-items:center;color:var(--subtle);display:flex;height:100%;justify-content:center;width:100%}.gallery-upvote-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--ink),transparent 30%);border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;padding:4px 10px;pointer-events:none;position:absolute;right:10px;top:10px}.gallery-card-body{display:grid;grid-gap:8px;gap:8px;padding:20px}.gallery-card-body h2{font-size:20px;margin:0}.gallery-card-desc{color:var(--muted);display:-webkit-box;font-size:15px;line-height:1.6;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-tags{display:flex;flex-wrap:wrap;gap:7px}.gallery-card-tags span{background:color-mix(in srgb,var(--hero-panel),var(--panel) 46%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:5px 8px}.gallery-card-footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;margin-top:4px;padding-top:12px}.gallery-creator{color:var(--muted);font-size:14px}.gallery-creator a{color:var(--ink);font-weight:600;text-decoration:none}.gallery-creator a:hover{text-decoration:underline}.gallery-source-link{background:var(--blue);border:1px solid var(--blue);border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;white-space:nowrap;transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.gallery-source-link:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--blue),transparent 66%)}.gallery-footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;margin-top:48px;padding-top:24px;text-align:center}.gallery-footer a{color:var(--ink);font-weight:600}.custom-sticks-transition{border-top:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;margin:56px 0 28px;padding-top:36px}.custom-sticks-transition-eyebrow{color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.custom-sticks-transition h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em;line-height:1.1;margin:0}.custom-sticks-transition p:last-child{color:var(--muted);font-size:17px;line-height:1.6;margin:4px 0 0;max-width:680px;text-wrap:pretty}@media (max-width:768px){.gallery-grid{grid-template-columns:1fr}}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:28px}.catalog-hero{display:grid;grid-gap:12px;gap:12px;margin:4px 0 34px}.catalog-hero .lede{margin:0}.controller-catalog-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:18px 0 24px}.controller-catalog-toolbar .catalog-view-toggle{margin-left:auto}.page-lede{color:var(--ink);font-size:clamp(20px,2.5vw,29px);font-weight:600;letter-spacing:-.02em;line-height:1.32;margin:0;max-width:820px;text-wrap:balance}.catalog-shell{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:280px minmax(0,1fr)}.filter-panel{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);padding:18px;position:-webkit-sticky;position:sticky;top:82px}.filter-panel form{display:grid;grid-gap:18px;gap:18px}.catalog-results-head,.filter-panel-head{align-items:center;display:flex;justify-content:space-between;gap:12px}.filter-panel-head h2{font-size:22px;margin:0 0 4px}.catalog-results-head p,.filter-panel-head p{margin:0}.catalog-view-toggle{background:color-mix(in srgb,var(--hero-panel),var(--panel) 48%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:8px;display:flex;overflow:hidden;padding:3px}.catalog-view-toggle-option{align-items:center;border-radius:6px;color:var(--muted);display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)}.catalog-view-toggle-option:hover{color:var(--ink)}.catalog-view-toggle-option.active{background:var(--panel);box-shadow:0 1px 3px color-mix(in srgb,var(--shadow),transparent 60%);color:var(--ink)}.clear-filters{color:var(--blue);font-size:14px;font-weight:800;text-decoration:none}.search-field input{width:100%}.price-slider{display:grid;grid-gap:12px;gap:12px}.price-slider-values{align-items:center;display:flex;gap:12px;justify-content:space-between}.price-slider-values span{background:color-mix(in srgb,var(--hero-panel),var(--panel) 48%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:6px;color:var(--ink);font-size:13px;font-weight:850;min-width:72px;padding:6px 8px;text-align:center}.price-range-control{height:28px;position:relative}.price-range-control:after,.price-range-control:before{border-radius:999px;content:"";height:6px;left:0;pointer-events:none;position:absolute;right:0;top:11px}.price-range-control:before{background:color-mix(in srgb,var(--line),var(--panel) 36%)}.price-range-control:after{background:var(--ink);left:var(--range-start);right:calc(100% - var(--range-end))}.price-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:28px;left:0;margin:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.price-range-input::-webkit-slider-runnable-track{background:transparent;border:0;height:6px}.price-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ink);border:2px solid var(--panel);border-radius:999px;box-shadow:0 2px 8px color-mix(in srgb,var(--shadow),transparent 55%);cursor:pointer;height:20px;margin-top:-7px;pointer-events:auto;width:20px}.price-range-input::-moz-range-track{background:transparent;border:0;height:6px}.price-range-input::-moz-range-thumb{background:var(--ink);border:2px solid var(--panel);border-radius:999px;box-shadow:0 2px 8px color-mix(in srgb,var(--shadow),transparent 55%);cursor:pointer;height:16px;pointer-events:auto;width:16px}.price-range-input-min{z-index:3}.price-slider-bounds{color:var(--muted);display:flex;font-size:12px;font-weight:800;justify-content:space-between}.filter-group{border:0;display:grid;grid-gap:8px;gap:8px;margin:0;padding:0}.filter-group legend{color:var(--ink);font-size:13px;font-weight:850;margin-bottom:8px}.filter-choice{align-items:center;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;gap:9px;min-height:32px}.filter-choice input{accent-color:var(--ink);height:16px;margin:0;width:16px}.color-swatch{border:1px solid color-mix(in srgb,var(--line),var(--ink) 16%);border-radius:999px;display:inline-block;height:14px;width:14px}.keycap-colors{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.keycap-color{align-items:center;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ink)}.keycap-swatch{border:1px solid color-mix(in srgb,var(--line),var(--ink) 16%);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);height:44px;width:44px}.color-black{background:#111}.color-white{background:#fff}.color-clear{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(145,195,255,.45)),#f6fbff}.color-silver{background:#c7c9ce}.color-red{background:var(--red)}.color-blue{background:#0071e3}.color-purple{background:#7b3fa3}.color-multi{background:conic-gradient(var(--red),var(--gold),var(--green),#0071e3,var(--red))}.color-custom{background:repeating-linear-gradient(45deg,var(--red) 0 4px,#0071e3 4px 8px,var(--gold) 8px 12px)}.filter-submit{justify-content:center;width:100%}.filter-panel-inner{display:grid;grid-gap:18px;gap:18px}.filter-trigger-row{display:none}.filter-trigger{align-items:center;gap:8px}.filter-trigger-badge{align-items:center;background:var(--ink);border-radius:999px;color:var(--panel);display:inline-flex;font-size:11px;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 4px}.filter-modal-backdrop{background:rgba(0,0,0,.45);inset:0;position:fixed;z-index:200}.filter-modal{background:var(--panel);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;height:100dvh;height:100vh}.filter-modal-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 35%);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top, 0px)) 20px 16px}.filter-modal-title{font-size:20px;font-weight:700;margin:0}.filter-modal-header-actions{align-items:center;display:flex;gap:12px}.filter-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--ink);cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;width:36px}.filter-modal-close:hover{background:color-mix(in srgb,var(--line),transparent 40%)}.filter-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px}.filter-modal-body .filter-panel-inner{gap:20px}.filter-modal-footer{border-top:1px solid color-mix(in srgb,var(--line),transparent 35%);display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px))}.filter-modal-count{margin:0;text-align:center}.catalog-results{min-width:0}.catalog-results .product-grid{margin-top:0}.product-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:28px}.part-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);box-shadow:0 4px 18px color-mix(in srgb,var(--shadow),transparent 70%);overflow:hidden;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}.product-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--line),transparent 10%);box-shadow:0 18px 40px color-mix(in srgb,var(--shadow),transparent 45%)}.product-card-link{align-content:start;color:inherit;display:grid;min-height:100%;text-decoration:none}.product-card-media{align-items:center;aspect-ratio:3/2;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--panel),var(--hero-panel) 62%),transparent 60%),var(--hero-panel);display:flex;justify-content:center;overflow:hidden;padding:4px;position:relative}.player-card .product-card-media{aspect-ratio:3/4}.player-card .product-card-media img{height:100%;object-fit:cover;width:100%}.player-card .product-card-body{padding:12px 14px}.player-card .product-card-body h2{font-size:16px}.player-card .product-card-body p{font-size:13px}.player-card .product-facets span{font-size:11px}.player-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.product-card-media .controller-card-img{display:block;height:100%;max-width:100%;object-fit:contain;position:relative;transition:transform .22s ease;width:100%;z-index:1}.product-card:hover .product-card-media .controller-card-img{transform:scale(1.035)}.part-brand-card .product-card-media{aspect-ratio:auto;height:220px}.part-brand-card .product-card-media .controller-card-img{height:min(180px,100%);max-height:180px;max-width:220px;width:min(220px,100%)}@media (max-width:900px){.part-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.part-brand-grid{grid-template-columns:minmax(0,1fr)}}.ctrl-card-media .controller-card-bg,.product-card-media .controller-card-bg{display:none}.ctrl-card-media:after,.product-card-media:after{background:color-mix(in srgb,var(--panel),transparent 72%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.product-card-body{display:grid;grid-gap:10px;gap:10px;padding:20px}.product-card-body h2{font-size:24px;line-height:1.1;margin:0}.product-card-body .product-price{color:var(--ink);font-size:15px;font-weight:850}.product-card-body p{color:var(--muted);line-height:1.5;margin:0}.product-facets{display:flex;flex-wrap:wrap;gap:7px}.product-facets span{background:color-mix(in srgb,var(--hero-panel),var(--panel) 46%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:6px 9px}.controller-list{display:grid;grid-template-columns:1fr;margin-top:14px}.controller-list-header{border-bottom:1px solid var(--line);grid-column-gap:12px;column-gap:12px;display:grid;grid-column:1/-1;grid-template-columns:80px minmax(0,.7fr) minmax(0,1.5fr) max-content minmax(0,1.3fr);padding:0 20px 10px}.controller-list-header-cell{align-items:center;display:flex}.controller-list-header-cell:last-child{justify-content:flex-start}.controller-list-sort{align-items:center;background:none;border:none;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:4px;letter-spacing:.03em;padding:4px 0;text-transform:uppercase;text-decoration:none;transition:color .15s var(--ease)}.controller-list-sort:hover,.controller-list-sort[aria-sort]{color:var(--ink)}.controller-list-sort-arrow{color:var(--subtle);font-size:10px;line-height:1;transition:color .15s var(--ease)}.controller-list-sort[aria-sort] .controller-list-sort-arrow{color:var(--ink)}.controller-list-row{align-items:center;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 50%);color:inherit;grid-column-gap:12px;column-gap:12px;display:grid;grid-column:1/-1;grid-template-columns:80px minmax(0,.7fr) minmax(0,1.5fr) max-content minmax(0,1.3fr);margin-block:-1px;padding:14px 20px;text-decoration:none;transition:background .15s var(--ease),border-color .15s var(--ease)}.controller-list-row:first-of-type{border-radius:var(--radius) var(--radius) 0 0;margin-top:0}.controller-list-row:last-of-type{border-radius:0 0 var(--radius) var(--radius);margin-bottom:0}.controller-list-header~.controller-list-row:first-of-type{border-radius:0;margin-top:-1px}.controller-list-row:only-of-type{border-radius:var(--radius)}.controller-list-row:hover{background:color-mix(in srgb,var(--hero-panel),var(--panel) 50%);border-color:color-mix(in srgb,var(--line),transparent 20%);z-index:1}.controller-list-thumbnail{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 55%);border-radius:8px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.controller-list-thumbnail img{height:80px;object-fit:contain;width:80px}.controller-list-brand{color:var(--subtle);font-weight:400}.controller-list-brand,.controller-list-model{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controller-list-model{font-weight:600;letter-spacing:-.01em}.controller-list-price{color:var(--ink);font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.controller-list-facets{align-items:center;display:flex;flex-wrap:wrap;gap:3px;row-gap:4px;min-width:0;max-height:calc(2 * (1.4em + 6px) + 4px);overflow:hidden;position:relative}.controller-list-facets span{background:color-mix(in srgb,var(--hero-panel),var(--panel) 46%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:999px;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:700;padding:2px 6px;white-space:nowrap}.controller-list-overflow-count{background:color-mix(in srgb,var(--muted),transparent 85%)!important;border-color:color-mix(in srgb,var(--muted),transparent 60%)!important;color:var(--muted)!important;cursor:help}.controller-list-type{background:color-mix(in srgb,var(--blue),transparent 88%)!important;border-color:color-mix(in srgb,var(--blue),transparent 55%)!important;color:var(--blue)!important}@media (max-width:980px){.controller-list-header,.controller-list-row{grid-template-columns:80px minmax(0,.7fr) minmax(0,1.5fr) max-content}.controller-list-header-cell:last-child{display:none}.controller-list-row{grid-template-rows:auto auto;row-gap:6px}.controller-list-thumbnail{grid-row:1/3}.controller-list-facets{grid-column:2/-1;grid-row:2}}@media (max-width:768px){.controller-list{grid-template-columns:1fr}.controller-list-header{display:none}.controller-list-row{grid-template-columns:80px minmax(0,1fr);grid-template-rows:repeat(4,auto);gap:8px;padding:14px 16px}.controller-list-thumbnail{grid-column:1;grid-row:1/5}.controller-list-brand,.controller-list-model,.controller-list-price{grid-column:2}.controller-list-facets{grid-column:2;grid-row:auto}.controller-list-price{text-align:left}}.empty-state{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);display:grid;grid-gap:8px;gap:8px;margin-top:14px;padding:34px;text-align:center}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:var(--muted)}.controller-image-fallback{aspect-ratio:16/10;background:#1f2024;border-radius:8px;box-shadow:0 18px 35px color-mix(in srgb,var(--shadow),transparent 45%);position:relative;width:min(100%,360px);z-index:1}.controller-image-fallback:before{background:var(--red);border-radius:999px;content:"";height:18%;left:14%;position:absolute;top:36%;width:12%}.controller-image-fallback:after{background:radial-gradient(circle at 16% 30%,var(--blue) 0 7%,transparent 7.5%),radial-gradient(circle at 38% 22%,var(--green) 0 7%,transparent 7.5%),radial-gradient(circle at 60% 30%,var(--gold) 0 7%,transparent 7.5%),radial-gradient(circle at 82% 38%,#f5f5f7 0 7%,transparent 7.5%),radial-gradient(circle at 16% 70%,#f5f5f7 0 7%,transparent 7.5%),radial-gradient(circle at 38% 62%,var(--gold) 0 7%,transparent 7.5%),radial-gradient(circle at 60% 70%,var(--green) 0 7%,transparent 7.5%),radial-gradient(circle at 82% 78%,var(--blue) 0 7%,transparent 7.5%);content:"";height:52%;position:absolute;right:10%;top:24%;width:48%}.controller-image-fallback.large{width:min(100%,620px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card h2,.card h3{margin:0 0 8px}.meta{color:var(--subtle);font-size:14px}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 10px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{background:var(--input);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);max-width:100%;min-height:40px;padding:0 12px;width:100%;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:var(--ring);outline:none}.field textarea{min-height:96px;padding:10px;resize:vertical}.detail-layout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 340px;margin-top:24px}.back-nav{margin-bottom:20px}.back-link{align-items:center;color:var(--blue);display:inline-flex;font-size:.9rem;font-weight:500;gap:4px;text-decoration:none}.back-link:hover{text-decoration:underline}.product-hero{align-items:stretch;display:grid;grid-gap:36px;gap:36px;grid-template-columns:auto minmax(0,1fr);min-height:270px}.product-hero-copy{display:grid;grid-gap:16px;gap:16px}.product-hero-copy .lede{margin:0}.product-hero-media{align-items:center;align-self:start;justify-self:start;max-height:300px;width:300px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--panel),var(--hero-panel) 60%),transparent 58%),var(--hero-panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-lg);display:flex;justify-content:center;overflow:hidden;padding:clamp(16px,3vw,32px)}.product-hero-media img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:100%}.spec-pills{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.mod-grid span,.spec-pills span{background:color-mix(in srgb,var(--hero-panel),var(--panel) 42%);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:999px;color:var(--muted);font-size:13px;font-weight:700;padding:8px 11px}.recent-wins{margin-top:20px}.recent-wins h3{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.recent-wins-list{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0 0 8px;padding:0}.recent-wins-list li{align-items:baseline;display:grid;font-size:14px;grid-gap:12px;gap:12px;grid-template-columns:18px 1fr auto auto;line-height:1.5}.recent-wins-list li:before{content:"🏆";font-size:13px;text-align:center}.recent-wins-list li:first-child:before,.recent-wins-list li:nth-child(2):before{content:"🥇"}.recent-wins-event{color:var(--ink);font-weight:700;overflow-wrap:break-word;min-width:0}.recent-wins-placement{color:var(--muted);font-weight:600}.recent-wins-meta{font-size:13px}.recent-wins-meta,.recent-wins-tier{color:var(--subtle);white-space:nowrap}.recent-wins-tier{font-size:12px}.recent-wins-source{color:var(--subtle);font-size:12px;margin:0}.recent-wins-source a{color:var(--blue);font-weight:600;text-decoration:none}.recent-wins-source a:hover{text-decoration:underline}.image-gallery{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:14px 0 28px}.gallery-item{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);display:grid;grid-gap:12px;gap:12px;margin:0;overflow:hidden;padding:14px}.gallery-item img{aspect-ratio:4/3;background:var(--hero-panel);border-radius:6px;display:block;height:auto;object-fit:contain;padding:10px;width:100%}.gallery-item figcaption{align-items:center;color:var(--subtle);display:flex;font-size:13px;justify-content:space-between;text-transform:capitalize}.info-panel{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);padding:22px}.info-panel h2,.info-panel h3{margin:0 0 12px}.spec-list{display:grid;grid-gap:12px;gap:12px;margin:0 0 22px}.spec-list div{border-bottom:1px solid color-mix(in srgb,var(--line),transparent 45%);display:grid;grid-gap:8px;gap:8px;grid-template-columns:140px minmax(0,1fr);padding-bottom:12px}.spec-list dt{color:var(--subtle);font-size:13px;font-weight:800}.spec-list dd{margin:0;overflow-wrap:break-word;min-width:0}.loadout-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;padding:20px}.loadout-card .meta{margin:0 0 12px}.loadout-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.loadout-card-head .meta{margin:0}.loadout-status{border:1px solid transparent;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;line-height:1;padding:7px 10px;white-space:nowrap}.loadout-status-verified{background:color-mix(in srgb,var(--blue),transparent 88%);border-color:color-mix(in srgb,var(--blue),transparent 65%);color:var(--blue)}.loadout-status-needs-verification{background:color-mix(in srgb,#b45309,transparent 88%);border-color:color-mix(in srgb,#b45309,transparent 60%);color:#92400e}.loadout-proof{border-radius:6px;margin-bottom:16px;overflow:hidden}.loadout-proof img{height:auto;border-radius:6px;display:block;max-height:360px;object-fit:cover;width:100%}.loadout-unknown{color:var(--subtle);font-style:italic}.mod-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.designer-shell{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr;margin-top:28px}.designer-page{padding-top:24px}.designer-page .designer-shell{margin-top:0}.designer-shell>*{min-width:0}.designer-panel{align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) auto;min-width:0;padding:16px}.designer-panel .field{min-width:0}.designer-panel .actions{align-items:center;margin-top:0}.designer-panel .meta{align-self:center;grid-column:1/-1;margin:0}.designer-workbench{background:color-mix(in srgb,var(--panel),var(--paper) 24%);border:1px solid var(--line);border-radius:8px;overflow:hidden}.designer-workbench-toolbar{align-items:center;background:var(--panel);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px}.designer-tool-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.designer-tool-button{align-items:center;background:var(--input);border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:13px;font-weight:850;height:36px;justify-content:center;line-height:1;padding:0;width:36px}.designer-tool-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.designer-tool-options{color:var(--muted);font-size:12px;justify-content:flex-end}.designer-tool-options label{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.designer-tool-options input[type=range]{accent-color:var(--blue);width:120px}.designer-tool-options select{background:var(--input);border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:34px;padding:0 8px}.designer-apply-button{background:color-mix(in srgb,var(--blue),transparent 88%);border:1px solid color-mix(in srgb,var(--blue),transparent 55%);border-radius:6px;color:var(--blue);font-weight:800;min-height:34px;padding:0 12px}.designer-apply-button:disabled{cursor:not-allowed;opacity:.72}.designer-editing-area{display:grid;grid-gap:12px;gap:12px;grid-template-columns:132px minmax(0,1fr) 156px;padding:12px}.designer-layer-strip,.designer-transform-panel{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 22%);border-radius:8px;display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0;padding:10px}.designer-layer-strip span,.designer-transform-panel span{color:var(--muted);font-size:12px;font-weight:850}.designer-layer-strip button{background:var(--input);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:12px;font-weight:750;min-height:34px;padding:0 8px;text-align:left}.designer-layer-strip button[aria-pressed=true]{background:color-mix(in srgb,var(--blue),transparent 90%);border-color:color-mix(in srgb,var(--blue),transparent 52%);color:var(--blue)}.designer-transform-panel label{align-items:center;color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:4px;gap:4px;grid-template-columns:24px minmax(0,1fr)}.designer-transform-panel input{background:var(--input);border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:30px;min-width:0;padding:0 8px;width:100%}.canvas-preview{aspect-ratio:365/222;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.art-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px dashed color-mix(in srgb,var(--ink),transparent 65%);position:absolute}.cutout{border:2px solid rgba(217,68,54,.86);border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.mockup-preview{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:18px}.mockup-preview-head{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px}.mockup-preview-head h2{font-size:24px;letter-spacing:0;margin:0}.mockup-angle-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}.mockup-angle-card{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(225,218,205,.88)),var(--paper);border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:8px;min-height:190px;overflow:hidden;position:relative}.mockup-angle-main{grid-row:span 2;min-height:392px}.mockup-plane{background-color:rgba(39,100,216,.14);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid rgba(39,100,216,.78);position:absolute}.mockup-plane-front{-webkit-clip-path:polygon(5% 22%,92% 18%,98% 76%,3% 82%);clip-path:polygon(5% 22%,92% 18%,98% 76%,3% 82%);inset:30% 10% 16%}.mockup-plane-side{-webkit-clip-path:polygon(4% 28%,94% 18%,99% 68%,8% 82%);clip-path:polygon(4% 28%,94% 18%,99% 68%,8% 82%);inset:25% 8% 24%;transform:rotate(-4deg)}.mockup-plane-detail{-webkit-clip-path:polygon(9% 18%,90% 18%,96% 78%,4% 78%);clip-path:polygon(9% 18%,90% 18%,96% 78%,4% 78%);inset:18% 12% 18%;transform:rotate(3deg) scale(1.08)}.model-preview-poc{background:var(--panel);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(260px,1fr) minmax(220px,.7fr);margin-top:18px;min-width:0;overflow:hidden;padding:18px}.model-preview-stage{align-items:center;aspect-ratio:16/10;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(224,226,229,.72)),repeating-linear-gradient(90deg,rgba(13,18,30,.045) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(13,18,30,.045) 0 1px,transparent 1px 28px);border:1px solid color-mix(in srgb,var(--line),transparent 28%);border-radius:8px;display:grid;justify-items:center;min-height:260px;min-width:0;perspective:920px}.model-preview-case{background:linear-gradient(160deg,rgba(32,36,42,.95),rgba(12,14,18,.98)),#20242a;border:1px solid rgba(255,255,255,.24);border-radius:18px;box-shadow:0 28px 42px rgba(17,24,39,.28),inset 0 -14px 28px rgba(0,0,0,.32);height:58%;max-width:520px;position:relative;transform:rotateX(58deg) rotate(-8deg);transform-style:preserve-3d;width:min(88%,520px)}.model-preview-case:after{background:linear-gradient(180deg,rgba(12,14,18,.86),rgba(12,14,18,.98));border-radius:0 0 18px 18px;bottom:-22px;box-shadow:0 18px 24px rgba(17,24,39,.24);content:"";height:32px;left:18px;position:absolute;right:18px;transform:rotateX(-72deg);transform-origin:top}.model-preview-art{background:linear-gradient(135deg,rgba(39,100,216,.2),rgba(217,68,54,.12)),#f7f7f2;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(255,255,255,.5);border-radius:12px;inset:14px;overflow:hidden;position:absolute}.model-preview-art:before{background:linear-gradient(105deg,rgba(255,255,255,.42),transparent 35%,rgba(255,255,255,.18) 72%,transparent);content:"";inset:0;pointer-events:none;position:absolute}.model-preview-lever{background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.8),transparent 18%),#1d2430;border:2px solid rgba(255,255,255,.58);border-radius:999px;box-shadow:0 12px 20px rgba(0,0,0,.28);height:54px;left:18%;position:absolute;top:40%;width:54px}.model-preview-lever:after{background:rgba(17,24,39,.82);border-radius:999px;content:"";height:72px;left:21px;position:absolute;top:-58px;width:12px}.model-preview-button{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.78),transparent 26%),#ffffff;border:2px solid rgba(17,24,39,.44);border-radius:999px;box-shadow:0 9px 14px rgba(0,0,0,.2),inset 0 -5px 0 rgba(17,24,39,.12);height:34px;position:absolute;width:34px}.model-preview-button.button-a{left:56%;top:29%}.model-preview-button.button-b{left:66%;top:25%}.model-preview-button.button-c{left:76%;top:29%}.model-preview-button.button-d{left:54%;top:50%}.model-preview-button.button-e{left:64%;top:47%}.model-preview-button.button-f{left:74%;top:51%}.model-preview-copy{align-self:center}.model-preview-copy h2{font-size:clamp(22px,3vw,34px);letter-spacing:0;margin:8px 0}.model-preview-copy p{color:var(--subtle);font-size:15px;line-height:1.65;margin:0}.key-settings-experience{display:grid;grid-gap:64px;gap:64px}.share-launch{background:radial-gradient(circle at 12% -40%,color-mix(in srgb,var(--blue),transparent 80%),transparent 55%),var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:16px;box-shadow:0 24px 70px color-mix(in srgb,var(--shadow),transparent 88%);display:grid;grid-gap:18px;gap:18px;padding:clamp(24px,4vw,48px)}.share-launch-copy{display:grid;grid-gap:12px;gap:12px;max-width:620px}.share-launch-copy h2{font-size:clamp(24px,4vw,34px);margin:0}.share-launch-copy p{color:var(--subtle);line-height:1.6;margin:0}.share-launch .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.share-wizard{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:16px;box-shadow:0 24px 70px color-mix(in srgb,var(--shadow),transparent 88%);display:grid;grid-gap:24px;gap:24px;padding:clamp(18px,3vw,34px)}.share-wizard-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.wizard-cancel{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--subtle);cursor:pointer;font-weight:650;padding:7px 14px}.wizard-cancel:hover{color:var(--ink)}.wizard-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.wizard-step{color:var(--subtle);font-size:13px;font-weight:700;gap:7px;padding:6px 13px 6px 6px}.wizard-step,.wizard-step-no{align-items:center;border-radius:999px;display:flex}.wizard-step-no{background:color-mix(in srgb,var(--line),transparent 30%);color:var(--ink);height:22px;justify-content:center;width:22px}.wizard-step.active{background:color-mix(in srgb,var(--blue),transparent 90%);color:var(--blue)}.wizard-step.active .wizard-step-no{background:var(--blue);color:#fff}.wizard-step.done .wizard-step-no{background:color-mix(in srgb,var(--blue),transparent 55%);color:#fff}.wizard-stage{display:grid;grid-gap:14px;gap:14px}.wizard-stage h2{font-size:clamp(22px,3.4vw,30px);margin:0}.wizard-sub{color:var(--subtle);line-height:1.55;margin:0;max-width:620px}.wizard-choice-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px}.wizard-choice-grid-games{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-choice{background:var(--input);border:1.5px solid var(--line);border-radius:14px;cursor:pointer;display:grid;grid-gap:6px;gap:6px;justify-items:start;padding:20px;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.wizard-choice:hover{border-color:color-mix(in srgb,var(--blue),transparent 40%);transform:translateY(-2px)}.wizard-choice.active{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue),transparent 80%)}.wizard-choice-glyph{font-size:30px;line-height:1}.wizard-choice strong{font-size:17px}.wizard-choice small{color:var(--subtle)}.wizard-bind-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.wizard-progressbar{background:color-mix(in srgb,var(--line),transparent 30%);border-radius:999px;flex:1 1;height:8px;max-width:260px;min-width:160px;overflow:hidden}.wizard-progressbar span{background:var(--blue);border-radius:999px;display:block;height:100%;transition:width .2s ease}.wizard-current-action{align-items:center;background:color-mix(in srgb,var(--blue),transparent 92%);border:1px solid color-mix(in srgb,var(--blue),transparent 78%);border-radius:14px;display:flex;gap:14px;padding:16px 18px}.wizard-action-no,.wizard-current-action .action-visual{height:34px;width:34px}.wizard-action-no{align-items:center;background:var(--blue);border-radius:999px;color:#fff;display:flex;font-size:16px;font-weight:800;justify-content:center}.wizard-current-text{display:grid}.wizard-current-text strong{font-size:19px}.wizard-current-text small{color:var(--subtle)}.wizard-current-pick{background:var(--panel);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;margin-left:auto;padding:7px 14px}.wizard-current-pick.muted{color:var(--subtle);font-weight:600}.wizard-bind-actions,.wizard-review-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.wizard-skip{background:transparent;border:none;color:var(--subtle);cursor:pointer;font-size:14px;font-weight:650;padding:8px 6px}.wizard-skip:hover{color:var(--ink)}.builder-back{justify-self:start}.wizard-review-meta{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.4fr 1fr}.wizard-review-meta .field{display:grid;grid-gap:6px;gap:6px}.wizard-review-meta input{background:var(--input);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:0 11px;width:100%}.key-overwrite-backdrop{align-items:center;background:rgb(15 23 42/58%);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.key-overwrite-modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgb(15 23 42/24%);max-width:440px;padding:28px;width:100%}.key-overwrite-modal h2{margin:6px 0 10px}.key-overwrite-modal>p:last-of-type{color:var(--muted);line-height:1.6;margin:0}.key-overwrite-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.key-settings-library,.layout-builder{min-width:0}.layout-builder{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:16px;box-shadow:0 24px 70px color-mix(in srgb,var(--shadow),transparent 88%);display:grid;grid-gap:22px;gap:22px;padding:clamp(18px,3vw,30px)}.binding-editor-head,.binding-section-head,.hand-map-heading,.layout-builder-head,.layout-detail-head,.library-head{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.binding-editor-head h3,.binding-section-head h3,.builder-publish-card h3,.hand-map-heading h3,.layout-builder-head h2,.layout-detail-head h2,.library-head h2{margin:3px 0 0}.binding-section-head>p,.hand-map-heading>p,.layout-builder-head>div:first-child>p:last-child,.layout-detail-intro{color:var(--subtle);line-height:1.55;margin:8px 0 0;max-width:680px}.builder-progress{align-items:center;background:color-mix(in srgb,var(--blue),transparent 91%);border:1px solid color-mix(in srgb,var(--blue),transparent 72%);border-radius:999px;display:flex;gap:8px;padding:10px 15px;white-space:nowrap}.builder-progress strong{font-size:22px}.builder-progress span{color:var(--subtle);font-size:12px;font-weight:750}.builder-meta-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.5fr .8fr 1fr .85fr 1.35fr}.builder-meta-grid .field,.builder-publish-card .field,.key-settings-toolbar .field{display:grid;grid-gap:6px;gap:6px;min-width:0}.builder-meta-grid input,.builder-meta-grid select,.builder-publish-card input,.builder-publish-card textarea,.key-settings-toolbar select{background:var(--input);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:0 11px;width:100%}.builder-publish-card textarea{line-height:1.5;min-height:132px;padding-block:10px;resize:vertical}.device-preview{min-width:0}.hand-map-preview{background:radial-gradient(circle at 50% -30%,color-mix(in srgb,var(--blue),transparent 82%),transparent 50%),color-mix(in srgb,var(--hero-panel),var(--panel) 42%);border:1px solid color-mix(in srgb,var(--line),transparent 25%);border-radius:14px;display:grid;grid-gap:18px;gap:18px;overflow:hidden;padding:clamp(16px,2.5vw,26px)}.hand-map-heading h3{font-size:clamp(20px,3vw,28px)}.hand-map-heading>p{font-size:13px;max-width:390px;text-align:right}.scale-to-fit-frame{overflow:hidden;width:100%}.scale-to-fit-inner{transform-origin:top left}.keyboard-board{align-items:stretch;background:#20252d;border:1px solid #3c4450;border-radius:14px;box-shadow:0 24px 48px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.08);display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(150px,.18fr) minmax(190px,.24fr);padding:14px;width:100%}.keyboard-main{display:grid;grid-gap:7px;gap:7px;min-width:0}.keyboard-row{display:flex;gap:5px;min-width:0}.keyboard-function-row{margin-bottom:7px}.keyboard-function-row .visual-key{min-height:48px}.visual-key{--finger-color:#87909c;align-content:space-between;background:#f4f2ed;border:2px solid #c9c5bd;border-bottom-color:#a8a39a;border-radius:7px;color:#181b20;cursor:pointer;display:grid;flex:1 1;grid-gap:4px;gap:4px;min-height:54px;min-width:0;padding:6px;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.visual-key:disabled{cursor:default;opacity:1}.visual-key:not(:disabled):hover{transform:translateY(-2px)}.visual-key.mapped{background:color-mix(in srgb,var(--finger-color),#f8f7f2 78%);border-color:var(--finger-color);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--finger-color),#000 24%)}.visual-key.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--blue),transparent 20%),inset 0 -3px 0 color-mix(in srgb,var(--finger-color),#000 24%)}.visual-key-wide{flex-grow:1.45}.visual-key-xwide{flex-grow:1.9}.visual-key-modifier{flex-grow:1.25}.visual-key-space{flex-grow:5.4}.visual-key-name{color:#3f4650;font-size:11px;font-weight:850;line-height:1}.visual-key-binding{align-items:center;display:flex;gap:4px;min-width:0}.visual-key-binding b{font-size:11px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-key-binding small{color:#4a5360;font-size:8px;font-weight:750;margin-left:auto}.visual-key-binding .action-visual{height:20px;width:20px}.keyboard-navigation,.keyboard-numpad{display:grid;grid-gap:5px;gap:5px;grid-auto-rows:minmax(54px,1fr);grid-template-columns:repeat(4,minmax(0,1fr))}.keyboard-navigation{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(48px,1fr))}.keyboard-navigation .visual-key,.keyboard-numpad .visual-key{width:100%}.nav-arrow-up{grid-column:2;grid-row:5}.nav-arrow-left{grid-column:1;grid-row:6}.nav-arrow-down{grid-column:2;grid-row:6}.nav-arrow-right{grid-column:3;grid-row:6}.numpad-enter,.numpad-tall{grid-row:span 2}.numpad-zero{grid-column:span 2}.keyboard-board--no-numpad{grid-template-columns:minmax(0,1fr) minmax(150px,.18fr)}.keyboard-board--no-nav{grid-template-columns:minmax(0,1fr) minmax(190px,.24fr)}.keyboard-board--no-nav.keyboard-board--no-numpad{grid-template-columns:minmax(0,1fr)}.keyboard-section-toggles{display:flex;gap:6px;justify-content:flex-end;margin-bottom:10px}.keyboard-section-toggle{align-items:center;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:5px 10px;transition:background .15s,color .15s,border-color .15s}.keyboard-section-toggle:hover{border-color:var(--ink);color:var(--ink)}.keyboard-section-toggle.active{background:var(--ink);border-color:var(--ink);color:#fff}.finger-left-pinky{--finger-color:#b37bdb}.finger-left-ring{--finger-color:#dd8e64}.finger-left-middle{--finger-color:#e2bb55}.finger-left-index{--finger-color:#73b7e6}.finger-left-thumb{--finger-color:#62c5a2}.finger-right-thumb{--finger-color:#5dc8bd}.finger-right-index{--finger-color:#65a9ee}.finger-right-middle{--finger-color:#e1c351}.finger-right-ring{--finger-color:#ea8c65}.finger-right-pinky{--finger-color:#c27ce0}.finger-left-hand{--finger-color:#6fb7a4}.finger-right-hand{--finger-color:#74a8da}.hand-summary-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.hand-summary{background:color-mix(in srgb,var(--panel),transparent 15%);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:12px;padding:12px}.hand-summary-palm{align-items:baseline;display:flex;gap:8px;margin-bottom:10px}.hand-summary-palm strong{font-size:14px}.hand-summary-palm span{color:var(--subtle);font-size:11px}.hand-summary-fingers{display:grid;grid-gap:7px;gap:7px;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.hand-finger{--finger-color:var(--line);border-top:3px solid var(--finger-color);color:var(--subtle);display:grid;grid-gap:4px;gap:4px;min-width:0;padding-top:7px}.hand-finger.used{color:var(--ink)}.hand-finger span{font-size:9px;font-weight:800;text-transform:uppercase}.hand-finger strong{font-size:10px;line-height:1.25;overflow-wrap:anywhere}.controller-deck{align-items:center;background:#242932;border:1px solid #3d4551;border-radius:28px;box-shadow:0 24px 48px rgba(0,0,0,.24);display:grid;grid-gap:clamp(30px,6vw,90px);gap:clamp(30px,6vw,90px);grid-template-columns:minmax(180px,.55fr) minmax(360px,1fr);min-height:330px;padding:clamp(22px,4vw,48px)}.action-deck,.movement-deck{display:grid;grid-gap:18px;gap:18px}.deck-label{color:#b9c0c9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.leverless-directions{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(62px,1fr))}.leverless-directions .visual-key{align-content:center;aspect-ratio:1;border-radius:999px;justify-items:center;justify-self:center;min-height:0;text-align:center;width:min(100%,92px)}.leverless-directions .leverless-up-thumb{grid-column:4;grid-row:2;width:min(100%,102px)}.arcade-button-grid{display:grid;grid-gap:16px 18px;gap:16px 18px;grid-template-columns:repeat(4,minmax(68px,1fr));padding:8px 26px 14px 0}.arcade-button{align-content:center;aspect-ratio:1;border-radius:999px;justify-items:center;justify-self:center;min-height:0;text-align:center;width:min(100%,94px)}.arcade-button.row-1:first-child{transform:translate(22px,18px)}.arcade-button.row-1:nth-child(2){transform:translate(22px)}.arcade-button.row-1:nth-child(3){transform:translate(22px,2px)}.arcade-button.row-1:nth-child(4){transform:translate(22px,10px)}.arcade-button.row-2:nth-child(5){transform:translateY(22px)}.arcade-button.row-2:nth-child(6){transform:translate(0)}.arcade-button.row-2:nth-child(7){transform:translateY(3px)}.arcade-button.row-2:nth-child(8){transform:translateY(8px)}.arcade-button .visual-key-binding,.leverless-directions .visual-key .visual-key-binding{justify-content:center}.arcade-button .visual-key-binding small,.leverless-directions .visual-key .visual-key-binding small{margin-left:0}.action-deck-header{align-items:center;display:flex;justify-content:space-between}.add-custom-btn{background:none;border:1px dashed #5a6373;border-radius:6px;color:#9aa3ad;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase;transition:border-color .15s,color .15s}.add-custom-btn:hover{border-color:#8a93a0;color:#d6dce3}.arcade-button-area{overflow:visible;position:relative}.arcade-button-area.has-customs{min-height:260px}.custom-button-wrap{position:absolute;transform:translate(-50%,-50%);z-index:2}.custom-button-wrap .arcade-button{position:relative}.custom-button-drag-handle{background:#4a5260;border-radius:3px;cursor:-webkit-grab;cursor:grab;height:14px;left:50%;position:absolute;top:-22px;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:26px}.custom-button-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.custom-button-drag-handle:after,.custom-button-drag-handle:before{background:#8a93a0;border-radius:1px;content:"";display:block;height:2px;margin:3px 4px}.custom-button-drag-handle:after{margin-top:2px}.custom-button-edit-btn{background:#2f3540;border:1px solid #4a5260;border-radius:4px;color:#9aa3ad;cursor:pointer;font-size:12px;font-weight:700;line-height:1;padding:2px 6px;position:absolute;right:-6px;top:-6px}.custom-button-edit-btn:hover{background:#3d4551;color:#d6dce3}.custom-button-edit-overlay{align-items:center;background:#1e2229;border:1px solid #4a5260;border-radius:10px;display:flex;gap:6px;left:50%;min-width:150px;padding:8px;position:absolute;top:-52px;transform:translateX(-50%);z-index:10}.custom-button-name-input{background:#2a3038;border:1px solid #4a5260;border-radius:6px;color:#d6dce3;font-size:12px;min-width:0;padding:4px 8px;width:90px}.custom-button-delete{background:none;border:none;color:#9aa3ad;cursor:pointer;font-size:13px;padding:4px}.custom-button-delete:hover{color:#e25c5c}.joystick-map{align-items:center;display:grid;justify-items:center;min-height:230px;position:relative}.joystick-ball{background:radial-gradient(circle at 34% 28%,#858c97,#15191f 68%);border:2px solid #050607;border-radius:999px;height:72px;position:relative;width:72px;z-index:2}.joystick-shaft{background:linear-gradient(90deg,#555d67,#d5d8dc 48%,#4c535d);height:96px;margin-top:-10px;width:18px;z-index:1}.joystick-gate{display:grid;grid-gap:2px;gap:2px;grid-template-columns:repeat(2,1fr);margin-top:-18px;width:86px}.joystick-gate span{color:#aeb6c0;font-weight:900;text-align:center}.joystick-map>strong{color:#d4d9df;font-size:12px;margin-top:8px}.pad-preview{display:grid;grid-gap:16px;gap:16px}.pad-callout-svg{color:var(--muted);display:block;overflow:visible;width:100%}.pad-art-layer{fill:currentColor}.pad-leaders line{opacity:.45;stroke:currentColor;stroke-dasharray:2 2;stroke-linecap:round;stroke-width:.75}.pad-shoulder-col{display:flex;flex-direction:column;gap:2px;height:100%;width:100%}.pad-shoulder-col .visual-key{border-radius:4px;border-width:1px;flex:1 1;gap:2px;min-height:0;padding:3px 4px}.pad-shoulder-col .visual-key-name{font-size:7px}.pad-shoulder-col .visual-key-binding{gap:2px}.pad-shoulder-col .visual-key-binding b{font-size:7px}.pad-shoulder-col .visual-key-binding small{font-size:5px}.pad-shoulder-col .visual-key-binding .action-visual{border-radius:2.5px;box-shadow:inset 0 -.75px 0 color-mix(in srgb,#000,transparent 78%);font-size:4px;height:10px;width:10px}.pad-shoulder-col .visual-key.mapped{box-shadow:inset 0 -1.5px 0 color-mix(in srgb,var(--finger-color),#000 24%)}.pad-shoulder-col .visual-key.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 20%),inset 0 -1.5px 0 color-mix(in srgb,var(--finger-color),#000 24%)}.pad-callout-col{display:flex;flex-direction:column;gap:4px;height:100%;width:100%}.pad-callout-col .visual-key{--face-accent:var(--line);flex:1 1;min-height:0;padding:4px 6px}.pad-callout-col .visual-key[data-button=Triangle]{--face-accent:#4db6ac}.pad-callout-col .visual-key[data-button=Circle]{--face-accent:#e57373}.pad-callout-col .visual-key[data-button=Cross]{--face-accent:#64b5f6}.pad-callout-col .visual-key[data-button=Square]{--face-accent:#ba68c8}.pad-callout-col .visual-key.mapped{background:color-mix(in srgb,var(--face-accent),var(--panel) 82%);border-color:color-mix(in srgb,var(--face-accent),transparent 40%);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--face-accent),#000 20%)}.pad-callout-col .visual-key.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--face-accent),transparent 55%),inset 0 -2px 0 color-mix(in srgb,var(--face-accent),#000 20%)}.pad-callout-col .visual-key-name{font-family:Arial Unicode MS,Noto Sans Symbols\ 2,ui-sans-serif,sans-serif;font-size:13px;font-weight:600;line-height:1}.builder-editing-grid{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) 310px}.binding-editor-card,.builder-publish-card{background:color-mix(in srgb,var(--hero-panel),var(--panel) 58%);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:12px;padding:16px}.binding-editor-head{margin-bottom:14px}.binding-editor-head h3,.builder-publish-card h3{font-size:19px}.active-binding-note{background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--subtle);font-size:11px;padding:7px 10px}.active-binding-note strong{color:var(--ink)}.binding-editor{display:grid;grid-gap:7px;gap:7px}.binding-row{border:1px solid transparent;border-radius:8px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(150px,1fr) minmax(100px,.55fr) minmax(120px,.65fr) 68px;padding:4px}.binding-row.active{background:color-mix(in srgb,var(--blue),transparent 92%);border-color:color-mix(in srgb,var(--blue),transparent 58%)}.binding-row input{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);min-height:39px;padding:0 9px;width:100%}.binding-row-head{color:var(--subtle);font-size:10px;font-weight:800;letter-spacing:.06em;padding-inline:8px;text-transform:uppercase}.binding-map-button{background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--subtle);cursor:pointer;font-size:11px;font-weight:800}.binding-map-button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.binding-action-field{min-width:0;position:relative}.binding-action-field.has-icon input{padding-left:43px}.binding-action-field>.action-visual{left:7px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.builder-publish-card{display:grid;grid-gap:15px;gap:15px;position:-webkit-sticky;position:sticky;top:82px}.builder-publish-summary{border-block:1px solid var(--line);display:grid;grid-gap:7px;gap:7px;padding-block:13px}.builder-publish-summary span{color:var(--subtle);font-size:11px;font-weight:800;text-transform:uppercase}.builder-publish-summary strong{font-size:13px}.game-action-icon{border-radius:999px;image-rendering:auto;object-fit:cover}.game-action-icon,.sf6-action-icon{flex:0 0 auto;height:28px;width:28px}.sf6-action-icon{align-items:center;border:1px solid color-mix(in srgb,currentcolor,#000 25%);border-radius:7px;box-shadow:inset 0 -2px 0 color-mix(in srgb,#000,transparent 78%);color:#17202a;display:inline-flex;font-size:11px;font-weight:950;justify-content:center;letter-spacing:-.04em;line-height:1}.sf6-action-icon.direction{background:#e6c77c;font-size:20px}.sf6-action-icon.light{background:#9bdde5}.sf6-action-icon.medium{background:#e8dc79}.sf6-action-icon.heavy{background:#e56862}.sf6-action-icon.parry{background:#8acb78}.sf6-action-icon.throw{background:#6ba8e8}.sf6-action-icon.impact{background:#b5d86a}.action-label{align-items:center;display:inline-flex;gap:7px;min-width:0}.action-label>span{min-width:0}.compact-actions{margin-top:0}.status-message{margin:0}.key-settings-library{display:grid;grid-gap:18px;gap:18px}.library-head h2{font-size:clamp(25px,4vw,38px)}.key-settings-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.key-settings-toolbar .field{min-width:170px}.layout-browser{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:250px minmax(0,1fr)}.layout-list{display:grid;grid-gap:9px;gap:9px;max-height:calc(100vh - 120px);overflow:auto;position:-webkit-sticky;position:sticky;top:82px}.layout-list-item{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:10px;color:var(--ink);cursor:pointer;display:grid;grid-gap:6px;gap:6px;min-height:88px;padding:13px;text-align:left}.layout-list-item.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.layout-list-item span{font-weight:850;line-height:1.25}.layout-list-item em,.layout-list-item small{color:var(--subtle);font-size:11px;font-style:normal;line-height:1.35}.layout-list-item em{color:color-mix(in srgb,var(--blue),var(--ink) 30%);font-weight:750}.layout-detail{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:14px;display:grid;grid-gap:20px;gap:20px;min-width:0;padding:clamp(16px,2.5vw,26px)}.layout-detail-head{align-items:flex-start}.layout-detail-head h2{font-size:clamp(26px,4vw,38px);line-height:1.08}.layout-detail-intro{font-size:14px;max-width:720px}.layout-story-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.layout-story-grid>div{background:color-mix(in srgb,var(--hero-panel),var(--panel) 55%);border:1px solid color-mix(in srgb,var(--line),transparent 36%);border-radius:9px;display:grid;grid-gap:5px;gap:5px;padding:12px}.layout-story-grid span{color:var(--subtle);font-size:10px;font-weight:800;text-transform:uppercase}.layout-story-grid strong{font-size:13px;line-height:1.35}.binding-section-head h3{font-size:22px}.binding-section-head>p{font-size:13px;max-width:410px;text-align:right}.binding-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.binding-tile{background:color-mix(in srgb,var(--hero-panel),var(--panel) 48%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:9px;display:grid;grid-gap:8px;gap:8px;min-height:96px;padding:13px}.binding-tile>.action-label{color:var(--subtle);font-size:12px;font-weight:800}.binding-tile>strong{font-size:19px;line-height:1.1}.finger-tag{align-items:center;background:color-mix(in srgb,var(--blue),transparent 88%);border:1px solid color-mix(in srgb,var(--blue),transparent 68%);border-radius:999px;color:color-mix(in srgb,var(--blue),var(--ink) 28%);display:inline-flex;font-size:10px;font-weight:800;line-height:1;padding:5px 8px;width:-moz-fit-content;width:fit-content}.apple-hero{align-items:center;background:radial-gradient(ellipse at 72% 48%,color-mix(in srgb,var(--hero-panel),var(--panel) 50%),transparent 52%),var(--panel);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 35%);display:flex;min-height:calc(100vh - 76px);padding:64px 24px}.apple-hero-inner{align-items:center;display:grid;grid-gap:clamp(40px,6vw,80px);gap:clamp(40px,6vw,80px);grid-template-columns:minmax(0,1fr) minmax(380px,1.1fr);margin:0 auto;max-width:1180px;width:100%}.apple-hero-copy{display:grid;grid-gap:20px;gap:20px}.apple-eyebrow{color:var(--subtle);font-size:14px;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.apple-hero-title{font-size:clamp(48px,7vw,88px);font-weight:800;letter-spacing:-.025em;line-height:.98;margin:0}.apple-hero-summary{color:var(--muted);font-size:clamp(18px,2.4vw,24px);line-height:1.45;margin:0;max-width:540px}.apple-hero-price{color:var(--muted);font-size:20px;font-weight:600;margin:6px 0 0}.apple-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.apple-button-primary{align-items:center;background:var(--blue);border:2px solid var(--blue);border-radius:999px;color:#ffffff;display:inline-flex;font-size:15px;font-weight:700;min-height:48px;padding:0 24px;text-decoration:none;transition:background .18s ease}.apple-button-primary:hover{background:color-mix(in srgb,var(--blue),#000 14%);border-color:color-mix(in srgb,var(--blue),#000 14%)}.apple-button-secondary{align-items:center;border:2px solid var(--blue);border-radius:999px;color:var(--blue);display:inline-flex;font-size:15px;font-weight:700;min-height:48px;padding:0 24px;text-decoration:none;transition:background .18s ease}.apple-button-secondary:hover{background:color-mix(in srgb,var(--blue),transparent 90%)}.apple-button-manual{align-items:center;border:2px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:999px;color:var(--muted);display:inline-flex;font-size:15px;font-weight:700;min-height:48px;padding:0 24px;text-decoration:none;transition:border-color .18s ease,color .18s ease}.apple-button-manual:hover{border-color:var(--ink);color:var(--ink)}.apple-hero-media{align-items:center;aspect-ratio:1/1;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--panel),var(--hero-panel) 58%),transparent 56%),var(--hero-panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:16px;display:flex;justify-content:center;overflow:hidden;padding:clamp(28px,5vw,64px)}.apple-hero-media img{height:auto;width:auto;display:block;filter:drop-shadow(0 16px 36px var(--shadow));max-height:92%;max-width:92%;object-fit:contain}.apple-hero-fallback{aspect-ratio:16/10;background:#1f2024;border-radius:12px;box-shadow:0 24px 48px var(--shadow);position:relative;width:min(100%,480px)}.apple-hero-fallback:before{background:var(--red);border-radius:999px;content:"";height:18%;left:14%;position:absolute;top:36%;width:12%}.apple-hero-fallback:after{background:radial-gradient(circle at 16% 30%,var(--blue) 0 7%,transparent 7.5%),radial-gradient(circle at 38% 22%,var(--green) 0 7%,transparent 7.5%),radial-gradient(circle at 60% 30%,var(--gold) 0 7%,transparent 7.5%),radial-gradient(circle at 82% 38%,var(--paper) 0 7%,transparent 7.5%),radial-gradient(circle at 16% 70%,var(--paper) 0 7%,transparent 7.5%),radial-gradient(circle at 38% 62%,var(--gold) 0 7%,transparent 7.5%),radial-gradient(circle at 60% 70%,var(--green) 0 7%,transparent 7.5%),radial-gradient(circle at 82% 78%,var(--blue) 0 7%,transparent 7.5%);content:"";height:52%;position:absolute;right:10%;top:24%;width:48%}.apple-subnav{background:color-mix(in srgb,var(--paper),transparent 14%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 30%);position:-webkit-sticky;position:sticky;top:76px;z-index:10}.apple-subnav-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:13px 24px}.apple-subnav-title{font-size:16px;font-weight:700;white-space:nowrap}.apple-subnav-links{display:flex;gap:22px}.apple-subnav-links a{color:var(--nav);font-size:13px;font-weight:600;text-decoration:none;transition:color .14s ease}.apple-subnav-links a:hover{color:var(--ink)}.apple-section{padding:96px 24px}.apple-section-alt{background:color-mix(in srgb,var(--hero-panel),var(--panel) 60%);border-top:1px solid color-mix(in srgb,var(--line),transparent 40%);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 40%)}.apple-section-inner{margin:0 auto;max-width:1180px}.apple-section-head{display:grid;grid-gap:14px;gap:14px;margin-bottom:48px;text-align:center}.apple-section-label{color:var(--subtle);font-size:14px;font-weight:800;letter-spacing:.075em;margin:0;text-transform:uppercase}.apple-section-title{font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0}.apple-section-lede{color:var(--muted);font-size:18px;line-height:1.55;margin:8px auto 0;max-width:620px}.apple-spec-cards{display:grid;grid-gap:2px;gap:2px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.apple-spec-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:12px;display:grid;grid-gap:8px;gap:8px;padding:22px}.apple-spec-card h3{color:var(--subtle);font-size:13px;font-weight:800;letter-spacing:.04em;margin:0;text-transform:uppercase}.apple-spec-card p{font-size:18px;font-weight:600;line-height:1.3;margin:0}.apple-capitalize{text-transform:capitalize}.apple-mod-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.apple-mod-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:14px;display:grid;grid-gap:12px;gap:12px;padding:28px;text-align:center}.apple-mod-icon{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 50%);border-radius:999px;display:flex;font-size:24px;font-weight:800;height:56px;justify-content:center;justify-self:center;width:56px}.apple-mod-card h3{font-size:20px;font-weight:700;margin:0}.apple-mod-card p{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.apple-mod-notes{color:var(--muted);font-size:14px;font-style:italic;line-height:1.55;margin:28px 0 0;text-align:center}.apple-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:40px}.apple-gallery-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.apple-gallery-item{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:14px;display:grid;flex:0 0 min(78vw,520px);grid-gap:14px;gap:14px;margin:0;overflow:hidden;padding:22px;scroll-snap-align:start}.apple-gallery-frame{align-items:center;aspect-ratio:4/3;background:var(--hero-panel);border-radius:10px;display:flex;justify-content:center;overflow:hidden;padding:24px}.apple-gallery-frame img{height:auto;width:auto;display:block;max-height:100%;max-width:100%;object-fit:contain}.apple-gallery-item figcaption{align-items:center;color:var(--subtle);display:flex;font-size:13px;justify-content:space-between}.apple-gallery-kind{font-weight:700;text-transform:capitalize}.apple-gallery-source{color:var(--blue);font-weight:600;text-decoration:none}.apple-store-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.apple-store-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:14px;color:inherit;display:grid;grid-gap:10px;gap:10px;padding:28px;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}.apple-store-card:hover{border-color:var(--blue);box-shadow:0 8px 28px color-mix(in srgb,var(--shadow),transparent 76%)}.apple-store-card h3{font-size:22px;font-weight:700;margin:0}.apple-store-shipping{color:var(--muted);font-size:15px;line-height:1.45;margin:0}.apple-store-cta{color:var(--blue);font-size:15px;font-weight:700;margin-top:6px}.apple-sources-list{display:grid;grid-gap:14px;gap:14px;margin-top:32px}.apple-source-card{align-items:flex-start;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:10px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:110px minmax(0,1fr);padding:18px 22px}.apple-source-type{background:color-mix(in srgb,var(--hero-panel),var(--panel) 50%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 10px;text-align:center;text-transform:uppercase;white-space:nowrap}.apple-source-title{font-size:16px;font-weight:700;line-height:1.35;text-decoration:none}.apple-source-title:hover{text-decoration:underline}.apple-source-notes{color:var(--muted);font-size:14px;line-height:1.45;margin:7px 0 0}.controller-reference-page{background:var(--paper);padding:26px 24px 80px}.reference-container{display:grid;grid-gap:28px;gap:28px;margin:0 auto;max-width:1160px}.reference-back{align-items:center;background:none;border:none;color:var(--muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin-bottom:16px;padding:0;text-decoration:none;transition:color .15s ease}.reference-back:hover{color:var(--ink)}.reference-breadcrumbs{align-items:center;color:var(--subtle);display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.reference-breadcrumbs a,.reference-gallery a,.reference-section-note a,.reference-source-title,.reference-text-links a{color:var(--blue);font-weight:700;text-decoration:none}.reference-breadcrumbs a:hover,.reference-gallery a:hover,.reference-section-note a:hover,.reference-source-title:hover,.reference-text-links a:hover{text-decoration:underline}.reference-header{align-items:start;padding:12px 0 22px}.reference-title-block{display:grid;grid-gap:12px;gap:12px}.reference-kicker{color:var(--subtle);font-size:13px;font-weight:850;letter-spacing:.04em;margin:0;text-transform:uppercase}.reference-title-block h1{font-size:clamp(38px,5.2vw,68px);font-weight:750;letter-spacing:-.045em;line-height:.98;margin:0}.reference-title-block p{color:var(--muted);font-size:clamp(17px,1.8vw,21px);line-height:1.5;margin:0;max-width:720px}.reference-status{border-top:1px solid color-mix(in srgb,var(--line),transparent 35%);padding-top:20px}.reference-facts,.reference-spec-table,.reference-status dl{margin:0}.reference-facts{display:grid;grid-gap:16px;gap:16px}.reference-status dl{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(140px,.5fr))}.reference-facts div,.reference-spec-table div,.reference-status div{display:grid;grid-gap:4px;gap:4px}.reference-spec-table dt,.reference-status dt{color:var(--subtle);font-size:13px;font-weight:650}.reference-facts dd,.reference-spec-table dd,.reference-status dd{color:var(--ink);font-size:15px;line-height:1.45;margin:0}.reference-overview{align-items:start;display:grid;grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);margin-top:8px}.reference-media{display:grid;grid-gap:10px;gap:10px;margin:0}.reference-media img{aspect-ratio:4/3;background:radial-gradient(circle at 50% 48%,var(--panel),transparent 66%),color-mix(in srgb,var(--hero-panel),var(--panel) 48%);border-radius:18px;display:block;height:auto;filter:drop-shadow(0 24px 30px color-mix(in srgb,var(--shadow),transparent 62%));object-fit:contain;padding:clamp(24px,5vw,60px);width:100%}.reference-media figcaption{color:var(--subtle);font-size:13px}.reference-media figcaption a{color:var(--blue);font-weight:700;text-decoration:none}.reference-summary-panel{display:grid;grid-gap:22px;gap:22px;padding-top:clamp(8px,4vw,42px)}.reference-callout,.reference-section-note{background:color-mix(in srgb,var(--hero-panel),var(--panel) 58%);border:1px solid color-mix(in srgb,var(--line),transparent 38%);border-radius:var(--radius-sm);color:var(--muted);font-size:14px;line-height:1.55;margin:0;padding:14px 16px}.reference-summary-eyebrow{color:var(--muted);font-size:15px;font-weight:650;margin:0}.reference-facts{gap:0;grid-template-columns:1fr}.reference-facts div{border-top:1px solid color-mix(in srgb,var(--line),transparent 42%);gap:6px;padding:15px 0}.reference-facts dt{color:var(--muted);font-size:14px;font-weight:550}.reference-facts dd{font-size:19px;font-weight:650;letter-spacing:-.015em}.reference-text-links{display:flex;flex-wrap:wrap;gap:12px 18px}.reference-text-links a{font-size:14px}.reference-actions{padding-top:2px}.reference-nav{align-items:center;background:color-mix(in srgb,var(--paper),transparent 7%);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 35%);border-top:1px solid color-mix(in srgb,var(--line),transparent 35%);display:flex;flex-wrap:wrap;gap:22px;margin-top:14px;padding:14px 0;position:-webkit-sticky;position:sticky;top:76px;z-index:8}.reference-nav a{color:var(--nav);font-size:14px;font-weight:650;text-decoration:none}.reference-nav a:hover{color:var(--ink)}.reference-disclaimer{color:var(--subtle);font-size:12px;line-height:1.55;margin:-10px 0 0;max-width:760px}.reference-section{border-top:1px solid color-mix(in srgb,var(--line),transparent 44%);display:grid;grid-gap:28px;gap:28px;padding-top:clamp(54px,7vw,82px);scroll-margin-top:136px}.reference-section-head{display:grid;grid-gap:8px;gap:8px}.reference-section-head p{color:var(--subtle);font-size:14px;font-weight:600;margin:0}.reference-section-head h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;line-height:1.08;margin:0}.reference-spec-groups{display:grid;grid-gap:42px;gap:42px}.reference-spec-group{display:grid;grid-gap:12px;gap:12px}.reference-spec-group h3{font-size:18px;font-weight:700;letter-spacing:-.015em;margin:0}.reference-spec-table{border-top:1px solid color-mix(in srgb,var(--line),transparent 30%)}.reference-spec-table div{align-items:start;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 50%);gap:20px;grid-template-columns:190px minmax(0,1fr);padding:15px 0}.reference-spec-table dt{color:var(--muted);font-size:14px;font-weight:550}.reference-spec-table dd{font-size:16px}.reference-spec-empty{color:var(--subtle)!important;font-weight:450!important}.reference-muted-detail{color:var(--muted);display:block;font-size:13px;line-height:1.45;margin-top:5px}.reference-mod-matrix{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.reference-mod-matrix>div{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:12px;align-content:start;display:grid;grid-gap:14px;gap:14px;padding:20px}.reference-mod-matrix>div>span{color:var(--muted);font-size:14px;font-weight:600}.reference-mod-matrix>div>strong{align-items:center;display:flex;font-size:15px;gap:9px;line-height:1.25}.reference-mod-matrix>div>strong.is-supported{color:var(--green)}.reference-mod-matrix>div>strong.is-unsupported{color:var(--subtle)}.reference-mod-icon{align-items:center;background:color-mix(in srgb,currentColor,transparent 88%);border-radius:999px;color:inherit!important;display:inline-flex;font-size:13px!important;font-weight:850!important;height:24px;justify-content:center;width:24px}.reference-mod-details{align-items:center;background:transparent;border:0;color:var(--blue);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:750;gap:4px;justify-self:start;margin-top:auto;padding:0}.reference-mod-details:hover{text-decoration:underline}.reference-mod-details:focus-visible,.reference-mod-dialog-close:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.reference-mod-dialog{background:transparent;border:0;color:var(--ink);max-height:calc(100vh - 32px);max-width:min(560px,calc(100vw - 32px));padding:0;width:100%}.reference-mod-dialog::-webkit-backdrop{background:color-mix(in srgb,#000,transparent 44%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-mod-dialog::backdrop{background:color-mix(in srgb,#000,transparent 44%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-mod-dialog-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:18px;box-shadow:0 24px 80px color-mix(in srgb,#000,transparent 72%);padding:24px}.reference-mod-dialog-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.reference-mod-dialog-head p{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.reference-mod-dialog-head h2{font-size:clamp(22px,4vw,30px);letter-spacing:-.025em;line-height:1.1;margin:0}.reference-mod-dialog-close{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 55%);border:1px solid color-mix(in srgb,var(--line),transparent 25%);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:22px;height:36px;justify-content:center;line-height:1;width:36px}.reference-mod-dialog-copy{color:var(--muted);font-size:16px;line-height:1.65;margin:24px 0 0}.reference-mod-dialog-note{background:color-mix(in srgb,var(--hero-panel),var(--panel) 50%);border-radius:10px;color:var(--subtle);font-size:13px;line-height:1.5;margin:20px 0 0;padding:14px 16px}.reference-mod-dialog-actions{display:flex;justify-content:flex-end;margin-top:22px}.reference-tool-links{margin-top:2px}.reference-gallery{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.reference-gallery figure{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);display:grid;grid-gap:10px;gap:10px;margin:0;padding:14px}.reference-gallery-frame{align-items:center;aspect-ratio:4/3;background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border-radius:6px;display:flex;justify-content:center;overflow:hidden;padding:12px}.reference-gallery-frame img{height:auto;width:auto;display:block;max-height:100%;max-width:100%;object-fit:contain}.reference-gallery figcaption{align-items:center;color:var(--subtle);display:flex;font-size:13px;justify-content:space-between;text-transform:capitalize}.reference-community-gallery{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reference-community-card,.reference-empty-gallery{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm)}.reference-community-card{display:grid;overflow:hidden}.reference-community-media{align-items:center;aspect-ratio:4/3;background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);display:flex;justify-content:center;overflow:hidden}.reference-community-media img{display:block;height:100%;object-fit:cover;width:100%}.reference-community-body{display:grid;grid-gap:10px;gap:10px;padding:16px}.reference-community-links,.reference-community-meta{align-items:center;color:var(--subtle);display:flex;flex-wrap:wrap;font-size:12px;font-weight:800;gap:8px 12px;justify-content:space-between;text-transform:uppercase}.reference-community-body h3,.reference-empty-gallery h3{font-size:18px;line-height:1.2;margin:0}.reference-community-body p,.reference-empty-gallery p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.reference-community-tags{display:flex;flex-wrap:wrap;gap:7px}.reference-community-tags span{background:color-mix(in srgb,var(--hero-panel),var(--panel) 46%);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:5px 8px}.reference-community-links{border-top:1px solid color-mix(in srgb,var(--line),transparent 50%);padding-top:10px;text-transform:none}.reference-community-links a,.reference-empty-gallery a{color:var(--blue);font-weight:800;text-decoration:none}.reference-community-links a:hover,.reference-empty-gallery a:hover{text-decoration:underline}.reference-empty-gallery{display:grid;grid-gap:8px;gap:8px;padding:22px}.reference-sources-list,.reference-store-list{display:grid;grid-gap:10px;gap:10px}.reference-source-card,.reference-store-row{align-items:start;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);color:inherit;display:grid;grid-gap:6px;gap:6px;padding:14px 16px;text-decoration:none}.reference-store-row{grid-template-columns:minmax(0,1fr) auto}.reference-store-row span{font-weight:800}.reference-store-row small{color:var(--muted);font-size:13px}.reference-source-card{grid-template-columns:130px minmax(0,1fr)}.reference-source-type{color:var(--subtle);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.reference-source-card p{color:var(--muted);font-size:14px;line-height:1.5;margin:6px 0 0}.reference-video-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.reference-video-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);color:inherit;display:grid;grid-gap:12px;gap:12px;overflow:hidden;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}.reference-video-card:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--line),transparent 40%);transform:translateY(-2px)}.reference-video-thumb{aspect-ratio:16/9;display:block;overflow:hidden;position:relative}.reference-video-thumb img{display:block;height:100%;object-fit:cover;width:100%}.reference-video-play{align-items:center;background:rgba(0,0,0,.55);border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:18px;height:44px;justify-content:center;left:50%;line-height:1;padding-left:3px;position:absolute;transform:translate(-50%,50%);width:44px}.reference-video-meta{display:grid;grid-gap:4px;gap:4px;padding:0 14px 14px}.reference-video-title{font-size:14px;font-weight:700;line-height:1.4}.reference-video-meta small{color:var(--muted);font-size:12px}.compare-hero,.compare-page{display:grid;grid-gap:24px;gap:24px}.compare-hero{align-items:start;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 35%);grid-template-columns:minmax(0,1fr) minmax(260px,360px);padding-bottom:24px}.compare-hero .page-lede{margin:0}.compare-hero p{font-size:16px;margin:0;max-width:760px}.compare-hero p,.compare-hero-note{color:var(--muted);line-height:1.55}.compare-hero-note{background:color-mix(in srgb,var(--hero-panel),var(--panel) 58%);border:1px solid color-mix(in srgb,var(--line),transparent 38%);border-radius:var(--radius);font-size:14px;padding:16px}.compare-picker{align-items:flex-end;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:16px}.compare-picker .field{min-width:0}.compare-picker select{width:100%}.compare-picker-actions{display:flex;gap:10px}.compare-selected-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.compare-selected-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);color:inherit;display:grid;grid-gap:12px;gap:12px;overflow:hidden;padding:14px;position:relative;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.compare-selected-card:hover{border-color:color-mix(in srgb,var(--blue),transparent 45%);box-shadow:0 10px 28px color-mix(in srgb,var(--ink),transparent 90%);transform:translateY(-2px)}.compare-selected-card:focus-visible{outline:3px solid color-mix(in srgb,var(--blue),transparent 25%);outline-offset:3px}.compare-selected-media{align-items:center;aspect-ratio:4/3;background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border-radius:6px;display:flex;justify-content:center;overflow:hidden;padding:16px}.compare-selected-media img{height:auto;width:auto;display:block;max-height:100%;max-width:100%;object-fit:contain}.compare-selected-card h2{font-size:20px;line-height:1.15;margin:0}.compare-selected-card p{color:var(--muted);font-weight:750;margin:6px 0 0}.compare-suggested-badge{background:color-mix(in srgb,var(--green),transparent 82%);border:1px solid color-mix(in srgb,var(--green),transparent 52%);border-radius:999px;color:var(--green);font-size:12px;font-weight:850;padding:5px 9px;position:absolute;right:12px;top:12px}.compare-table-wrap{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);overflow-x:auto}.compare-table{border-collapse:collapse;min-width:760px;table-layout:fixed;width:100%}.compare-table .compare-attribute-column{width:12%}.compare-table .compare-first-controller-column{width:calc((100% / var(--compare-count)) - 12%)}.compare-table .compare-controller-column{width:calc(100% / var(--compare-count))}.compare-table td,.compare-table th{border-bottom:1px solid color-mix(in srgb,var(--line),transparent 45%);padding:14px 16px;text-align:left;vertical-align:top}.compare-table thead th{background:color-mix(in srgb,var(--hero-panel),var(--panel) 62%);color:var(--ink);font-size:14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.compare-table tbody th{color:var(--subtle);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.compare-table td{color:var(--muted);font-size:14px;line-height:1.45}.compare-table a{color:var(--blue);display:inline-block;font-weight:850;text-decoration:none}.compare-table a:hover{text-decoration:underline}.compare-table thead span{color:var(--green);display:block;font-size:11px;font-weight:850;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.brand-breadcrumbs{align-items:center;color:var(--subtle);display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:26px}.brand-breadcrumbs a{color:var(--blue);font-weight:700;text-decoration:none}.brand-breadcrumbs a:hover{text-decoration:underline}.brand-index-hero{align-items:start;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 35%);display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);margin-bottom:30px;padding-bottom:26px}.brand-index-hero h1{font-size:clamp(32px,4.5vw,52px);line-height:1.05;margin:0 0 12px}.brand-index-hero p{color:var(--muted);font-size:16px;line-height:1.55;margin:0;max-width:760px}.brand-index-facts{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-sm);display:grid;grid-gap:14px;gap:14px;margin:0;padding:16px}.brand-index-facts div{display:grid;grid-gap:4px;gap:4px}.brand-index-facts dt{color:var(--subtle);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.brand-index-facts dd{color:var(--ink);font-size:15px;line-height:1.45;margin:0}.brand-models-head{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.brand-models-head h2{font-size:24px;margin:4px 0 0}.brand-models-head a{color:var(--blue);font-size:14px;font-weight:800;text-decoration:none}.brand-models-head a:hover{text-decoration:underline}.brand-card-grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.brand-card{align-items:center;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius-lg);box-shadow:0 4px 18px color-mix(in srgb,var(--shadow),transparent 75%);color:inherit;display:flex;flex-direction:column;gap:20px;padding:36px 28px;position:relative;text-align:center;text-decoration:none;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}.brand-card:hover{border-color:color-mix(in srgb,var(--line),transparent 10%);box-shadow:0 16px 38px color-mix(in srgb,var(--shadow),transparent 50%);transform:translateY(-4px)}.brand-card-logo{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border:1px solid color-mix(in srgb,var(--line),transparent 45%);border-radius:20px;display:flex;flex:0 0 auto;height:104px;justify-content:center;overflow:hidden;width:104px}.brand-card-logo img{height:100%;object-fit:contain;padding:14px;width:100%}.brand-card-monogram{color:var(--blue);font-size:38px;font-weight:850;letter-spacing:.02em}.brand-card-body{display:grid;grid-gap:4px;gap:4px;min-width:0;width:100%}.brand-card-body h2{font-size:21px;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-card-body .meta{margin:0}.brand-card-arrow{color:var(--subtle);position:absolute;right:16px;top:16px;transition:color .2s ease,transform .2s ease}.brand-card:hover .brand-card-arrow{color:var(--ink);transform:translateX(2px)}.apple-stats-bar{background:var(--panel);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 40%);padding:40px 24px}.apple-stats-inner{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:980px}.apple-stat{display:grid;grid-gap:6px;gap:6px;text-align:center}.apple-stat-number{font-size:clamp(38px,5vw,56px);font-weight:800;letter-spacing:-.025em;line-height:1}.apple-stat-label{color:var(--subtle);font-size:14px;font-weight:600}.apple-feature-split{align-items:center;display:grid;grid-gap:clamp(40px,6vw,80px);gap:clamp(40px,6vw,80px);grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.apple-feature-split-reverse{direction:ltr}.apple-feature-split-reverse .apple-feature-copy{order:1}.apple-feature-split-reverse .apple-feature-visual{order:0}.apple-feature-copy{display:grid}.apple-feature-card-stack{display:grid;justify-items:center;padding:28px;position:relative}.apple-feature-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:12px;box-shadow:0 18px 40px color-mix(in srgb,var(--shadow),transparent 65%);display:grid;grid-gap:6px;gap:6px;padding:20px 24px;width:min(100%,320px)}.apple-feature-card+.apple-feature-card{margin-top:-18px}.apple-feature-card-brand{color:var(--subtle);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.apple-feature-card-name{font-size:20px;font-weight:700;line-height:1.15}.apple-feature-card-type{color:var(--muted);font-size:13px;text-transform:capitalize}.apple-player-preview{display:grid;grid-gap:14px;gap:14px;justify-items:center;padding:28px}.apple-player-chip{align-items:center;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:999px;box-shadow:0 10px 28px color-mix(in srgb,var(--shadow),transparent 70%);color:inherit;display:flex;gap:14px;padding:14px 22px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;width:min(100%,340px)}.apple-player-chip:hover{box-shadow:0 14px 36px color-mix(in srgb,var(--shadow),transparent 60%);transform:translateY(-3px)}.apple-player-chip-tag{font-size:22px;font-weight:800}.apple-player-chip-game{color:var(--muted);font-size:13px;font-weight:600;margin-left:auto}.apple-player-preview-footnote{color:var(--subtle);font-size:14px;margin:8px 0 0;text-align:center}.apple-layout-preview-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);padding:20px}.apple-layout-preview-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:12px;box-shadow:0 10px 24px color-mix(in srgb,var(--shadow),transparent 72%);display:grid;grid-gap:6px;gap:6px;padding:16px}.apple-layout-preview-game{color:var(--subtle);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.apple-layout-preview-title{font-size:15px;font-weight:700;line-height:1.2}.apple-layout-preview-count{color:var(--muted);font-size:12px;font-weight:600}.apple-designer-preview{display:grid;justify-items:center;padding:20px}.apple-designer-canvas{aspect-ratio:410/290;background:#1a1a1d;border-radius:12px;box-shadow:0 20px 48px color-mix(in srgb,var(--shadow),transparent 50%);padding:28px;position:relative;width:min(100%,440px)}.apple-designer-lever{background:color-mix(in srgb,var(--red),transparent 30%);border:2px solid var(--red);border-radius:999px;height:52px;position:absolute;left:18%;top:34%;width:52px}.apple-designer-buttons{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr);position:absolute;right:16%;top:22%;width:46%}.apple-designer-button{aspect-ratio:1;background:color-mix(in srgb,var(--paper),transparent 60%);border:2px solid color-mix(in srgb,var(--paper),transparent 30%);border-radius:999px;width:100%}.apple-designer-artwork{background:linear-gradient(135deg,var(--red) 0,transparent 40%),linear-gradient(225deg,var(--blue) 0,transparent 40%),linear-gradient(315deg,var(--gold) 0,transparent 40%);border:1px dashed color-mix(in srgb,var(--paper),transparent 50%);border-radius:8px;bottom:16%;left:8%;opacity:.55;position:absolute;right:8%;top:12%}.apple-api-grid{display:grid;grid-gap:2px;gap:2px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:40px}.apple-api-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:12px;display:grid;grid-gap:8px;gap:8px;padding:22px}.apple-api-method{background:var(--green);border-radius:6px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;padding:4px 9px;width:-moz-fit-content;width:fit-content}.apple-api-path{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:16px;font-weight:700}.apple-api-desc{color:var(--muted);font-size:14px;line-height:1.4}@media (max-width:1120px){.builder-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-editing-grid{grid-template-columns:minmax(0,1fr) 270px}.layout-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.apple-stats-inner{grid-template-columns:repeat(2,1fr)}.apple-feature-split{grid-template-columns:1fr}.apple-feature-split-reverse .apple-feature-copy{order:0}.apple-api-grid,.apple-layout-preview-grid{grid-template-columns:1fr}}.landing{display:grid;grid-gap:44px;gap:44px;margin:0 auto;max-width:1120px;padding:48px 24px 64px}.landing-hero{display:grid;grid-gap:10px;gap:10px;text-align:center}.landing-title{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0}.landing-sub{color:var(--muted);font-size:clamp(15px,1.8vw,18px);line-height:1.45;margin:0 auto;max-width:520px}.landing-section{display:grid;grid-gap:14px;gap:14px}.landing-section-head{align-items:baseline;display:flex;gap:14px;justify-content:space-between}.landing-section-title{font-size:20px;font-weight:700;margin:0}.landing-section-link{color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}.landing-controller-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr)}.landing-controller-grid-dense{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ctrl-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:var(--radius);color:inherit;display:grid;grid-template-rows:auto 1fr;overflow:hidden;text-decoration:none;transition:border-color .45s var(--ease-out),box-shadow .45s var(--ease-out),transform .45s var(--ease-out)}.ctrl-card:hover{border-color:color-mix(in srgb,var(--line),transparent 10%);box-shadow:0 18px 40px color-mix(in srgb,var(--shadow),transparent 45%);transform:translateY(-4px)}.ctrl-card-media{align-items:center;aspect-ratio:3/2;background:color-mix(in srgb,var(--hero-panel),var(--panel) 50%);display:flex;justify-content:center;overflow:hidden;padding:4px;position:relative}.ctrl-card-media .controller-card-img{display:block;height:100%;object-fit:contain;position:relative;transition:transform .2s ease;width:100%;z-index:1}.ctrl-card:hover .ctrl-card-media .controller-card-img{transform:scale(1.04)}.ctrl-card-fallback{aspect-ratio:16/10;background:#1f2024;border-radius:6px;position:relative;width:70%;z-index:1}.ctrl-card-fallback:before{background:var(--red);border-radius:999px;content:"";height:22%;left:14%;position:absolute;top:34%;width:14%}.ctrl-card-fallback:after{background:radial-gradient(circle at 22% 30%,var(--blue) 0 9%,transparent 9.5%),radial-gradient(circle at 44% 22%,var(--green) 0 9%,transparent 9.5%),radial-gradient(circle at 66% 30%,var(--gold) 0 9%,transparent 9.5%),radial-gradient(circle at 88% 38%,#f0f0f0 0 9%,transparent 9.5%),radial-gradient(circle at 22% 70%,#f0f0f0 0 9%,transparent 9.5%),radial-gradient(circle at 44% 62%,var(--gold) 0 9%,transparent 9.5%),radial-gradient(circle at 66% 70%,var(--green) 0 9%,transparent 9.5%),radial-gradient(circle at 88% 78%,var(--blue) 0 9%,transparent 9.5%);content:"";height:48%;position:absolute;right:12%;top:22%;width:44%}.ctrl-card-body{display:grid;grid-gap:8px;gap:8px;padding:14px 16px 16px}.ctrl-card-head{align-items:center;display:flex;gap:8px;justify-content:flex-start}.ctrl-card-brand{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctrl-card-brand,.ctrl-card-type{color:var(--subtle);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.ctrl-card-type{font-weight:800}.ctrl-card-flag{border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.07em;padding:2px 7px;text-transform:uppercase}.ctrl-card-flag--hot{background:color-mix(in srgb,#d94436 18%,transparent);color:#d94436}.ctrl-card-flag--new{background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue)}.ctrl-card-name{font-size:15px;font-weight:700;line-height:1.2;margin:0}.ctrl-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ctrl-card-platform{background:color-mix(in srgb,var(--hero-panel),var(--panel) 55%);border-radius:5px;color:var(--muted);font-size:11px;font-weight:700;padding:2px 7px;text-transform:uppercase}.ctrl-card-buttons{color:var(--subtle);font-size:12px;font-weight:600}.ctrl-card-colors{align-items:center;display:flex;gap:5px;margin-top:2px}.ctrl-card-swatch{border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:999px;display:inline-block;height:11px;width:11px}.ctrl-card-colors-more{color:var(--subtle);font-size:11px}.landing-links{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,1fr)}.landing-link-card{align-items:center;background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:12px;color:inherit;display:grid;grid-gap:4px;gap:4px;grid-template-columns:auto 1fr;padding:16px 18px;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}.landing-link-card:hover{border-color:var(--blue);box-shadow:0 6px 22px color-mix(in srgb,var(--shadow),transparent 76%)}.landing-link-icon{font-size:22px;grid-row:span 2;margin-right:10px}.landing-link-label{font-size:14px;font-weight:700}.landing-link-hint{color:var(--subtle);font-size:12px}@media (max-width:820px){.landing-controller-grid{grid-template-columns:repeat(2,1fr)}.landing-links{grid-template-columns:1fr}}.home{display:grid;grid-gap:0;gap:0}.home-hero{background:linear-gradient(135deg,#0d1117,#161c2a 55%,#0c111b);padding:clamp(44px,6vw,80px) 0}.home-hero-inner{align-items:center;display:grid;grid-gap:32px;gap:32px;grid-template-columns:1fr;margin:0 auto;max-width:1120px;min-height:180px;padding:0 24px;width:100%}.home-eyebrow{color:rgba(255,255,255,.38);font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.home-title{color:#fff;font-size:clamp(32px,5vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 14px;max-width:680px}.home-sub{color:rgba(255,255,255,.5);font-size:clamp(14px,1.5vw,16px);line-height:1.65;margin:0 0 28px;max-width:500px}.home-actions{display:flex;flex-wrap:wrap;gap:10px}.home-btn-primary{background:#fff;border-radius:8px;color:#0d1117;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none;transition:opacity .15s ease}.home-btn-primary:hover{opacity:.88}.home-btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;color:rgba(255,255,255,.72);font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:background .15s ease}.home-btn-ghost:hover{background:rgba(255,255,255,.14)}.home-body{display:grid;grid-gap:44px;gap:44px;margin:0 auto;max-width:1120px;padding:44px 24px 72px}.home-section{display:grid;grid-gap:14px;gap:14px}.home-section-head{align-items:baseline;display:flex;gap:14px;justify-content:space-between}.home-section-title{font-size:20px;font-weight:700;margin:0}.home-section-link{color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}.home-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr)}.home-tiles{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.home-tile{align-items:flex-end;border-radius:14px;color:inherit;display:flex;justify-content:space-between;min-height:120px;padding:22px 24px;text-decoration:none;transition:filter .16s ease,transform .16s ease}.home-tile:hover{filter:brightness(1.06);transform:translateY(-2px)}.home-tile--layouts{background:color-mix(in srgb,var(--hero-panel),var(--panel) 18%)}.home-tile--designer,.home-tile--layouts{border:1px solid color-mix(in srgb,var(--line),transparent 30%)}.home-tile--designer{background:linear-gradient(140deg,color-mix(in srgb,var(--red),transparent 84%),color-mix(in srgb,var(--gold),transparent 88%)),var(--panel)}.home-tile-copy{display:grid;grid-gap:4px;gap:4px}.home-tile-label{font-size:15px;font-weight:700}.home-tile-hint{color:var(--subtle);font-size:12px;line-height:1.4}.home-tile-arrow{color:var(--subtle);flex-shrink:0;font-size:18px;margin-left:12px}@media (max-width:900px){.home-grid{grid-template-columns:repeat(2,1fr)}.home-tiles{grid-template-columns:1fr 1fr}}@media (max-width:560px){.home-tiles{grid-template-columns:1fr}}.verified-badge{align-items:center;background:color-mix(in srgb,var(--blue),transparent 88%);border-radius:999px;color:var(--blue);cursor:help;display:inline-flex;font-size:12px;font-weight:700;gap:4px;letter-spacing:.02em;margin-left:10px;padding:3px 10px;position:relative;vertical-align:middle}.verified-badge:hover:after{background:var(--ink);border-radius:6px;color:var(--paper);content:attr(title);font-size:11px;font-weight:600;left:50%;padding:5px 10px;position:absolute;top:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;z-index:20}.verified-dot{background:var(--blue);border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;height:16px;margin-left:8px;vertical-align:middle;width:16px}.verified-text{color:var(--blue);font-size:12px;font-weight:700;margin-left:8px;white-space:nowrap}.player-avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--hero-panel),color-mix(in srgb,var(--blue),transparent 75%));border-radius:999px;color:var(--blue);display:flex;font-size:32px;font-weight:800;height:80px;justify-content:center;width:80px}.roster-hero{display:grid;grid-gap:10px;gap:10px;margin:4px 0 40px;max-width:780px}.roster-hero-eyebrow{color:var(--subtle);font-size:12px;font-weight:850;letter-spacing:.06em;margin:0;text-transform:uppercase}.roster-hero-title{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0;text-wrap:balance}.roster-hero-sub{color:var(--muted);font-size:15px;line-height:1.55;margin:0;max-width:620px}.player-gear-teaser{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 55%);border:1px solid color-mix(in srgb,var(--line),transparent 45%);border-radius:6px;color:var(--muted);display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:4px;overflow:hidden;padding:5px 8px}.player-gear-teaser-thumb{border-radius:3px;flex:0 0 auto;height:22px;object-fit:contain;width:32px}.player-detail-shell{align-items:start;display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr);margin-top:32px}.player-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.player-social-icons{display:flex;gap:6px}.player-social-icon-btn{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 55%);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:8px;color:var(--ink);display:inline-flex;font-size:15px;height:30px;justify-content:center;text-decoration:none;transition:background .15s ease,border-color .15s ease;width:30px}.player-social-icon-btn:hover{background:color-mix(in srgb,var(--hero-panel),var(--panel) 20%);border-color:color-mix(in srgb,var(--line),transparent 15%)}.player-loadouts{display:grid;grid-gap:20px;gap:20px}.loadout-history-heading{margin-bottom:4px}.loadout-history-divider h2,.loadout-history-heading h2{font-size:clamp(22px,3vw,32px);letter-spacing:-.03em;margin:2px 0 8px}.loadout-history-heading>p:last-child{color:var(--muted);line-height:1.55;margin:0;max-width:680px}.loadout-history-eyebrow{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.08em;margin:0;text-transform:uppercase}.loadout-history-divider{margin-top:18px;padding-top:8px}.loadout-history-divider h2{font-size:20px;margin-bottom:0}.loadout-visual{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 35%);border-radius:var(--radius);display:grid;grid-gap:0;gap:0;overflow:hidden}.loadout-visual-current{border-color:color-mix(in srgb,var(--blue),transparent 55%);box-shadow:0 12px 32px color-mix(in srgb,var(--shadow),transparent 78%)}.loadout-visual-head{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 50%);display:flex;gap:10px;justify-content:space-between;padding:14px 18px}.loadout-visual-context{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.loadout-visual-event{font-size:14px;font-weight:700}.loadout-visual-date{color:var(--subtle);font-size:12px;font-weight:600}.loadout-tag{border-radius:999px;font-size:11px;font-weight:800;padding:4px 9px}.loadout-tag-current{background:color-mix(in srgb,var(--blue),transparent 88%);border:1px solid color-mix(in srgb,var(--blue),transparent 60%);color:var(--blue)}.loadout-tag-win{background:color-mix(in srgb,#d97706,transparent 88%);border:1px solid color-mix(in srgb,#d97706,transparent 60%);color:#92400e}.loadout-tag-previous{background:color-mix(in srgb,var(--muted),transparent 90%);border:1px solid color-mix(in srgb,var(--muted),transparent 70%);color:var(--muted)}.loadout-visual-proof{background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);margin:0;overflow:hidden}.loadout-visual-proof img{height:auto;display:block;max-height:620px;object-fit:contain;width:100%}.loadout-visual-proof figcaption{align-items:flex-start;background:var(--panel);border-top:1px solid color-mix(in srgb,var(--line),transparent 50%);color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px 16px;justify-content:space-between;line-height:1.5;padding:9px 18px}.loadout-visual-proof figcaption span{color:var(--subtle)}.loadout-visual-proof figcaption>span:first-child{color:var(--muted);flex:1 1 320px}.loadout-visual-proof figcaption a{color:var(--blue);font-weight:700;text-decoration:none}.loadout-visual-proof figcaption a:hover{text-decoration:underline}.loadout-proof-section{border-top:1px solid color-mix(in srgb,var(--line),transparent 50%)}.loadout-proof-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 18px 14px}.loadout-proof-heading h3{font-size:17px;letter-spacing:-.015em;margin:2px 0 0}.loadout-proof-event{background:color-mix(in srgb,var(--blue),transparent 92%);border:1px solid color-mix(in srgb,var(--blue),transparent 72%);border-radius:999px;color:var(--blue);font-size:11px;font-weight:750;padding:5px 9px;text-align:right}.loadout-proof-placeholder{background:color-mix(in srgb,#d97706,transparent 90%);border-color:color-mix(in srgb,#d97706,transparent 65%);color:#92400e}.loadout-proof-empty{align-items:center;background:color-mix(in srgb,var(--hero-panel),var(--panel) 54%);border-top:1px solid color-mix(in srgb,var(--line),transparent 50%);color:var(--subtle);display:flex;gap:14px;padding:24px 18px}.loadout-proof-empty svg{flex:0 0 auto}.loadout-proof-empty strong{color:var(--ink);display:block;font-size:13px;margin-bottom:3px}.loadout-proof-empty p{font-size:12px;line-height:1.5;margin:0}.loadout-gear-grid{display:grid;grid-gap:0;gap:0}.loadout-gear-controller{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 50%);display:flex;gap:14px;padding:16px 18px}.loadout-ctrl-thumb{background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:6px;flex:0 0 auto;height:48px;overflow:hidden;padding:4px;width:72px}.loadout-ctrl-thumb img{display:block;height:100%;object-fit:contain;width:100%}.loadout-part-thumb{background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border:1px solid color-mix(in srgb,var(--line),transparent 40%);border-radius:6px;flex:0 0 auto;height:44px;overflow:hidden;padding:4px;width:44px}.loadout-part-thumb img{display:block;height:100%;object-fit:contain;width:100%}.loadout-gear-parts{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.loadout-gear-cell{border-right:1px solid color-mix(in srgb,var(--line),transparent 50%);border-top:1px solid color-mix(in srgb,var(--line),transparent 50%);padding:12px 16px}.loadout-gear-cell-part{align-items:center;display:flex;gap:10px}.loadout-gear-cell:last-child{border-right:0}.loadout-gear-label{color:var(--subtle);font-size:11px;font-weight:850;letter-spacing:.05em;margin:0 0 3px;text-transform:uppercase}.loadout-gear-value{color:var(--ink);font-size:13px;font-weight:500;line-height:1.4}.loadout-gear-link{color:var(--blue);font-weight:700;text-decoration:none}.loadout-gear-link:hover{text-decoration:underline}.loadout-notes{border-top:1px solid color-mix(in srgb,var(--line),transparent 50%);color:var(--muted);font-size:13px;line-height:1.55;margin:0;padding:12px 18px}.diy-list{display:grid;grid-gap:2px;gap:2px;margin-top:8px}.diy-list-item{align-items:center;background:var(--panel);border:1px solid transparent;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:20px;padding:22px 28px;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.diy-list-item:hover{border-color:color-mix(in srgb,var(--blue),transparent 60%);box-shadow:0 2px 12px color-mix(in srgb,var(--shadow),transparent 80%)}.diy-list-number{color:var(--line);flex-shrink:0;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;width:52px}.diy-list-text{flex:1 1;min-width:0}.diy-list-text h2{font-size:18px;font-weight:700;margin:0 0 4px}.diy-list-text p{color:var(--muted);font-size:14px;line-height:1.45;margin:0}.diy-list-cta{color:var(--blue);flex-shrink:0;font-size:14px;font-weight:700;white-space:nowrap}.diy-overlay{align-items:center;animation:diyFadeIn .2s ease;background:color-mix(in srgb,var(--ink),transparent 40%);bottom:0;display:flex;gap:16px;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:100}@keyframes diyFadeIn{0%{opacity:0}to{opacity:1}}.diy-modal{animation:diySlideIn .25s ease;background:var(--panel);border-radius:16px;max-height:calc(100vh - 48px);max-width:620px;overflow-y:auto;position:relative;width:100%}@keyframes diySlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.diy-modal-close{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:14px;top:14px;width:36px;z-index:10}.diy-modal-close:hover{background:var(--hero-panel);color:var(--ink)}.diy-modal-arrow{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 12px color-mix(in srgb,var(--shadow),transparent 70%);color:var(--ink);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.diy-modal-arrow:disabled{color:var(--line);cursor:default;opacity:.4}.diy-modal-arrow:not(:disabled):hover{background:var(--blue);border-color:var(--blue);color:#fff}.diy-modal-counter{color:var(--subtle);font-size:12px;font-weight:700;text-align:center}.diy-modal-body{display:grid;grid-gap:16px;gap:16px;padding:28px 28px 32px}.diy-modal-number{color:var(--line);font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1}.diy-modal-body h2{font-size:24px;font-weight:700;margin:0}.diy-modal-desc{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.diy-modal-items,.diy-modal-steps{color:var(--muted);display:grid;grid-gap:10px;gap:10px;font-size:14px;line-height:1.5;margin:0;padding-left:20px}.diy-modal-items li::marker{color:var(--blue)}.diy-modal-steps{counter-reset:diyStep}.diy-modal-steps li{counter-increment:diyStep}.diy-modal-steps li::marker{color:var(--blue);content:counter(diyStep) ". ";font-weight:800}.diy-modal-media{border-radius:10px;overflow:hidden;margin-top:4px}.diy-modal-media img{height:auto;border-radius:10px;display:block;max-height:320px;object-fit:cover;width:100%}@media (max-width:600px){.diy-list-item{gap:14px;padding:18px 20px}.diy-list-number{font-size:32px;width:38px}.diy-list-text h2{font-size:16px}.diy-list-cta{display:none}.diy-overlay{gap:8px;padding:12px}.diy-modal-arrow{font-size:16px;height:32px;width:32px}.diy-modal{border-radius:12px;max-height:100vh}.diy-modal-body{padding:18px 18px 24px}.diy-modal-number{font-size:40px}.diy-modal-body h2{font-size:20px}}@media (max-width:820px){.apple-hero-inner{grid-template-columns:1fr}.apple-hero-media{order:-1}.apple-hero{min-height:unset;padding:40px 20px}.apple-hero-title{font-size:clamp(36px,10vw,56px)}.apple-subnav-links{display:none}.apple-section{padding:60px 20px}.apple-section-title{font-size:clamp(30px,8vw,48px)}.apple-spec-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.apple-source-card{grid-template-columns:1fr}.controller-reference-page{padding:24px 18px 64px}.reference-header,.reference-overview,.reference-source-card,.reference-spec-table div{grid-template-columns:1fr}.reference-header{align-items:start}.reference-status{width:100%}.reference-status dl{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-facts{grid-template-columns:1fr}.reference-summary-panel{padding-top:0}.reference-nav{gap:12px;overflow-x:auto;padding:10px 0;top:0;white-space:nowrap}.reference-mod-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-hero,.compare-picker,.reference-store-row{grid-template-columns:1fr}.compare-picker-actions{display:grid;grid-template-columns:1fr 1fr}.compare-picker-actions .button{justify-content:center}.brand-index-hero{grid-template-columns:1fr}.brand-models-head{align-items:start;display:grid}}@media (max-width:560px){.controller-reference-page{padding-inline:16px}.reference-container{gap:24px}.reference-title-block h1{font-size:clamp(36px,12vw,50px)}.reference-title-block p{font-size:17px}.reference-media img{border-radius:14px;padding:22px}.reference-status dl{gap:14px;grid-template-columns:1fr 1fr}.reference-status dl div:first-child{grid-column:1/-1}.reference-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-facts div{padding:14px 0}.reference-facts div:nth-child(odd){padding-right:14px}.reference-facts div:nth-child(2n){border-left:1px solid color-mix(in srgb,var(--line),transparent 42%);padding-left:14px}.reference-facts dd{font-size:16px}.reference-section{gap:22px;padding-top:52px}.reference-section-head h2{font-size:32px}.reference-spec-groups{gap:34px}.reference-spec-table div{gap:5px;padding:13px 0}.reference-mod-matrix{grid-template-columns:1fr}}@media (max-width:820px){.wizard-choice-grid,.wizard-choice-grid-games{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-review-meta{grid-template-columns:1fr}.wizard-current-pick{margin-left:0;width:100%}.hero,.player-detail-shell{grid-template-columns:1fr}.loadout-gear-parts{grid-template-columns:1fr 1fr}.loadout-gear-cell{border-right:0;border-top:1px solid color-mix(in srgb,var(--line),transparent 50%)}.catalog-shell,.designer-editing-area,.designer-panel,.designer-shell,.detail-layout,.key-settings-shell,.layout-browser,.mockup-angle-grid,.model-preview-poc,.panel-preview,.product-hero{grid-template-columns:1fr}.key-settings-experience{gap:42px}.layout-builder{border-radius:12px;margin-inline:-8px;padding:16px}.binding-editor-head,.binding-section-head,.hand-map-heading,.layout-builder-head,.library-head{align-items:flex-start;display:grid}.binding-section-head>p,.hand-map-heading>p{text-align:left}.builder-progress{width:-moz-fit-content;width:fit-content}.builder-editing-grid,.builder-meta-grid,.controller-deck,.hand-summary-grid{grid-template-columns:1fr}.hand-summary-fingers{grid-template-columns:repeat(5,minmax(74px,1fr));overflow-x:auto;padding-bottom:4px}.controller-deck{gap:30px;padding:24px}.builder-publish-card,.layout-list{max-height:none;position:static}.layout-list{grid-auto-columns:minmax(220px,.8fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:6px}.layout-detail-head{display:grid}.layout-detail-head .actions{display:grid;grid-template-columns:1fr 1fr}.layout-detail-head .button{justify-content:center}.mockup-angle-main{grid-row:auto;min-height:240px}.designer-tool-options,.designer-workbench-toolbar{align-items:stretch;justify-content:flex-start}.designer-apply-button,.designer-tool-options label{width:100%}.designer-tool-options input[type=range]{flex:1 1;width:auto}.designer-layer-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.designer-layer-strip span,.designer-transform-panel span{grid-column:1/-1}.designer-transform-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{display:none}.filter-trigger-row{display:flex;align-items:center;gap:12px}.key-settings-panel{position:static}.binding-row,.settings-form-grid{grid-template-columns:1fr}.binding-row-head{display:none}.keyboard-preview,.panel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pad-callout-svg{min-width:260px}.layout-story-grid{grid-template-columns:1fr}.product-hero{min-height:unset}.product-hero-media{order:-1;justify-self:center}.site-header,.spec-list div{grid-template-columns:1fr}.site-header{gap:12px}.site-header-nav{flex-wrap:wrap;gap:12px}.site-header-nav,.site-header-right{justify-content:flex-start}.fightsticks-subnav{top:129px}}@media (max-width:499px){.fightsticks-subnav{top:158px}}.designer-topbar{align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;padding:14px 16px}.designer-topbar .field{display:grid;grid-gap:6px;gap:6px;min-width:0}.designer-topbar .field label{color:var(--muted);font-size:12px;font-weight:800}.designer-topbar .field input,.designer-topbar .field select{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);min-height:38px;padding:0 10px;width:100%}.designer-topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.designer-output-toolbar{align-items:center;border-top:1px solid color-mix(in srgb,var(--line),transparent 30%);display:flex;flex-wrap:wrap;gap:10px 18px;grid-column:1/-1;padding-top:12px}.designer-output-label{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.designer-output-toolbar .dz-export-buttons{display:flex;gap:8px;margin-left:auto}.designer-output-toolbar .dz-status{flex-basis:100%}.dz-undo-group{display:flex;gap:2px}.dz-undo-group button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:15px;line-height:1;min-height:32px;min-width:32px;padding:0}.dz-undo-group button:disabled{cursor:not-allowed;opacity:.4}.dz-undo-group button:not(:disabled):hover{border-color:var(--blue);color:var(--blue)}.designer-grid{align-items:start;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto minmax(0,1fr);transition:grid-template-columns .2s ease,grid-template-rows .2s ease}.designer-grid.layers-collapsed:not(.inspector-collapsed){grid-template-rows:auto 1fr .07fr}.designer-grid.layers-collapsed:not(.inspector-collapsed) .designer-inspector{align-self:stretch}.designer-grid.inspector-collapsed:not(.layers-collapsed){grid-template-rows:auto .07fr 1fr}.designer-grid.inspector-collapsed:not(.layers-collapsed) .designer-layers{align-self:stretch}.designer-grid.inspector-collapsed.layers-collapsed{grid-template-rows:auto 1fr 1fr}.designer-grid.inspector-collapsed.layers-collapsed .designer-inspector,.designer-grid.inspector-collapsed.layers-collapsed .designer-layers{align-self:stretch}.designer-grid.inspector-collapsed.layers-collapsed:not(.navigator-collapsed){grid-template-rows:auto auto 1fr}.designer-grid.inspector-collapsed.layers-collapsed:not(.navigator-collapsed) .designer-inspector,.designer-grid.inspector-collapsed.layers-collapsed:not(.navigator-collapsed) .designer-layers,.designer-grid.inspector-collapsed.layers-collapsed:not(.navigator-collapsed) .designer-navigator{align-self:start}.designer-grid.navigator-collapsed:not(.inspector-collapsed):not(.layers-collapsed){grid-template-rows:.07fr auto minmax(0,1fr)}.designer-grid.navigator-collapsed.inspector-collapsed:not(.layers-collapsed){grid-template-rows:.07fr .07fr 1fr}.designer-grid.navigator-collapsed.layers-collapsed:not(.inspector-collapsed){grid-template-rows:auto auto 1fr}.designer-grid.navigator-collapsed.layers-collapsed:not(.inspector-collapsed) .designer-inspector,.designer-grid.navigator-collapsed.layers-collapsed:not(.inspector-collapsed) .designer-layers,.designer-grid.navigator-collapsed.layers-collapsed:not(.inspector-collapsed) .designer-navigator{align-self:start}.designer-side-panels{display:contents}.designer-grid.all-panels-collapsed{grid-template-columns:minmax(0,1fr) 36px}.designer-side-panels.all-collapsed{align-self:stretch;display:grid;grid-gap:8px;gap:8px;grid-column:2;grid-row:1/span 3;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}.designer-side-panels.all-collapsed .designer-navigator{grid-column:1;grid-row:1}.designer-side-panels.all-collapsed .designer-inspector{grid-column:1;grid-row:2}.designer-side-panels.all-collapsed .designer-layers{grid-column:1;grid-row:3}.designer-side-panels.all-collapsed .designer-inspector,.designer-side-panels.all-collapsed .designer-layers,.designer-side-panels.all-collapsed .designer-navigator{align-self:stretch;border-radius:10px;height:100%;min-height:0}.designer-side-panels.all-collapsed .designer-panel-rail{align-items:center;flex-direction:column;height:100%;justify-content:center;gap:5px;min-height:0;padding:6px 2px;width:100%}.designer-side-panels.all-collapsed .designer-panel-rail .designer-rail-label{display:block;font-size:9px;letter-spacing:.05em;transform:rotate(180deg);writing-mode:vertical-rl}.designer-inspector,.designer-layers{align-content:start;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:10px;gap:10px;min-width:0;padding:12px;transition:padding .2s ease,gap .2s ease,opacity .18s ease}.designer-inspector.collapsed,.designer-layers.collapsed,.designer-navigator.collapsed{cursor:pointer;gap:0;padding:0}.designer-workbench-v2{grid-column:1;grid-row:1/span 3}.designer-navigator{grid-column:2;grid-row:1}.designer-inspector{grid-column:2;grid-row:2}.designer-layers{grid-column:2;grid-row:3}.designer-panel-head{align-items:center;display:flex;justify-content:space-between}.designer-panel-head span{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.dz-add-group{display:flex;gap:6px;align-items:center}.designer-panel-head--toggle,.designer-panel-head-toggle{align-items:center;background:none;border:none;color:var(--muted);cursor:pointer;display:flex;font:inherit;gap:8px;padding:0;transition:color .12s ease}.designer-panel-head--toggle{justify-content:space-between;width:100%}.designer-panel-head-toggle{flex:1 1;justify-content:space-between;min-width:0;text-align:left}.designer-panel-head--toggle:hover,.designer-panel-head--toggle:hover span,.designer-panel-head-toggle:hover,.designer-panel-head-toggle:hover span{color:var(--blue)}.designer-panel-head--stack{flex-wrap:wrap;row-gap:6px}.designer-panel-head--stack .designer-panel-head-toggle,.designer-panel-head--stack .dz-add-group{flex:1 0 100%;width:100%}.designer-panel-body{display:contents}.designer-inspector.collapsed .designer-panel-body,.designer-layers.collapsed .designer-panel-body,.designer-navigator.collapsed .designer-panel-body{display:none}.designer-panel-rail{align-items:center;animation:designer-rail-fadein .18s ease forwards;background:none;border:none;color:var(--muted);cursor:pointer;display:none;flex-direction:column;font:inherit;gap:8px;height:100%;justify-content:flex-start;min-height:60px;overflow:hidden;padding:10px 0;transition:color .12s ease;width:100%}@keyframes designer-rail-fadein{0%{opacity:0}to{opacity:1}}.designer-panel-rail:hover{color:var(--blue)}.designer-inspector.collapsed .designer-panel-rail,.designer-layers.collapsed .designer-panel-rail,.designer-navigator.collapsed .designer-panel-rail{display:flex}.designer-grid.inspector-collapsed:not(.layers-collapsed) .designer-inspector .designer-panel-rail,.designer-grid.layers-collapsed:not(.inspector-collapsed) .designer-layers .designer-panel-rail,.designer-grid.navigator-collapsed:not(.all-panels-collapsed) .designer-navigator .designer-panel-rail{align-items:center;flex-direction:row;height:100%;justify-content:space-between;min-height:38px;min-width:0;padding:0 12px;width:100%}.designer-grid.inspector-collapsed.layers-collapsed:not(.all-panels-collapsed) .designer-panel-rail .designer-rail-label,.designer-grid.inspector-collapsed:not(.layers-collapsed) .designer-inspector .designer-panel-rail .designer-rail-label,.designer-grid.layers-collapsed:not(.inspector-collapsed) .designer-layers .designer-panel-rail .designer-rail-label,.designer-grid.navigator-collapsed:not(.all-panels-collapsed) .designer-navigator .designer-panel-rail .designer-rail-label{transform:none;writing-mode:horizontal-tb}.designer-grid.inspector-collapsed.layers-collapsed:not(.all-panels-collapsed) .designer-panel-rail{align-items:center;flex-direction:row;height:100%;justify-content:space-between;min-height:38px;padding:0 12px}.designer-rail-label{font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}@media (prefers-reduced-motion:reduce){.designer-grid,.designer-inspector,.designer-layers{transition:none}.designer-panel-rail{animation:none}}.dz-add{background:color-mix(in srgb,var(--blue),transparent 90%);border:1px solid color-mix(in srgb,var(--blue),transparent 55%);border-radius:7px;color:var(--blue);cursor:pointer;font-size:12px;font-weight:800;min-height:30px;padding:0 10px}.visually-hidden-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.dz-recommended-backgrounds{border-bottom:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding-bottom:10px}.dz-recommended-backgrounds-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.dz-recommended-backgrounds-head h2{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.02em;margin:0}.dz-recommended-backgrounds-head span{color:var(--subtle);font-size:10px}.dz-recommended-background-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.dz-recommended-background{background:var(--input);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:6px;gap:6px;min-width:0;overflow:hidden;padding:0 0 7px;text-align:left;transition:border-color .15s ease,transform .15s ease}.dz-recommended-background:hover{border-color:color-mix(in srgb,var(--blue),transparent 35%);transform:translateY(-1px)}.dz-recommended-background:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 55%);outline:none}.dz-recommended-background-thumb{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;width:100%}.dz-recommended-background>span:last-child{font-size:11px;font-weight:750;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.dz-empty{color:var(--subtle);font-size:13px;line-height:1.5;margin:0}.dz-layer-list{display:grid;grid-gap:6px;gap:6px;list-style:none;margin:0;padding:0}.dz-layer-row{align-items:center;background:var(--input);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:28px minmax(0,1fr) auto;padding:4px 6px}.dz-layer-row.is-selected{background:color-mix(in srgb,var(--blue),transparent 90%);border-color:color-mix(in srgb,var(--blue),transparent 45%)}.dz-icon-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.dz-icon-btn[aria-pressed=false]{color:var(--subtle);opacity:.55}.dz-icon-btn:hover{color:var(--ink)}.dz-icon-btn:disabled{cursor:not-allowed;opacity:.3}.dz-layer-row-controls{align-items:center;display:flex;gap:2px}.dz-move-priority-btn[aria-pressed=true]{background:color-mix(in srgb,var(--blue),transparent 84%);color:var(--blue);opacity:1}.dz-layer-main{align-items:center;display:flex;gap:6px;min-width:0}.dz-layer-name{background:transparent;border:none;cursor:pointer;font-weight:650;overflow:hidden;padding:6px 4px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dz-layer-name,.dz-rename{color:var(--ink);flex:1 1 auto;font-size:13px;min-width:0}.dz-rename{background:var(--panel);border:1px solid var(--blue);border-radius:6px;padding:5px 6px;width:100%}.dz-layer-actions{display:grid;grid-gap:6px;gap:6px;grid-template-columns:36px 36px 1fr 1fr}.dz-layer-actions button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750;min-height:32px;padding:0 6px}.dz-layer-actions button.danger{color:#c0392b}.dz-layer-actions button:disabled{cursor:not-allowed;opacity:.45}.dz-layer-swatch{border:1px solid var(--line);border-radius:3px;flex-shrink:0;height:14px;width:14px}.dz-layer-warn{color:#e6a817;display:inline-flex;flex-shrink:0;margin-left:4px;vertical-align:middle}.designer-workbench-v2{background:color-mix(in srgb,var(--panel),var(--paper) 30%);display:grid;grid-gap:12px;gap:12px;min-width:0;padding:12px}.designer-view-toolbar,.designer-workbench-v2{border:1px solid var(--line);border-radius:10px}.designer-view-toolbar{align-items:center;background:var(--panel);display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.designer-view-toolbar button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750;min-height:32px;padding:0 12px}.designer-view-toolbar button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.designer-view-toolbar button:disabled{cursor:not-allowed;opacity:.42}.designer-view-toolbar .designer-reset-layout:not(:disabled){border-color:color-mix(in srgb,var(--ink),transparent 45%)}.designer-view-meta{color:var(--subtle);font-size:11px;font-weight:650;margin-left:auto}.designer-canvas-area{min-width:0;position:relative}.designer-canvas-viewport{background:#67686c;border:1px solid color-mix(in srgb,var(--ink),transparent 72%);border-radius:8px;height:clamp(440px,68vh,720px);overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-gutter:stable}.designer-canvas-viewport:not(.is-exact-fit){cursor:-webkit-grab;cursor:grab}.designer-canvas-viewport.is-panning{cursor:-webkit-grabbing;cursor:grabbing;-moz-user-select:none;user-select:none;-webkit-user-select:none}.designer-canvas-viewport.is-exact-fit{overflow:hidden}.designer-canvas-scroll-spacer{display:flex;align-items:center;justify-content:center}.designer-canvas-viewport.is-exact-fit .designer-canvas-scroll-spacer{width:100%;height:100%}.designer-canvas-viewport.is-exact-fit .designer-canvas-stage{display:flex;align-items:center;justify-content:center}.designer-canvas-stage{flex-shrink:0;flex-grow:0;margin-inline:auto;min-width:220px;position:relative}.designer-ruler-overlay{inset:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:15}.designer-ruler,.designer-ruler-corner{background:color-mix(in srgb,var(--panel),var(--ink) 5%);border:1px solid var(--line);color:var(--subtle)}.designer-ruler-corner{height:14px;left:0;pointer-events:auto;position:absolute;top:0;width:14px;z-index:2}.designer-ruler{cursor:crosshair;overflow:hidden;pointer-events:auto;position:relative;touch-action:none}.designer-ruler-top{height:14px;left:14px;position:absolute;right:0;top:0}.designer-ruler-left{bottom:0;left:0;position:absolute;top:14px;width:14px}.designer-ruler-track{position:absolute}.designer-ruler-top .designer-ruler-track{bottom:0;height:100%}.designer-ruler-left .designer-ruler-track{right:0;width:100%}.designer-ruler-tick{background:color-mix(in srgb,var(--ink),transparent 65%);position:absolute}.designer-ruler-top .designer-ruler-tick{bottom:0;height:3px;width:1px}.designer-ruler-left .designer-ruler-tick{height:1px;right:0;width:3px}.designer-ruler-tick.is-major{background:color-mix(in srgb,var(--ink),transparent 35%)}.designer-ruler-top .designer-ruler-tick.is-major{height:6px}.designer-ruler-left .designer-ruler-tick.is-major{width:6px}.designer-ruler-tick>span{font-size:6px;font-weight:700;line-height:1;position:absolute}.designer-ruler-top .designer-ruler-tick>span{left:2px;top:1px}.designer-ruler-left .designer-ruler-tick>span{left:1px;top:2px;transform:rotate(90deg);transform-origin:left top}.designer-ruler-overlay:after,.designer-ruler-overlay:before{background:var(--ink);border-radius:6px;color:var(--paper);font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transition:opacity .15s ease;white-space:nowrap;z-index:20}.designer-ruler-overlay:before{content:"Drag down to add a horizontal guide";left:50%;top:20px;transform:translateX(-50%)}.designer-ruler-overlay:has(.designer-ruler-top:hover):not(:has(.designer-ruler-top:active)):before{opacity:1}.designer-ruler-overlay:after{content:"Drag right to add a vertical guide";left:20px;top:50%;transform:translateY(-50%)}.designer-ruler-overlay:has(.designer-ruler-left:hover):not(:has(.designer-ruler-left:active)):after{opacity:1}.canvas-preview-v2{background:linear-gradient(0deg,rgba(140,140,145,.05),rgba(140,140,145,.05)),repeating-conic-gradient(rgba(150,150,155,.22) 0 25%,transparent 0 50%) 50% /22px 22px;border:1px solid var(--line);border-radius:8px;container-type:inline-size;cursor:default;overflow:hidden;position:relative;touch-action:none;width:100%}.designer-navigator{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:8px;gap:8px;min-width:0;padding:12px;width:100%}.designer-navigator-head{align-items:center;color:var(--muted);display:flex;font-size:10px;font-weight:850;justify-content:space-between;letter-spacing:.04em;text-transform:uppercase}.designer-navigator-head output{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.designer-navigator-preview{background:linear-gradient(0deg,rgba(140,140,145,.05),rgba(140,140,145,.05)),repeating-conic-gradient(rgba(150,150,155,.22) 0 25%,transparent 0 50%) 50% /10px 10px;border:1px solid var(--line);overflow:hidden;position:relative;width:100%}.designer-navigator-layer{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:flex;justify-content:center;overflow:hidden;position:absolute;transform-origin:center;white-space:pre-wrap}.designer-navigator-layer>span{display:block;line-height:1.1;overflow:hidden;width:100%}.designer-navigator-viewport{border:1.5px solid var(--blue);box-shadow:0 0 0 1px rgba(255,255,255,.72),inset 0 0 0 999px color-mix(in srgb,var(--blue),transparent 94%);min-height:2px;min-width:2px;pointer-events:none;position:absolute}.designer-navigator-preview.is-interactive{cursor:crosshair}.designer-zoom-row{align-items:center;display:grid;grid-gap:6px;gap:6px;grid-template-columns:24px minmax(0,1fr) 24px auto 24px}.designer-zoom-row button{align-items:center;background:var(--input);border:1px solid var(--line);border-radius:5px;color:var(--ink);cursor:pointer;display:flex;font-size:15px;height:24px;justify-content:center;padding:0}.designer-zoom-row button:disabled{cursor:not-allowed;opacity:.4}.designer-zoom-control{display:block;min-width:0}.designer-zoom-control>span{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.designer-zoom-control input{accent-color:var(--blue);display:block;margin:0;width:100%}.designer-zoom-pct{align-items:center;background:var(--input);border:1px solid var(--line);border-radius:5px;color:var(--ink);display:flex;gap:1px;height:24px;padding:0 4px;transition:border-color .12s ease;width:48px}.designer-zoom-pct:focus-within{border-color:var(--blue)}.designer-zoom-pct input{background:transparent;border:0;color:inherit;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;min-width:0;outline:none;padding:0;text-align:right;width:100%}.designer-zoom-pct-suffix{color:var(--subtle);font-size:11px;font-weight:700}.canvas-preview-v2.dz-drop-active{border-color:var(--blue);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue),transparent 60%)}.dz-drop-hint{align-items:center;background:color-mix(in srgb,var(--blue),transparent 82%);border-radius:6px;color:var(--blue);display:flex;font-size:13px;font-weight:750;inset:8px;justify-content:center;pointer-events:none;position:absolute;z-index:10}.dz-layer-box{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;cursor:-webkit-grab;cursor:grab}.dz-layer-box.is-selected{outline:1.5px solid var(--blue);outline-offset:-1px}.dz-layer-box.is-locked{cursor:default}.dz-layer-box.is-move-priority{cursor:move;outline:2px solid var(--blue);outline-offset:-2px;z-index:3}.dz-user-guide{position:absolute;touch-action:none;z-index:7}.dz-user-guide:after{background:#00a3ff;content:"";pointer-events:none;position:absolute}.dz-user-guide.is-horizontal{cursor:ns-resize;height:11px;left:0;right:0;transform:translateY(-50%)}.dz-user-guide.is-horizontal:after{height:1px;left:0;right:0;top:5px}.dz-user-guide.is-vertical{bottom:0;cursor:ew-resize;top:0;transform:translateX(-50%);width:11px}.dz-user-guide.is-vertical:after{bottom:0;left:5px;top:0;width:1px}.dz-user-guide.is-active:after{background:#ff2d8b;box-shadow:0 0 0 1px color-mix(in srgb,#ff2d8b,transparent 50%)}.dz-user-guide.is-draft{opacity:.8;pointer-events:none}.dz-user-guide.is-draft:after{background:#ff2d8b}.canvas-preview-v2.is-layer-move-priority .dz-cutout-handle{pointer-events:none}.dz-handle{background:var(--panel);border:1.5px solid var(--blue);border-radius:2px;height:12px;position:absolute;width:12px;z-index:2}.dz-handle:focus-visible{box-shadow:0 0 0 2px var(--blue);outline:none}.dz-handle-nw{cursor:nwse-resize;left:-6px;top:-6px}.dz-handle-ne{cursor:nesw-resize;right:-6px;top:-6px}.dz-handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.dz-handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.dz-safe-area{border:1px dashed color-mix(in srgb,var(--blue),transparent 35%);inset:4%;pointer-events:none;position:absolute}.dz-cutout-handle{cursor:-webkit-grab;cursor:grab;position:absolute;touch-action:none;transform:translate(-50%,-50%);z-index:4}.dz-cutout-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.dz-cutout-handle.is-selected,.dz-cutout-handle:focus-visible{border-radius:999px;outline:2px solid var(--blue);outline-offset:3px}.dz-cutout-paint{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%}.dz-cutout-ring{border:2px solid rgba(217,68,54,.86)}.dz-cutout-hole,.dz-cutout-ring{border-radius:999px;inset:0;pointer-events:none;position:absolute}.dz-cutout-hole.is-transparent{background:repeating-conic-gradient(rgba(120,120,125,.55) 0 25%,rgba(255,255,255,.85) 0 50%) 50% /8px 8px;box-shadow:inset 0 0 0 1.5px rgba(17,24,39,.45)}.dz-cutout-hole.is-solid{background:var(--panel);box-shadow:inset 0 0 0 1.5px rgba(17,24,39,.5)}.dz-transform-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr}.dz-transform-grid label{align-items:center;color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:4px;gap:4px;grid-template-columns:18px minmax(0,1fr)}.dz-rename,.dz-transform-grid input{min-width:0}.dz-transform-grid input{background:var(--input);border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:32px;padding:0 8px;width:100%}.dz-opacity{color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:6px;gap:6px}.dz-opacity input[type=range]{accent-color:var(--blue);width:100%}.designer-layers .dz-opacity{padding-top:10px}.dz-placement{display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr}.dz-placement button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750;min-height:32px}.dz-placement button:disabled,.dz-transform-grid input:disabled{cursor:not-allowed;opacity:.5}.dz-flip-row{display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr}.dz-flip-row button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750;min-height:32px;padding:0 6px;transition:background .12s,color .12s}.dz-flip-row button[aria-pressed=true]{background:color-mix(in srgb,var(--blue),transparent 85%);border-color:color-mix(in srgb,var(--blue),transparent 45%);color:var(--blue)}.dz-flip-row button:disabled{cursor:not-allowed;opacity:.5}.dz-color-row{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:800;gap:10px}.dz-color-row input[type=color]{cursor:pointer;padding:2px;width:44px}.dz-color-row input[type=color],.dz-hex-input{border:1px solid var(--line);border-radius:5px;height:28px}.dz-hex-input{background:var(--input);color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;min-width:0;padding:0 6px;width:82px}.dz-hex-input:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 60%);outline:none}.dz-hex-input:disabled{cursor:not-allowed;opacity:.48}.dz-cutout-inspector,.dz-paint-section{display:grid;grid-gap:10px;gap:10px}.dz-cutout-selection{color:var(--subtle);font-size:12px;margin:0}.dz-paint-section{border-top:1px solid var(--line);padding-top:10px}.dz-paint-subhead{color:var(--subtle);font-size:11px;font-weight:800;letter-spacing:.04em;margin:6px 0 0;text-transform:uppercase}.dz-paint-toggle{align-items:center;color:var(--ink);display:flex;font-size:13px;font-weight:800;gap:8px}.dz-paint-toggle input{accent-color:var(--blue)}.dz-paint-color{align-items:flex-end;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) 92px}.dz-paint-color label{color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:5px;gap:5px}.dz-paint-color input[type=color]{background:var(--input);border:1px solid var(--line);border-radius:6px;cursor:pointer;height:34px;padding:3px;width:100%}.dz-paint-color input[type=text],.dz-stroke-width input{background:var(--input);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;min-height:34px;min-width:0;padding:0 8px;width:100%}.dz-paint-color input:focus-visible,.dz-stroke-alignment button:focus-visible,.dz-stroke-width input:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 60%);outline:none}.dz-paint-color input:disabled,.dz-stroke-width input:disabled{cursor:not-allowed;opacity:.48}.dz-stroke-alignment{border:0;display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr;margin:0;padding:0}.dz-stroke-alignment legend{color:var(--muted);font-size:12px;font-weight:800;grid-column:1/-1;margin-bottom:5px}.dz-stroke-alignment button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750;min-height:32px}.dz-stroke-alignment button[aria-pressed=true]{background:color-mix(in srgb,var(--blue),transparent 85%);border-color:color-mix(in srgb,var(--blue),transparent 45%);color:var(--blue)}.dz-stroke-alignment:disabled button{cursor:not-allowed;opacity:.48}.dz-stroke-width{align-items:flex-end;display:grid;grid-gap:6px;gap:6px;grid-template-columns:minmax(0,1fr) auto}.dz-stroke-slider,.dz-stroke-width label{color:var(--muted);display:grid;font-size:12px;font-weight:800;grid-gap:5px;gap:5px}.dz-stroke-width>span{color:var(--subtle);font-size:12px;padding-bottom:9px}.dz-stroke-slider input{accent-color:var(--blue);width:100%}.dz-paint-note{color:var(--subtle);font-size:11px;line-height:1.45;margin:0}.dz-text-layer-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;line-height:1.2;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.dz-text-layer-content>div{width:100%}.dz-text-inspector{display:grid;grid-gap:10px;gap:10px}.dz-text-content{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);font:inherit;font-size:13px;min-height:64px;padding:8px;resize:vertical;width:100%}.dz-text-content:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 60%);outline:none}.dz-text-content:disabled{cursor:not-allowed;opacity:.5}.dz-text-align-row{display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr 1fr}.dz-text-align-row button{background:var(--input);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;font-size:14px;min-height:32px;padding:0 6px;transition:background .12s,color .12s}.dz-text-align-row button[aria-pressed=true]{background:color-mix(in srgb,var(--blue),transparent 85%);border-color:color-mix(in srgb,var(--blue),transparent 45%);color:var(--blue)}.dz-text-align-row button:disabled{cursor:not-allowed;opacity:.5}.dz-dpi-readout{color:var(--subtle);display:flex;font-size:11.5px;gap:4px;margin:0}.dz-dpi-readout.is-warn{color:#d4891a}.dz-check{align-items:flex-start;color:var(--ink);display:flex;font-size:12.5px;gap:8px;line-height:1.4}.dz-check input{accent-color:var(--blue);margin-top:2px}.dz-export-buttons{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr}.dz-status{color:var(--subtle);font-size:12px;margin:0}.designer-preview-3d{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr);overflow:hidden;padding:18px}.designer-3d-head h2{font-size:clamp(20px,2.4vw,28px);margin:0 0 6px}.designer-3d-head p{color:var(--subtle);font-size:14px;line-height:1.6;margin:0}.designer-3d-wrap{min-width:0;position:relative}.designer-3d-controls{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:2}.designer-3d-expand,.designer-3d-reset{align-items:center;background:color-mix(in srgb,var(--panel),transparent 8%);border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:12px;font-weight:750;gap:7px;padding:7px 12px}.designer-3d-expand:hover,.designer-3d-reset:hover{border-color:var(--blue);color:var(--blue)}.designer-3d-wrap.is-expanded{background:#101216;display:block;inset:0;position:fixed;z-index:1000}.designer-3d-wrap.is-expanded .designer-3d-controls{right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top))}.designer-3d-wrap.is-expanded .designer-3d-expand,.designer-3d-wrap.is-expanded .designer-3d-reset{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(16,18,22,.78);border-color:rgba(255,255,255,.24);color:#fff}.designer-3d-wrap.is-expanded .designer-3d-expand:hover,.designer-3d-wrap.is-expanded .designer-3d-reset:hover{border-color:rgba(255,255,255,.72)}.designer-3d-fullscreen-hint{bottom:max(18px,env(safe-area-inset-bottom));color:rgba(255,255,255,.76);font-size:12px;left:50%;margin:0;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:calc(100% - 32px);z-index:2}.designer-3d-canvas,.designer-3d-loading{aspect-ratio:16/10;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.9),rgba(214,217,222,.85)),var(--paper);border:1px solid color-mix(in srgb,var(--line),transparent 25%);border-radius:10px;min-height:260px;overflow:hidden;width:100%}.designer-3d-wrap.is-expanded .designer-3d-canvas{aspect-ratio:auto;border:0;border-radius:0;height:100%;min-height:0}.designer-3d-loading{align-items:center;color:var(--subtle);display:flex;font-size:13px;font-weight:650;justify-content:center}.designer-mockup-note{color:var(--subtle);font-size:12px;margin:0}@media (max-width:980px){.designer-grid,.designer-grid.all-panels-collapsed,.designer-grid.inspector-collapsed,.designer-grid.inspector-collapsed.layers-collapsed,.designer-grid.layers-collapsed,.designer-grid.navigator-collapsed,.designer-grid.navigator-collapsed.inspector-collapsed,.designer-grid.navigator-collapsed.inspector-collapsed.layers-collapsed,.designer-grid.navigator-collapsed.layers-collapsed{grid-template-columns:1fr;grid-template-rows:auto}.designer-grid.inspector-collapsed:not(.layers-collapsed),.designer-grid.inspector-collapsed:not(.layers-collapsed) .designer-layers,.designer-grid.layers-collapsed:not(.inspector-collapsed),.designer-grid.layers-collapsed:not(.inspector-collapsed) .designer-inspector{align-self:auto;grid-row:auto;grid-template-rows:auto}.designer-side-panels.all-collapsed{display:contents}.designer-inspector.collapsed .designer-panel-rail,.designer-layers.collapsed .designer-panel-rail,.designer-navigator.collapsed .designer-panel-rail,.designer-panel-rail{display:none}.designer-inspector.collapsed .designer-panel-body,.designer-layers.collapsed .designer-panel-body,.designer-navigator.collapsed .designer-panel-body{display:contents}.designer-inspector.collapsed,.designer-layers.collapsed,.designer-navigator.collapsed{cursor:auto;gap:10px;padding:12px}.designer-panel-head--toggle,.designer-panel-head-toggle{cursor:default;pointer-events:none}.designer-panel-head--toggle svg,.designer-panel-head-toggle svg{display:none}.designer-workbench-v2{grid-column:auto;grid-row:1}.designer-canvas-viewport{height:440px}.designer-navigator{grid-column:auto;grid-row:2;width:100%}.designer-inspector{grid-column:auto;grid-row:3}.designer-layers{grid-column:auto;grid-row:4}.designer-topbar{grid-template-columns:1fr}.designer-topbar-actions{justify-content:flex-start}.designer-output-toolbar{align-items:flex-start;flex-direction:column}.designer-output-toolbar .dz-export-buttons{margin-left:0;width:100%}.designer-output-toolbar .dz-export-buttons .button{flex:1 1}}.reference-image-frame{align-items:center;aspect-ratio:4/3;background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border-radius:6px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.reference-image-frame img{aspect-ratio:auto;border:0;padding:0}.reference-image-frame .controller-card-bg{filter:blur(22px) saturate(1.08);height:calc(100% + 44px);inset:-22px;object-fit:cover;opacity:.36;position:absolute;transform:scale(1.06);width:calc(100% + 44px);z-index:0}.reference-image-frame .controller-card-img{height:auto;width:auto;display:block;max-height:100%;max-width:100%;object-fit:contain;padding:18px;position:relative;z-index:1}.reference-image-frame:after{background:color-mix(in srgb,var(--panel),transparent 72%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.reference-image-placeholder{aspect-ratio:4/3;background:color-mix(in srgb,var(--hero-panel),var(--panel) 45%);border-radius:6px;color:var(--subtle);font-size:13px;width:100%}.ks-modal-backdrop,.reference-image-placeholder{align-items:center;display:flex;justify-content:center}.ks-modal-backdrop{background:color-mix(in srgb,#05070b,transparent 45%);inset:0;padding:20px;position:fixed;z-index:1000}.ks-modal{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:16px;box-shadow:0 24px 60px color-mix(in srgb,var(--shadow),transparent 30%);display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:460px;outline:none;width:100%}.ks-modal-head{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:18px 20px 0}.ks-modal-title{font-size:17px;font-weight:700;margin:0}.ks-modal-x{background:none;border:none;border-radius:8px;color:var(--subtle);cursor:pointer;font-size:15px;line-height:1;padding:6px 8px}.ks-modal-x:hover{background:var(--hero-panel);color:var(--ink)}.ks-modal-body{overflow-y:auto;padding:12px 20px}.ks-modal-footer{border-top:1px solid color-mix(in srgb,var(--line),transparent 40%);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:16px 20px}@media (max-width:540px){.ks-modal-footer{flex-direction:column-reverse}.ks-modal-footer>*{min-height:44px;width:100%}}.recommender-cta{gap:8px;font-size:15px;white-space:nowrap}.recommender-shell{margin:0 auto;max-width:720px}.recommender-bar{align-items:center;display:flex;gap:16px;margin-bottom:12px}.recommender-back{background:transparent;border:1.5px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;font-size:14px;font-weight:600;min-height:36px;padding:0 16px;white-space:nowrap}.recommender-back:hover{border-color:var(--blue);color:var(--blue)}.recommender-progress{background:color-mix(in srgb,var(--line),transparent 30%);border-radius:999px;flex:1 1;height:6px;min-width:80px;overflow:hidden}.recommender-progress-fill{background:var(--blue);border-radius:999px;height:100%;transition:width .3s var(--ease-out)}.recommender-restart{background:transparent;border:none;color:var(--subtle);cursor:pointer;font-size:13px;font-weight:600;padding:8px 4px;white-space:nowrap}.recommender-restart:hover{color:var(--ink)}.recommender-budget-presets{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.recommender-budget-preset{flex:1 1 140px;min-width:130px}.recommender-budget-custom{margin-top:4px}.recommender-budget-error{color:var(--red);font-size:13px;font-weight:600;margin-top:6px}.recommender-results{display:grid;grid-gap:20px;gap:20px}.recommender-results-head{display:grid;grid-gap:6px;gap:6px}.recommender-results-note{background:color-mix(in srgb,var(--gold),transparent 88%);border-radius:var(--radius-sm);color:var(--gold);font-size:15px;font-weight:600;line-height:1.5;padding:12px 16px}.recommender-cards{display:grid;grid-gap:20px;gap:20px}.recommender-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:var(--radius);display:grid;grid-gap:18px;gap:18px;grid-template-columns:180px 1fr;overflow:hidden;padding:16px}.recommender-card-alt{border-color:color-mix(in srgb,var(--gold),transparent 50%)}.recommender-card-media{align-items:start;display:flex}.recommender-card-media img{height:auto;border-radius:var(--radius-sm);width:100%}.recommender-card-placeholder{aspect-ratio:1;background:color-mix(in srgb,var(--line),transparent 60%);border-radius:var(--radius-sm);width:100%}.recommender-card-body{align-content:start;display:grid;grid-gap:8px;gap:8px}.recommender-card-body .meta{margin:0}.recommender-card-body h2{font-size:19px;margin:0}.recommender-card-body h2 a{color:var(--ink);text-decoration:none}.recommender-card-body h2 a:hover{color:var(--blue)}.recommender-card-price{font-size:17px;font-weight:650;margin:0}.recommender-card-tags{display:flex;flex-wrap:wrap;gap:6px}.recommender-tag{background:color-mix(in srgb,var(--line),transparent 70%);border-radius:var(--radius-pill);font-size:12px;font-weight:650;padding:4px 10px}.recommender-tag-type{background:color-mix(in srgb,var(--blue),transparent 88%);color:var(--blue)}.recommender-tag-art{background:color-mix(in srgb,var(--green),transparent 88%);color:var(--green)}.recommender-tag-noart{background:color-mix(in srgb,var(--line),transparent 60%);color:var(--subtle)}.recommender-card-reasons{display:flex;flex-wrap:wrap;gap:6px}.recommender-reason-pill{border-radius:var(--radius-pill);font-size:12px;font-weight:650;padding:3px 9px}.recommender-reason-pill.match{background:color-mix(in srgb,var(--green),transparent 88%);color:var(--green)}.recommender-reason-pill.mismatch{background:color-mix(in srgb,var(--red),transparent 88%);color:var(--red)}.recommender-reason-pill.partial{background:color-mix(in srgb,var(--gold),transparent 85%);color:var(--gold)}.recommender-reason-pill.indifferent{background:color-mix(in srgb,var(--line),transparent 70%);color:var(--subtle)}.recommender-card-score{color:var(--subtle);margin:0}.recommender-card-link{color:var(--blue);font-size:14px;font-weight:650;text-decoration:none}.recommender-card-link:hover{text-decoration:underline}.recommender-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}@media (max-width:640px){.recommender-card{grid-template-columns:1fr}.recommender-card-media{max-height:220px}.wizard-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommender-budget-preset{flex:1 1 120px;min-width:100px}.recommender-actions{flex-direction:column;align-items:stretch}.recommender-actions .btn,.recommender-actions .recommender-restart{min-height:44px;width:100%}}@media (max-width:420px){.wizard-choice-grid{grid-template-columns:1fr}.recommender-budget-presets{flex-direction:column}}