@import"https://fonts.loli.net/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-elevated: #222222;--bg-parchment: #d4c5a9;--text-primary: #e8e0d0;--text-secondary: #a29880;--text-muted: #6b6355;--text-on-dark: #f5f0e8;--accent-gold: #c9a84c;--accent-rust: #8b2500;--accent-olive: #4a5d23;--accent-steel: #4a5568;--border-primary: #2a2520;--border-light: #3d362e;--border-highlight: #c9a84c;--faction-britain: #b8860b;--faction-germany: #4a4a4a;--faction-soviet: #8b1a1a;--faction-usa: #3d5a3d;--faction-japan: #8b7355;--faction-france: #2e4a7a;--faction-italy: #2d6a4f;--faction-finland: #4a7a8c;--faction-poland: #c93654;--faction-anzac: #648f86;--faction-neutral: #373737;--rarity-standard: #8a8478;--rarity-limited: #b87333;--rarity-special: #5b8fa8;--rarity-elite: #c9a84c;--type-infantry: #7a8b6e;--type-tank: #6b7b8d;--type-artillery: #8b7355;--type-fighter: #6b8fa3;--type-bomber: #8b6b5b;--type-order: #9b8b6b;--type-countermeasure: #6b6b8b;--font-display: "Bebas Neue", "Impact", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .6), 0 0 0 1px var(--border-highlight);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .8);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}.home-page{width:100%;overflow-y:auto;height:calc(100vh - 64px);background:var(--bg-primary);scroll-behavior:smooth;color:var(--text-primary)}.bp-hero{position:relative;min-height:calc(100vh - 64px);padding:60px var(--space-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,rgba(201,168,76,.06) 0%,transparent 70%),linear-gradient(180deg,#0c0d10,#12141a)}.bp-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(201,168,76,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(201,168,76,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.bp-hero__grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,#0a0a0d 95%)}.bp-hero__container{position:relative;z-index:2;max-width:1240px;width:100%;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.bp-hero__text{display:flex;flex-direction:column;align-items:flex-start}.bp-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent-gold);padding:6px 14px;border-radius:20px;background:#c9a84c14;border:1px solid rgba(201,168,76,.3);margin-bottom:20px}.bp-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold)}.bp-hero__title{font-family:var(--font-display);font-size:clamp(44px,5.5vw,76px);letter-spacing:4px;line-height:1.02;margin-bottom:16px;text-transform:uppercase;color:var(--text-on-dark)}.bp-hero__title-accent{background:linear-gradient(135deg,#fff3cd,#c9a84c 60%,#9e7810);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.bp-hero__desc{font-size:16px;line-height:1.8;color:var(--text-secondary);max-width:520px;margin-bottom:32px}.bp-hero__actions{display:flex;gap:16px;flex-wrap:wrap}.bp-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:var(--font-display);font-size:15px;letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none}.bp-btn--primary{background:linear-gradient(135deg,var(--accent-gold) 0%,#a38226 100%);color:#0c0d10;font-weight:700;border:1px solid var(--accent-gold);box-shadow:0 4px 16px #c9a84c4d}.bp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c80;filter:brightness(1.1)}.bp-btn--ghost{background:#ffffff08;color:var(--text-primary);border:1px solid var(--border-light)}.bp-btn--ghost:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#c9a84c0d}.bp-card-stage{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;perspective:1500px;isolation:isolate}.bp-card-stage__halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.2) 0%,rgba(67,105,138,.1) 38%,transparent 70%);filter:blur(18px);opacity:.85;pointer-events:none}.bp-card-frame{--identity-x: 0px;--identity-y: -2px;--cost-x: -10px;--cost-y: -7px;--combat-x: 10px;--combat-y: 8px;--tilt-x: 0deg;--tilt-y: 0deg;position:relative;z-index:2;width:clamp(300px,31vw,388px);aspect-ratio:500 / 702;border:1px solid rgba(201,168,76,.35);border-radius:16px;outline:none;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0);transform-style:preserve-3d;transition:transform .18s ease-out,border-color .24s ease,box-shadow .24s ease;box-shadow:0 34px 75px #000000b8,0 0 0 1px #c9a84c14;cursor:crosshair;touch-action:pan-y}.bp-card-frame:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:-1;border:1px solid rgba(201,168,76,.12);border-radius:24px;transform:translateZ(-36px);background:linear-gradient(90deg,transparent 49.8%,rgba(201,168,76,.12) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(201,168,76,.12) 50%,transparent 50.2%);pointer-events:none}.bp-card-frame:hover,.bp-card-frame:focus-visible,.bp-card-frame.is-interacting{border-color:#c9a84cbf;box-shadow:0 42px 95px #000000d1,0 0 45px #c9a84c33}.bp-card-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transform-style:preserve-3d;transition:opacity .42s ease,transform .22s cubic-bezier(.2,.75,.25,1),filter .22s ease;will-change:transform}.bp-card-frame.is-ready .bp-card-layer{opacity:1}.bp-card-layer--base{overflow:hidden;border-radius:14px;transform:translateZ(0);background:#080a0ce6}.bp-card-layer--identity{z-index:2;transform:translate3d(var(--identity-x),var(--identity-y),52px);filter:drop-shadow(0 10px 12px rgba(0,0,0,.68))}.bp-card-layer--cost{z-index:3;transform:translate3d(var(--cost-x),var(--cost-y),78px);filter:drop-shadow(-4px 12px 12px rgba(0,0,0,.72))}.bp-card-layer--combat{z-index:4;transform:translate3d(var(--combat-x),var(--combat-y),96px);filter:drop-shadow(5px 14px 14px rgba(0,0,0,.72))}.bp-card-canvas{display:block;width:100%;height:100%}.bp-card-scanline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;border-radius:14px;pointer-events:none;transform:translateZ(112px)}.bp-card-scanline:after{content:"";position:absolute;left:3%;right:3%;height:1px;top:14%;background:linear-gradient(90deg,transparent,rgba(229,204,133,.75),transparent);box-shadow:0 0 12px #e5cc8573;opacity:0}.bp-card-frame:hover .bp-card-scanline:after,.bp-card-frame:focus-visible .bp-card-scanline:after{opacity:1;animation:bp-card-scan 2.8s ease-in-out infinite}@keyframes bp-card-scan{0%,to{transform:translateY(0)}50%{transform:translateY(450px)}}.bp-layer-legend{position:absolute;z-index:6;left:0;top:50%;display:grid;gap:10px;transform:translateY(-50%);pointer-events:none}.bp-layer-legend__item{width:132px;padding:10px 12px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-left-width:3px;background:#0a0d12cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);font:10px/1.25 var(--font-mono);letter-spacing:.04em}.bp-layer-legend__item span{color:#ffffff75}.bp-layer-legend__item strong{color:var(--text-secondary);font-weight:500}.bp-layer-legend__item--base{border-left-color:#778391}.bp-layer-legend__item--identity{border-left-color:#c9a84c}.bp-layer-legend__item--combat{border-left-color:#8faec6}.bp-hero__credit{display:flex;align-items:center;gap:7px;margin-top:4px;color:var(--text-muted);font:11px/1.4 var(--font-mono)}.bp-hero__credit-label{padding:3px 6px;border:1px solid rgba(201,168,76,.35);color:var(--accent-gold);letter-spacing:.08em}.bp-hero__credit strong{color:var(--text-secondary);font-weight:600}.bento-section{padding:100px var(--space-xl);max-width:1240px;margin:0 auto}.bento-section__header{text-align:center;max-width:600px;margin:0 auto 60px}.bento-section__tag{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:12px}.bento-section__title{font-family:var(--font-display);font-size:clamp(32px,4vw,44px);letter-spacing:2px;margin-bottom:12px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bento-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.bento-card:hover{border-color:#c9a84c66;transform:translateY(-4px);box-shadow:0 12px 30px #00000080,0 0 20px #c9a84c14}.bento-card--span-2{grid-column:span 2}.bento-card__badge{font-family:var(--font-mono);font-size:11px;color:var(--accent-gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.bento-card__title{font-family:var(--font-display);font-size:26px;letter-spacing:1px;margin-bottom:10px;color:var(--text-primary)}.bento-card__desc{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:24px}.bento-faction-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.bento-chip{padding:5px 12px;font-size:12px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bento-chip:hover,.bento-chip.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#c9a84c1a}.bento-preview-box{background:var(--bg-secondary);border:1px dashed var(--border-light);border-radius:8px;padding:20px;min-height:160px;display:flex;align-items:center;justify-content:space-between}.bento-drawer-mock{background:#0c0e12f2;border:1px solid var(--border-light);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 15px #00000080}.bento-drawer-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);border-bottom:1px solid var(--border-primary);padding-bottom:8px;margin-bottom:4px}.bento-acc-item{border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);overflow:hidden;transition:border-color .2s ease}.bento-acc-item.active{border-color:#c9a84c66;box-shadow:0 0 10px #c9a84c14}.bento-acc-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;background:var(--bg-card);-webkit-user-select:none;user-select:none}.bento-acc-header:hover{background:#ffffff0a}.bento-acc-arrow{font-size:9px;color:var(--accent-gold)}.bento-acc-body{display:none;padding:10px;flex-direction:column;gap:8px;background:#0a0a0c99;border-top:1px solid var(--border-primary)}.bento-acc-item.active .bento-acc-body{display:flex}.bento-drawer-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.bento-input-pill{padding:2px 8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;font-family:monospace;font-size:10px;color:var(--accent-gold)}.bento-color-picker{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-light);padding:2px 6px;border-radius:4px}.bento-color-dot{width:12px;height:12px;border-radius:2px}.bento-pipette-btn{font-size:10px;cursor:pointer;padding:0 2px}.bento-drawer-foot{margin-top:4px;text-align:center}.bento-reset-btn{font-size:10px;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border-primary);padding:4px 10px;border-radius:4px;width:100%;cursor:pointer;transition:all .2s ease}.bento-pack-studio{background:#0c0e12f2;border:1px solid var(--border-light);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 15px #00000080}.bento-pack-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);border-bottom:1px solid var(--border-primary);padding-bottom:8px}.bento-pack-opts{display:flex;flex-direction:column;gap:6px}.bento-pack-opt{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.bento-pack-opt input{accent-color:var(--accent-gold)}.bento-pack-action{border-top:1px solid var(--border-primary);padding-top:10px;display:flex;flex-direction:column;gap:8px}.bento-pack-zip-info{font-family:monospace;font-size:11px;color:var(--accent-gold);background:#c9a84c14;padding:4px 8px;border-radius:4px;border:1px dashed rgba(201,168,76,.3);text-align:center}.bento-pack-btn{background:linear-gradient(135deg,var(--accent-gold) 0%,#a38226 100%);color:#0c0d10;font-weight:700;font-size:11px;padding:8px;border-radius:4px;border:none;cursor:pointer;transition:transform .2s ease,filter .2s ease}.bento-pack-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.bento-reedit-wrapper{display:grid;grid-template-columns:180px 1fr;gap:20px;background:#0c0e12f2;border:1px solid var(--border-light);border-radius:10px;padding:16px;align-items:center}.bento-reedit-side--mini{display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid var(--border-primary);padding-right:16px}.bento-mini-title{font-family:var(--font-display);font-size:12px;color:var(--accent-gold);letter-spacing:1px}.bento-mini-canvas-container{width:120px;height:168px;border-radius:6px;overflow:hidden;box-shadow:0 8px 25px #000c;border:1px solid rgba(201,168,76,.4);background:#000;display:flex;align-items:center;justify-content:center}.bento-mini-canvas{width:100%;height:100%;object-fit:contain;display:block}.bento-mini-sub{font-size:10px;color:var(--text-muted)}.bento-reedit-side--flow{display:flex;flex-direction:column;gap:14px}.bento-flow-title{font-family:var(--font-display);font-size:14px;color:#ffe082;letter-spacing:1px}.bento-flow-diagram{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#00000080;padding:14px 10px;border-radius:8px;border:1px solid rgba(201,168,76,.2)}.bento-flow-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;min-width:80px;text-align:center}.bento-flow-step--active{border-color:#c9a84c80;background:#c9a84c14;box-shadow:0 0 12px #c9a84c26}.bento-flow-step--planned{border-style:dashed;border-color:#8faec680;background:#8faec60f}.bento-flow-icon{color:var(--accent-gold);font:700 9px/1 var(--font-mono);letter-spacing:.08em}.bento-flow-label{font-size:9px;color:var(--text-secondary);line-height:1.2}.bento-flow-beam{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.bento-beam-line{width:100%;height:3px;background:linear-gradient(90deg,#c9a84c33,#c9a84cf2,#c9a84c33);background-size:200% 100%;border-radius:2px;animation:beam-flow 1.8s linear infinite}@keyframes beam-flow{0%{background-position:100% 0}to{background-position:-100% 0}}.bento-beam-tag{font-size:8px;font-family:monospace;color:var(--accent-gold);background:#000000b3;padding:1px 4px;border-radius:2px;white-space:nowrap}.bento-flow-tip{font-size:10px;line-height:1.5;color:var(--text-secondary);background:#c9a84c0d;border-left:2px solid var(--accent-gold);padding:6px 10px;border-radius:4px}.bento-reedit-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;transition:all .3s ease}.bento-reedit-item--highlight{background:#c9a84c14;border-color:#c9a84c59;box-shadow:0 4px 15px #c9a84c1a}.bento-reedit-icon{font-size:24px;flex-shrink:0}.bento-preview-canvas-wrapper{width:140px;height:196px;border-radius:6px;overflow:hidden;box-shadow:0 6px 18px #000000b3;border:1px solid rgba(201,168,76,.3);background:#000;display:flex;align-items:center;justify-content:center}.bento-mold-canvas{width:100%;height:100%;object-fit:contain;display:block}.bento-preview-info{display:flex;flex-direction:column;gap:6px}.bento-preview-name{font-family:var(--font-display);font-size:22px;color:var(--accent-gold);letter-spacing:1px}.bento-preview-desc{font-size:12px;color:var(--text-muted)}.bento-preview-swatch{width:60px;height:60px;border-radius:50%;border:2px solid var(--accent-gold);box-shadow:0 4px 15px #0006;transition:background .3s ease}.bento-control-mock{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:10px}.bento-slider-track{height:4px;background:var(--border-light);border-radius:2px;position:relative}.bento-slider-thumb{position:absolute;top:-4px;left:60%;width:12px;height:12px;border-radius:50%;background:var(--accent-gold)}.matrix-section{padding:80px var(--space-xl);background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary)}.matrix-container{max-width:1000px;margin:0 auto}.matrix-table{width:100%;border-collapse:collapse;margin-top:30px;font-size:14px}.matrix-table th,.matrix-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border-primary)}.matrix-table th{font-family:var(--font-display);font-size:16px;letter-spacing:1.5px;color:var(--accent-gold);text-transform:uppercase;background:#c9a84c08}.matrix-table tr:hover td{background:#ffffff04}.matrix-check{color:var(--accent-gold);font-weight:700}.matrix-check-value{display:inline-flex;align-items:flex-start;gap:7px}.bp-cta{padding:100px var(--space-xl);text-align:center;background:radial-gradient(ellipse at center bottom,rgba(201,168,76,.1) 0%,transparent 60%),var(--bg-primary)}.bp-cta__inner{max-width:600px;margin:0 auto}.bp-cta__title{font-family:var(--font-display);font-size:38px;letter-spacing:3px;margin-bottom:16px}.bp-cta__desc{font-size:15px;color:var(--text-muted);margin-bottom:36px}@media(max-width:1024px){.bp-hero__container{grid-template-columns:1fr;gap:40px;text-align:center}.bp-hero__text{align-items:center}.bp-hero__credit{justify-content:center}.bp-card-stage{width:min(620px,100%);margin:0 auto}.bento-grid{grid-template-columns:1fr}.bento-card--span-2{grid-column:span 1}}@media(max-width:768px){.bp-card-frame{width:min(300px,78vw)}.bp-card-stage{min-height:530px;padding-top:12px;align-items:flex-start}.bp-layer-legend{left:50%;top:auto;bottom:0;width:min(100%,460px);grid-template-columns:repeat(3,1fr);gap:6px;transform:translate(-50%)}.bp-layer-legend__item{width:auto;min-width:0;padding:8px;grid-template-columns:1fr;gap:2px;text-align:center}.bp-layer-legend__item span{display:none}.bp-hero__title{font-size:36px}.bento-section,.matrix-section,.bp-cta{padding:60px var(--space-md)}.bento-reedit-wrapper{grid-template-columns:1fr}.bento-reedit-side--mini{border-right:0;border-bottom:1px solid var(--border-primary);padding-right:0;padding-bottom:16px}}@media(max-width:600px){.bento-flow-diagram{flex-direction:column;align-items:stretch;gap:8px}.bento-flow-step{min-width:0}.bento-flow-beam{flex:0 0 auto;width:100%}.matrix-table thead{display:none}.matrix-table,.matrix-table tbody,.matrix-table tr,.matrix-table td{display:block;width:100%}.matrix-table tbody{display:grid;gap:12px}.matrix-table tr{padding:16px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:#ffffff05}.matrix-table td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:7px 0;border:0}.matrix-table td:before{content:attr(data-label);font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.bp-card-frame,.bp-card-layer{transition:none}.bp-card-frame{transform:none!important}.bp-card-scanline:after{animation:none!important}}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/bebas-neue-latin-400-normal.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow:hidden;background-image:radial-gradient(ellipse at 20% 50%,rgba(201,168,76,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,37,0,.03) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.003) 2px,rgba(255,255,255,.003) 4px)}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--accent-gold);color:var(--bg-primary)}@media(pointer:fine){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0 var(--space-xl);height:64px;background:linear-gradient(180deg,#0c0c0cf5,#080808eb);border-top:1px solid rgba(201,168,76,.35);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 30px #000c;flex-shrink:0}.app-header .header-left{position:absolute;left:var(--space-xl);display:flex;align-items:center;gap:14px;z-index:10}.app-header .brand{position:relative;left:auto;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.app-header .brand:hover{background:#c9a84c0d}.app-header .brand-svg{width:28px;height:28px;flex-shrink:0;transition:transform var(--transition-normal),filter var(--transition-fast)}.app-header .brand:hover .brand-svg{transform:scale(1.08);filter:drop-shadow(0 0 6px var(--accent-gold))}.app-header .brand-text-block{display:flex;flex-direction:column}.app-header .brand-title{font-family:var(--font-display);font-size:26px;letter-spacing:3px;background:linear-gradient(135deg,#ffe082,#c9a84c,#9e7810);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;font-weight:900;line-height:1;text-shadow:0 0 10px rgba(201,168,76,.25)}.app-header .brand small{font-family:var(--font-body);font-size:10px;color:var(--text-secondary);opacity:.8;letter-spacing:3.5px;text-transform:uppercase;display:block;margin-top:1px;font-weight:400}.app-header .navbar-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-md);list-style:none}.app-header .nav-link{position:relative;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);transition:all var(--transition-normal);display:inline-block;text-decoration:none}.app-header .nav-link:before{content:"[";position:absolute;left:-2px;opacity:0;color:var(--accent-gold);transform:translate(8px);transition:transform var(--transition-normal),opacity var(--transition-normal);font-weight:700}.app-header .nav-link:after{content:"]";position:absolute;right:-2px;opacity:0;color:var(--accent-gold);transform:translate(-8px);transition:transform var(--transition-normal),opacity var(--transition-normal);font-weight:700}.app-header .nav-link:hover,.app-header .nav-link.active{color:var(--accent-gold);font-weight:600;text-shadow:0 0 8px rgba(201,168,76,.4)}.app-header .nav-link:hover:before,.app-header .nav-link.active:before{opacity:1;transform:translate(0)}.app-header .nav-link:hover:after,.app-header .nav-link.active:after{opacity:1;transform:translate(0)}.ui-icon{display:inline-block;flex:0 0 auto;vertical-align:-.18em}.app-main{display:grid;grid-template-columns:1fr 380px;min-height:0;height:calc(100vh - 64px);position:relative;overflow:hidden}.canvas-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:10px 16px;min-height:0;height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;position:relative;background:radial-gradient(ellipse at 50% 40%,rgba(201,168,76,.04),transparent 60%),var(--bg-primary)}.stage-toolbar{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:0 4px 12px #0000004d;z-index:10}.stage-toolbar-history{display:flex;align-items:center;gap:2px;padding-left:2px}.btn-history{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:var(--radius-sm);color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-history:hover:not(:disabled):not(.disabled){color:var(--accent-gold);background:#c9a84c1f;border-color:#c9a84c4d;box-shadow:0 2px 6px #0003}.btn-history:active:not(:disabled):not(.disabled){transform:translateY(1px)}.btn-history:disabled,.btn-history.disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.stage-toolbar-divider{width:1px;height:20px;background:var(--border-primary);margin:0 4px}.btn-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-toggle:hover{color:var(--text-primary)}.btn-toggle.active{background:var(--accent-gold);color:var(--bg-primary);font-weight:600;box-shadow:0 2px 6px #0003}.stage-content{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);max-height:calc(100vh - 120px);width:100%}.stage-content.view-main .mini-frame,.stage-content.view-mini .main-frame{display:none!important}.canvas-stage .card-frame{position:relative;display:flex;box-shadow:var(--shadow-modal);border-radius:12px;background:#000}.canvas-stage .main-frame canvas{display:block;max-height:calc(100vh - 230px);max-width:100%;width:auto;height:auto;border-radius:12px;touch-action:none}.canvas-stage .mini-frame canvas{display:block;max-height:calc(100vh - 280px);max-width:100%;width:auto;height:auto;border-radius:12px;touch-action:none}.panel{background:var(--bg-secondary);border-left:1px solid var(--border-primary);overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.panel-section{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md)}.panel-section>h3{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-gold);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.panel-section>h3:after{content:"";flex:1;height:1px;background:var(--border-light)}.panel-section.export-section{background:transparent;border:none;padding:0;position:sticky;bottom:0}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:.78rem;color:var(--text-secondary)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}input[type=text],input[type=number],select,textarea{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:7px 9px;font-size:.86rem;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-gold)}textarea{resize:vertical;min-height:68px;line-height:1.5}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 10px;font-size:.76rem;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);transition:all var(--transition-fast)}.chip:hover{border-color:var(--accent-gold);color:var(--text-primary)}.chip.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary);font-weight:600}.switch{display:flex;align-items:center;gap:var(--space-sm)}.btn{padding:9px 14px;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;letter-spacing:.04em;border:1px solid var(--border-light);background:var(--bg-elevated);transition:all var(--transition-fast)}.btn:hover:not(:disabled){border-color:var(--accent-gold)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:auto;color:var(--text-muted)}.btn-primary{background:linear-gradient(180deg,#d8b757,var(--accent-gold));color:var(--bg-primary);border-color:var(--accent-gold)}.btn-primary:hover{filter:brightness(1.08)}.btn-block{width:100%}.hint{font-size:.72rem;color:var(--text-muted);line-height:1.4}.hint--with-icon{display:flex;align-items:flex-start;gap:6px}.hint--with-icon .ui-icon{margin-top:1px;color:var(--accent-gold)}.range-field{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:6px 10px}.range-field input[type=range]{flex:1;accent-color:var(--accent-gold);cursor:pointer}.wear-val-label{font-size:.82rem;font-family:monospace;font-weight:600;color:var(--accent-gold);min-width:40px;text-align:right}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.2em;z-index:100;transition:opacity var(--transition-slow)}.boot-overlay.hidden{opacity:0;pointer-events:none;display:none}.style-drawer-wrapper{position:absolute;left:0;top:0;bottom:0;z-index:50;pointer-events:none}.style-drawer{position:absolute;left:0;top:0;bottom:0;width:330px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:50;box-shadow:8px 0 24px #00000073;transition:transform .28s cubic-bezier(.4,0,.2,1);transform:translate(0);pointer-events:auto}.style-drawer.collapsed{transform:translate(-100%)}.drawer-toggle-btn{position:absolute;left:0;top:140px;z-index:60;pointer-events:auto;display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary));border:1px solid var(--accent-gold);border-left:none;border-radius:0 8px 8px 0;color:var(--accent-gold);font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:4px 2px 10px #00000059;cursor:pointer;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease;transform:translate(0);opacity:1}.drawer-toggle-btn:hover{background:var(--accent-gold);color:var(--bg-primary);box-shadow:6px 4px 14px #c9a84c66}.style-drawer:not(.collapsed)~.drawer-toggle-btn{transform:translate(-100%);opacity:0;pointer-events:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.drawer-header h2{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--accent-gold);letter-spacing:.05em}.drawer-close-btn{font-size:1rem;color:var(--text-muted);padding:2px 6px;border-radius:4px}.drawer-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.drawer-content{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.drawer-footer{padding:12px;background:var(--bg-primary);border-top:1px solid var(--border-primary);flex-shrink:0}.btn-reset-style{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:var(--border-light);color:var(--text-secondary)}.btn-reset-style:hover{border-color:#e74c3c;color:#e74c3c;background:#e74c3c1a}.accordion-group{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden;flex-shrink:0}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:600;color:var(--text-primary);transition:background .15s ease;flex-shrink:0}.accordion-header:hover{background:var(--bg-elevated)}.accordion-title{display:inline-flex;align-items:center;gap:8px}.accordion-arrow{display:inline-flex;align-items:center;color:var(--text-muted)}.accordion-body{display:none;padding:12px;flex-direction:column;gap:12px;background:var(--bg-card);border-top:1px solid var(--border-light);flex-shrink:0}.accordion-body.open{display:flex}.style-field{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.style-label{font-size:.75rem;color:var(--text-muted)}.color-control-group{display:flex;align-items:center;gap:6px}.color-picker-input{width:32px;height:32px;padding:0;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;background:none}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.color-text-input{flex:1;font-size:.8rem;padding:5px 8px;font-family:monospace}.btn-dropper{width:32px;height:32px;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-elevated);font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-dropper:hover{border-color:var(--accent-gold);background:var(--bg-secondary)}.num-control-group{display:flex;align-items:center;gap:6px}.num-control-group .num-input{width:80px;padding:5px 8px;font-size:.82rem}.num-control-group .unit{font-size:.75rem;color:var(--text-muted)}.offset-control-group{display:flex;align-items:center;gap:6px}.offset-control-group .axis-label{font-size:.72rem;font-weight:600;color:var(--accent-gold)}.offset-control-group .offset-input{width:60px;padding:4px 6px;font-size:.8rem}.btn-mini-reset{width:26px;height:26px;border:1px solid var(--border-light);border-radius:4px;color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-mini-reset:hover{color:var(--text-primary);border-color:var(--accent-gold)}@media(max-width:600px){.app-header{justify-content:space-between;padding:0 12px}.app-header .brand{position:static;gap:6px;padding:4px}.app-header .brand-title{font-size:18px;letter-spacing:1.5px}.app-header .brand small{display:none}.app-header .navbar-nav{gap:2px}.app-header .nav-link{padding:var(--space-sm) 8px;font-size:13px;letter-spacing:1px}}.navbar__auth{position:absolute;right:var(--space-xl);display:flex;align-items:center;gap:12px}.auth-btn{padding:6px 16px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:14px;letter-spacing:1.5px;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.auth-btn--login{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.auth-btn--login:hover{background:#ffffff0d;border-color:var(--text-muted)}.auth-btn--signup{background:var(--accent-gold);color:#000;border:1px solid var(--accent-gold);font-weight:700}.auth-btn--signup:hover{background:#d4b55c;box-shadow:0 0 12px #c9a84c66}.navbar__dropdown{position:relative}.user-dropdown-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.user-dropdown-toggle:hover{background:#ffffff0d}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--accent-gold);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--accent-gold);font-weight:700;font-size:14px}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{color:var(--text-primary);font-size:14px;font-family:var(--font-body);font-weight:500}.navbar__dropdown-arrow{font-size:8px;color:var(--text-secondary);transition:transform var(--transition-normal);display:inline-block}.navbar__dropdown-menu{position:absolute;top:100%;right:0;transform:translateY(12px) scale(.96);transform-origin:top right;z-index:1010;width:220px;background:#0e0e0efa;border:1px solid var(--border-light);border-top:2px solid var(--accent-gold);border-radius:var(--radius-sm);box-shadow:0 12px 36px #000000d9;padding:var(--space-xs) 0;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.navbar__dropdown:hover .navbar__dropdown-menu,.navbar__dropdown:focus-within .navbar__dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(4px) scale(1)}.navbar__dropdown:hover .navbar__dropdown-arrow{transform:rotate(180deg);color:var(--accent-gold)}.navbar__dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;font-size:13px;font-weight:500}.navbar__dropdown-item:hover{background:#c9a84c14;color:var(--accent-gold);padding-left:20px}.navbar__dropdown-divider{height:1px;background:var(--border-primary);margin:6px 0}@keyframes overlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;z-index:9999;display:flex;align-items:center;justify-content:center;animation:overlayEnter .3s ease forwards}.auth-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-top:3px solid var(--accent-gold);border-radius:var(--radius-md);padding:var(--space-xl);width:400px;max-width:90%;box-shadow:var(--shadow-modal);position:relative;animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275) forwards}.auth-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color var(--transition-fast)}.auth-modal-close:hover{color:var(--text-primary)}.auth-modal__header{text-align:center;margin-bottom:var(--space-lg)}.auth-modal__title{font-family:var(--font-display);font-size:24px;color:var(--accent-gold);letter-spacing:2px;margin-bottom:4px}.auth-modal__subtitle{font-size:12px;color:var(--text-muted);letter-spacing:1px}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group label{font-size:12px;color:var(--text-secondary);font-weight:600}.auth-input{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a84c33}.auth-submit-btn{background:var(--accent-gold);color:#000;border:none;padding:12px;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:2px;border-radius:var(--radius-sm);cursor:pointer;margin-top:8px;transition:all var(--transition-fast)}.auth-submit-btn:hover{background:#d4b55c;box-shadow:0 4px 12px #c9a84c66}.auth-submit-btn:disabled{background:var(--border-primary);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.auth-switch{text-align:center;margin-top:var(--space-md);font-size:13px;color:var(--text-secondary)}.auth-switch a{color:var(--accent-gold);text-decoration:none;font-weight:700;margin-left:4px}.auth-switch a:hover{text-decoration:underline}.auth-error{color:var(--accent-rust);font-size:13px;text-align:center;margin-top:4px;min-height:20px}.verify-email-modal{animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275) forwards}.verify-email-icon{font-size:48px;margin:8px 0 4px;text-align:center;filter:drop-shadow(0 0 12px rgba(201,168,76,.5));animation:floatIcon 3s ease-in-out infinite}.verify-email-content{display:flex;flex-direction:column;gap:14px;text-align:center}.verify-email-text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.verify-email-address{background:#c9a84c14;color:var(--accent-gold);border:1px dashed rgba(201,168,76,.4);padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;font-weight:700;word-break:break-all}.verify-email-warning{font-size:12px;color:var(--accent-rust);line-height:1.5;margin:0}.verify-email-actions{margin:4px 0}.verify-email-goto-btn{display:inline-block;text-decoration:none;width:100%;box-sizing:border-box;text-align:center;line-height:20px}.verify-email-tips{background:#00000040;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);text-align:left;font-size:11px;color:var(--text-muted)}.verify-tips-title{font-weight:700;color:var(--text-secondary);margin-bottom:4px}.verify-email-tips ul{margin:0;padding-left:16px;line-height:1.7}.slot-loading-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0d12e0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;transition:opacity .3s ease}.slot-loading-spinner.hidden{opacity:0;pointer-events:none}.spinner-ring{width:28px;height:28px;border:2.5px solid rgba(201,168,76,.2);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}.packager-page{width:100%;height:calc(100vh - 64px);overflow-y:auto;background:var(--bg-primary);color:var(--text-primary);padding:32px var(--space-xl);box-sizing:border-box}.packager-header{max-width:1240px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border-primary);padding-bottom:20px}.packager-badge{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:6px}.packager-title{font-family:var(--font-display);font-size:32px;letter-spacing:2px;margin:0;color:var(--text-on-dark)}.packager-subtitle{font-size:13px;color:var(--text-secondary);margin:6px 0 0;max-width:720px;line-height:1.5}.packager-main-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;padding-bottom:60px}.packager-card-box{background:var(--bg-card);border:1px solid var(--border-primary);border-top:3px solid var(--accent-gold);border-radius:var(--radius-md);padding:20px 24px;box-shadow:0 8px 24px #0006}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.box-title{font-family:var(--font-display);font-size:18px;color:var(--accent-gold);letter-spacing:1px;font-weight:700}.box-tag{font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:10px;background:#c9a84c26;color:var(--accent-gold);border:1px solid rgba(201,168,76,.3)}.packager-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;gap:12px;width:100%}.form-row>.form-group{flex:1;width:100%;min-width:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.req-star{color:var(--accent-rust)}.form-input,.form-select,.form-textarea{background:#00000059;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;transition:all .2s ease;box-sizing:border-box}#field-name-en{text-transform:uppercase}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a84c33;background:#0000008c}.form-select option{background:#12151c;color:#fff}.form-textarea{resize:vertical;line-height:1.5}.form-textarea:disabled,.form-textarea--locked{background:#0009!important;border-color:#c9a84c4d!important;color:var(--text-muted)!important;cursor:not-allowed!important;opacity:.75}.form-hint{font-size:11px;color:var(--text-muted)}.form-actions{margin-top:8px}.checklist-intro{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0 0 16px}.checklist-list{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding-right:4px}.checklist-item{background:#00000040;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .2s ease}.checklist-item--required{border-left:3px solid var(--accent-gold)}.checklist-item--loaded{background:#2ecc7114!important;border-color:#2ecc7180!important;border-left:4px solid #2ecc71!important;box-shadow:-4px 0 14px #2ecc7140;animation:loadedGlow .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes loadedGlow{0%{transform:scale(.99);opacity:.8}50%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}.badge-checked-green{display:inline-flex;align-items:center;gap:3px;background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.4);font-size:10px;padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-weight:700}.item-info{flex:1;min-width:0}.item-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-tag{font-size:10px;padding:1px 6px;border-radius:4px;font-family:var(--font-mono)}.item-tag--req{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.item-tag--opt{background:#ffffff0d;color:var(--text-muted)}.item-desc{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-dim{font-family:var(--font-mono);color:var(--accent-gold)}.item-status-text{font-size:11px;color:#2ecc71;font-weight:700;margin-top:4px}.item-action{display:flex;align-items:center;gap:8px;flex-shrink:0}.upload-label{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;padding:6px 14px!important;font-size:12px!important;cursor:pointer!important;height:32px!important;box-sizing:border-box!important}.file-input-hidden{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important}.checklist-choice-box{background:#0003;border:1px dashed rgba(201,168,76,.35);border-radius:var(--radius-sm);padding:8px 10px;position:relative;display:flex;flex-direction:column;gap:8px}.checklist-choice-header{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--accent-gold);font-weight:700;font-family:var(--font-mono);padding-bottom:4px;border-bottom:1px solid rgba(201,168,76,.15)}.checklist-choice-box--satisfied{background:#2ecc710a;border:1px dashed rgba(46,204,113,.45)}.checklist-choice-box--satisfied .checklist-choice-header{color:#2ecc71;border-bottom-color:#2ecc7133}.checklist-choice-box--satisfied .checklist-bracket-tag{background:#2ecc7126;border-color:#2ecc7180;color:#2ecc71}.packager-keywords-section{background:#00000040;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:10px}.keywords-group-title{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.packager-keywords-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto}.keyword-chip{padding:4px 10px;font-size:12px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.keyword-chip:hover{border-color:var(--accent-gold);color:var(--text-primary)}.keyword-chip.active{background:#c9a84c2e;border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.keyword-chip--exile.active{background:#8e44ad40;border-color:#a569bd;color:#d7bde2}.keyword-chip--apply{border-style:dashed;color:var(--text-muted);opacity:.65;cursor:not-allowed}.keyword-chip--apply:hover{opacity:.9;border-color:#a569bd}.custom-select{position:relative;width:100%;-webkit-user-select:none;user-select:none;font-family:var(--font-body)}.custom-select-trigger{background:#00000059;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:13px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;min-height:38px;box-sizing:border-box}.custom-select-trigger:hover{border-color:var(--accent-gold);background:#00000080}.custom-select.is-open .custom-select-trigger{border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a84c33;background:#0009}.custom-select.disabled .custom-select-trigger{opacity:.4;cursor:not-allowed;border-color:var(--border-primary)}.custom-select-val{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{font-size:10px;color:var(--text-muted);transition:transform .2s ease}.custom-select.is-open .custom-select-arrow{transform:rotate(180deg);color:var(--accent-gold)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;z-index:1200;background:#0e1016fa;border:1px solid var(--border-light);border-top:2px solid var(--accent-gold);border-radius:var(--radius-sm);box-shadow:0 12px 36px #000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;overflow:hidden;box-sizing:border-box}.custom-select.is-open .custom-select-dropdown{display:block}.custom-select-columns-box{display:flex;min-height:180px;max-height:280px}.custom-select-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.custom-select-col--official{border-right:1px dashed var(--border-primary);background:#00000026}.custom-select-col--diy{background:#0000004d}.custom-select-group-title{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--accent-gold);padding:8px 12px 6px;text-transform:uppercase;display:flex;align-items:center;gap:6px;background:#0000004d;border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:10}.custom-select-group-title--diy{color:#a569bd}.custom-select-options-list{flex:1;padding:4px 0}.custom-select-option{padding:8px 12px;font-size:12px;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .15s ease}.custom-select-option:hover{background:#c9a84c1a;color:var(--accent-gold)}.custom-select-option.is-selected{background:#c9a84c26;color:var(--accent-gold);font-weight:600}.option-badge{font-family:var(--font-mono);font-size:9px;padding:1px 6px;border-radius:4px;text-transform:uppercase}.option-badge--official{background:#c9a84c1f;color:var(--accent-gold);border:1px solid rgba(201,168,76,.25)}.option-badge--diy{background:#a569bd26;color:#d7bde2;border:1px solid rgba(165,105,189,.3)}.custom-select-apply-item{border-top:1px dashed var(--border-primary);margin-top:4px;padding:10px 14px 6px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:12px;cursor:not-allowed;background:#0003;opacity:.65;transition:opacity .2s ease}.custom-select-apply-item:hover{opacity:.9;background:#ffffff08}.packager-footer-actions{margin-top:16px;display:flex;flex-direction:column;gap:12px}.packager-status-summary{padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;line-height:1.5;transition:all .3s ease}.packager-status-summary--warning{background:#e67e221a;border:1px dashed rgba(230,126,34,.45);color:#f39c12}.packager-status-summary--success{background:#2ecc711a;border:1px solid rgba(46,204,113,.4);color:#2ecc71;font-weight:500}.bp-btn--gold{background:linear-gradient(135deg,#c9a84c,#a38226)!important;color:#0c0d10!important;border:1px solid #e0be63!important;border-radius:6px!important;box-shadow:0 4px 14px #c9a84c4d!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.bp-btn--gold:hover:not(:disabled){background:linear-gradient(135deg,#dfbc5e,#b8932e)!important;box-shadow:0 6px 20px #c9a84c73!important;transform:translateY(-1px)}.bp-btn--gold:disabled,.bp-btn:disabled{background:#181c26e6!important;border:1.5px dashed rgba(201,168,76,.45)!important;color:#ffffff73!important;cursor:not-allowed!important;box-shadow:inset 0 0 0 1px #ffffff08!important;opacity:1!important;transform:none!important}.upload-label,.bp-btn--subtle,.bp-btn--ghost,.packager-action-btn{background:#c9a84c1a!important;border:1px solid rgba(201,168,76,.4)!important;color:var(--accent-gold)!important;border-radius:5px!important;transition:all .2s ease!important;box-shadow:0 2px 6px #0003!important}.upload-label:hover,.bp-btn--subtle:hover,.bp-btn--ghost:hover,.packager-action-btn:hover{background:#c9a84c40!important;border-color:var(--accent-gold)!important;color:#fff!important;box-shadow:0 4px 12px #c9a84c59!important;transform:translateY(-1px)}@media(max-width:899px){.packager-page{padding:16px 12px}.packager-header{flex-direction:column;align-items:flex-start;gap:16px}.packager-title{font-size:24px}.packager-main-grid{grid-template-columns:1fr;gap:16px;padding-bottom:30px}.form-row--2,.form-row--4{flex-direction:column;gap:10px}.checklist-list{max-height:none}}.export-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080a0ec7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:overlayEnter .25s cubic-bezier(.16,1,.3,1) forwards}.export-modal-overlay.closing{opacity:0;transition:opacity .2s ease}.export-modal{background:linear-gradient(180deg,#1d2127,#13161a);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-gold, #c5a059);border-radius:var(--radius-lg, 12px);box-shadow:0 24px 64px #000000d9,0 0 0 1px #ffffff0d;width:720px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:modalEnter .35s cubic-bezier(.16,1,.3,1) forwards;color:var(--text-primary, #e6edf3);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.export-modal-close{position:absolute;top:14px;right:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted, #8b949e);font-size:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.export-modal-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.export-modal__header{padding:20px 24px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.export-modal__badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--accent-gold, #c5a059);text-transform:uppercase;margin-bottom:4px}.export-modal__title{margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:.02em;color:#fff}.export-modal__desc{margin:0;font-size:13px;color:var(--text-muted, #8b949e);line-height:1.5}.export-card-bar{margin:12px 24px 8px;padding:10px 14px;background:#00000059;border:1px solid rgba(255,255,255,.07);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.export-card-bar__name{font-size:14px;font-weight:600;color:#f0f6fc}.export-card-bar__sub{font-size:12px;color:var(--text-muted, #8b949e);margin-left:6px;font-weight:400}.export-card-bar__meta{display:flex;gap:6px;margin-top:4px}.meta-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff14;color:#c9d1d9}.meta-tag--faction{background:#d4af3726;color:var(--accent-gold, #c5a059);border:1px solid rgba(212,175,55,.3)}.meta-tag--code{font-family:monospace;background:#38bdf81f;color:#38bdf8}.export-card-bar__pkg-name{font-size:12px;display:flex;align-items:center;gap:6px}.pkg-label{color:var(--text-muted, #8b949e)}.pkg-code{background:#ffffff0f;padding:3px 8px;border-radius:4px;font-family:monospace;font-size:12px;color:#e6edf3;border:1px solid rgba(255,255,255,.1)}.export-quick-bar{display:flex;align-items:center;gap:8px;padding:6px 24px 10px}.export-quick-label{font-size:12px;color:var(--text-muted, #8b949e)}.export-chip-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#c9d1d9;font-size:11px;padding:3px 9px;cursor:pointer;transition:all .15s ease}.export-chip-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.export-modal__body{flex:1;overflow-y:auto;padding:4px 24px 16px;display:flex;flex-direction:column;gap:16px}.export-modal__body::-webkit-scrollbar{width:6px}.export-modal__body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.export-group{display:flex;flex-direction:column;gap:8px}.export-group__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;display:flex;align-items:center;gap:6px}.group-icon{font-size:14px}.export-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-options-grid--3col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.export-options-grid--4col{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:768px){.export-options-grid--3col{grid-template-columns:1fr}}@media(max-width:620px){.export-options-grid--4col{grid-template-columns:1fr}}@media(max-width:620px){.export-options-grid{grid-template-columns:1fr}}.export-opt-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.export-opt-card:hover{background:#ffffff0d;border-color:#d4af374d;transform:translateY(-1px)}.export-opt-card--active{background:#d4af370f;border-color:#d4af3799;box-shadow:0 4px 16px #0000004d,inset 0 0 0 1px #d4af3733}.export-opt-card--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.export-checkbox{width:17px;height:17px;margin-top:2px;accent-color:var(--accent-gold, #c5a059);cursor:pointer}.export-opt-card__body{flex:1;display:flex;flex-direction:column;gap:4px}.export-opt-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.export-opt-card__title{font-size:13px;font-weight:600;color:#f0f6fc}.export-opt-card__badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600;letter-spacing:.02em}.badge--std{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge--clean{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge--mini{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge--asset{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge--json{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.badge--foil{background:#d4af372e;color:#f3d47f;border:1px solid rgba(212,175,55,.4)}.badge--diy{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.35)}.badge--old{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.export-opt-card__desc{font-size:12px;color:var(--text-muted, #8b949e);line-height:1.4}.export-opt-card__path{font-family:monospace;font-size:11px;color:#fff6;margin-top:2px}.export-modal__footer{padding:14px 24px;border-top:1px solid rgba(255,255,255,.08);background:#00000040;border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.export-modal__footer-left{display:flex;flex-direction:column;gap:2px}.export-summary-count{font-size:13px;font-weight:600;color:var(--accent-gold, #c5a059)}.export-summary-tip{font-size:11px;color:#ffffff73}.export-modal__footer-right{display:flex;align-items:center;gap:10px}.export-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.export-btn--cancel{background:transparent;border:1px solid rgba(255,255,255,.15);color:#c9d1d9}.export-btn--cancel:hover{background:#ffffff0f;border-color:#ffffff4d;color:#fff}.export-btn--primary{background:linear-gradient(135deg,#d4af37,#b89324);border:1px solid #d4af37;color:#0b0f14;box-shadow:0 4px 14px #d4af374d}.export-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#e5be44,#c5a02e);box-shadow:0 6px 20px #d4af3773;transform:translateY(-1px)}.export-btn--primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.flowchart-modal{display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}.flowchart-modal .export-modal__footer{flex-shrink:0!important;margin-top:0!important;flex-wrap:nowrap!important;box-sizing:border-box!important}@media(max-width:640px){.flowchart-modal .export-modal__footer{flex-wrap:wrap!important;gap:10px!important}}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.variant-control-bar{width:100%;max-width:900px;background:linear-gradient(180deg,#161920f2,#0e1015eb);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:8px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 16px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;flex-shrink:0}.variant-bar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.variant-bar-status-wrap{display:flex;align-items:center;gap:8px}.variant-status-icon{font-size:16px}.variant-status-text{font-family:var(--font-display);font-size:13px;letter-spacing:1px;color:var(--accent-gold);font-weight:600}.variant-bar-actions{display:flex;align-items:center;gap:8px}.variant-add-dropdown-wrap{position:relative;display:inline-block}.variant-mech-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:280px;background:#12151cfa;border:1px solid rgba(201,168,76,.4);border-radius:var(--radius-md);box-shadow:0 10px 30px #000000a6,0 0 12px #c9a84c26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px;z-index:100;display:flex;flex-direction:column;gap:4px;animation:fadeInDown .15s ease-out}.variant-mech-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;background:transparent;border:1px solid transparent;transition:all var(--transition-fast)}.variant-mech-menu-item:hover{background:#c9a84c1f;border-color:#c9a84c59;transform:translate(2px)}.menu-item-left{display:flex;align-items:flex-start;gap:10px}.menu-item-icon{font-size:18px;line-height:1.2}.menu-item-info{display:flex;flex-direction:column;gap:2px}.menu-item-title{font-size:13px;font-weight:600;color:#fff}.variant-mech-menu-item:hover .menu-item-title{color:var(--accent-gold)}.menu-item-desc{font-size:11px;color:var(--text-muted);line-height:1.3}.current-card-info-section{background:linear-gradient(180deg,#c9a84c1a,#1a1e27cc);border:1px solid rgba(201,168,76,.35);border-radius:var(--radius-md);padding:12px;margin-bottom:4px}.card-info-header{display:flex;flex-direction:column;gap:8px}.card-info-primary{display:flex;align-items:center;gap:8px}.card-info-badge{font-family:var(--font-mono);font-size:12px;font-weight:800;background:#0009;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:2px 8px;border-radius:4px;letter-spacing:.5px}.card-info-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-info-meta-tag{font-size:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);padding:2px 6px;border-radius:3px}.card-info-role-tag{background:#c9a84c26;border-color:#c9a84c66;color:var(--accent-gold);font-weight:600}.variant-action-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.variant-action-btn:hover{background:#c9a84c1f;border-color:var(--accent-gold);color:var(--accent-gold)}.variant-action-btn.active{background:#c9a84c33;border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600;box-shadow:0 0 8px #c9a84c33}.variant-btn-add{color:#ffe082;border-color:#c9a84c66}.variant-tabs-scroll-area{width:100%;overflow-x:auto;padding-bottom:2px}.variant-tabs-scroll-area::-webkit-scrollbar{height:4px}.variant-tabs-list{display:flex;align-items:center;gap:6px;min-width:min-content}.variant-tab-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.variant-tab-pill:hover{border-color:#c9a84c80;color:var(--text-primary);background:#ffffff0f}.variant-tab-pill.active{background:linear-gradient(180deg,#c9a84c40,#c9a84c1f);border-color:var(--accent-gold);color:#fff;font-weight:600;box-shadow:0 0 10px #c9a84c40}.variant-path-badge{font-family:var(--font-mono);font-size:11px;font-weight:700;background:#00000073;padding:1px 6px;border-radius:3px;color:var(--accent-gold);border:1px solid rgba(201,168,76,.35);letter-spacing:.5px}.variant-pill-label{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-pill-del{margin-left:2px;width:16px;height:16px;line-height:14px;text-align:center;font-size:10px;border-radius:50%;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);opacity:.6}.variant-pill-del:hover{opacity:1;color:#fff;background:var(--accent-rust);border-color:var(--accent-rust)}.embedded-flowchart-drawer{width:100%;max-width:900px;max-height:280px;background:#0d0f14;border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-top:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 20px #00000080;z-index:10;flex-shrink:0}.embedded-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#ffffff08;border-bottom:1px solid var(--border-primary)}.drawer-header-left{display:flex;align-items:center;gap:8px}.drawer-title{font-family:var(--font-display);font-size:13px;letter-spacing:1px;color:var(--accent-gold);font-weight:600}.drawer-path-code{font-family:var(--font-mono);font-size:10px;background:#c9a84c26;color:var(--accent-gold);padding:1px 6px;border-radius:3px;border:1px solid rgba(201,168,76,.3)}.drawer-header-right{display:flex;align-items:center;gap:10px}.drawer-hint{font-size:11px;color:var(--text-secondary)}.drawer-close-btn{width:20px;height:20px;line-height:18px;text-align:center;font-size:11px;border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.drawer-close-btn:hover{color:#fff;border-color:var(--border-light);background:#ffffff1a}.embedded-drawer-body{flex:1;min-height:140px;max-height:230px;overflow:auto;padding:10px;display:flex;align-items:center;justify-content:center}.embedded-drawer-body svg{max-height:100%;width:auto}.variant-context-section{background:linear-gradient(180deg,#c9a84c14,#0003);border:1px solid rgba(201,168,76,.3)!important;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.variant-context-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.variant-header-left{display:flex;align-items:center;gap:8px}.section-badge{font-family:var(--font-display);font-size:10px;letter-spacing:1px;background:var(--accent-gold);color:#0b0f14;padding:1px 6px;border-radius:2px;font-weight:700;text-transform:uppercase}.variant-context-title{font-size:13px;font-weight:600;color:var(--text-primary)}.btn-danger-ghost{background:transparent;border:1px solid rgba(231,76,60,.4);color:#e74c3c;font-size:12px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-danger-ghost:hover{background:#e74c3c26;border-color:#e74c3c;color:#ff7675}.checkbox-label{display:flex;align-items:center;font-size:12px;color:var(--text-secondary);cursor:pointer;margin-bottom:8px}.checkbox-label input{margin-right:6px;accent-color:var(--accent-gold)}.header-cache-btn{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:32px!important;padding:0 10px 0 6px!important;background:linear-gradient(180deg,#1c2026f2,#101216f2)!important;border:1px solid rgba(201,168,76,.35)!important;border-radius:4px!important;color:var(--text-primary, #e6edf3)!important;font-family:var(--font-sans, sans-serif)!important;cursor:pointer!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;-webkit-user-select:none!important;user-select:none!important;box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000080!important;position:relative!important;box-sizing:border-box!important;white-space:nowrap!important;vertical-align:middle!important}.header-cache-btn:hover{background:linear-gradient(180deg,#262c36fa,#161a20fa)!important;border-color:#c9a84ca6!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px #ffffff26,0 4px 12px #0009!important}.cache-btn-gauge-wrap{position:relative;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cache-btn-gauge-svg{width:22px;height:22px;transform:rotate(-90deg)}.gauge-scale-ticks{fill:none;stroke:#ffffff26;stroke-width:1.5;stroke-dasharray:1.5 2.5;stroke-linecap:round}.gauge-scale-bg{fill:none;stroke:#ffffff14;stroke-width:2.5}.gauge-scale-bar{fill:none;stroke:#52c41a;stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .4s ease,stroke .3s ease}.gauge-center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.gauge-reticle{width:6px;height:6px;position:relative}.gauge-reticle:before,.gauge-reticle:after{content:"";position:absolute;background:currentColor;opacity:.85}.gauge-reticle:before{top:2.5px;left:0;width:6px;height:1px}.gauge-reticle:after{left:2.5px;top:0;width:1px;height:6px}.gauge-check{font-size:10px;font-weight:900;line-height:1;color:#52c41a;display:none}.cache-btn-text-block{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;line-height:1!important;white-space:nowrap!important}.cache-btn-title{font-size:11px!important;color:var(--text-secondary, #a0aec0)!important;font-family:var(--font-sans, sans-serif)!important;font-weight:500!important;letter-spacing:.3px!important;white-space:nowrap!important}.cache-btn-value{font-family:var(--font-mono, monospace)!important;font-size:11.5px!important;font-weight:700!important;color:#52c41a;white-space:nowrap!important}.cache-modal-overlay{z-index:1050}.cache-modal{max-width:860px;width:92vw;max-height:min(90vh,580px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:linear-gradient(180deg,#1a1d23,#121418);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--accent-gold, #c5a059);border-radius:10px;box-shadow:0 24px 64px #000000d9}.cache-metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:20px;background:#00000047;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px 14px}.cache-metric-card{padding:0 12px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:2px}.cache-metric-card--clickable{cursor:pointer;border-radius:4px;transition:background-color .2s ease,transform .15s ease}.cache-metric-card--clickable:hover{background:#c9a84c14}.cache-metric-card--clickable:active{transform:scale(.98)}.cache-metric-card:last-child{border-right:none}.cache-metric-label{font-size:9.5px;font-family:var(--font-mono, monospace);color:var(--text-muted, #718096);letter-spacing:.8px;text-transform:uppercase}.cache-metric-value{font-size:13.5px;font-weight:700;font-family:var(--font-mono, monospace);color:var(--accent-gold, #c9a84c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cache-metric-value--source{color:#55efc4}.cache-metric-sub{font-size:9.5px;color:var(--text-muted, #718096);opacity:.75}.cache-modal-body{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;min-height:0;overflow:hidden;padding-bottom:4px}.cache-categories-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cache-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.cache-section-title-left{display:flex;align-items:center;gap:6px}.cache-title-pip{width:6px;height:6px;border-radius:50%;background:var(--accent-gold, #c9a84c);box-shadow:0 0 6px #c9a84c80}.cache-title-text{font-size:11.5px;font-weight:700;color:var(--text-primary, #e6edf3);letter-spacing:.5px}.cache-title-count{font-size:10.5px;color:var(--text-muted, #718096);font-family:var(--font-mono, monospace)}.cache-section-tip{font-size:10px;color:var(--text-muted, #718096)}.cache-categories-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;padding-right:6px;max-height:330px}.cache-categories-list::-webkit-scrollbar{width:5px}.cache-categories-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.cache-cat-card{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:5px;padding:8px 10px;transition:all .2s ease}.cache-cat-card:hover{border-color:#c9a84c4d;background:#c9a84c08}.cache-cat-card--done{border-color:#2ecc7126}.cache-cat-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.cache-cat-title-group{display:flex;align-items:center;gap:8px}.cache-cat-icon{font-size:14px;flex-shrink:0}.cache-cat-name{font-size:11.5px;font-weight:600;color:var(--text-primary, #e6edf3)}.cache-cat-desc{font-size:9.5px;color:var(--text-muted, #718096)}.cache-cat-right{display:flex;align-items:center;gap:8px}.cache-cat-stat{font-size:10.5px;font-family:var(--font-mono, monospace);color:var(--accent-gold, #c9a84c)}.cache-cat-card--done .cache-cat-stat{color:#2ecc71}.cache-cat-toggle-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:3px;color:var(--text-secondary, #a0aec0);font-size:9.5px;padding:1px 5px;cursor:pointer;transition:all .2s ease}.cache-cat-toggle-btn:hover{background:#c9a84c26;color:var(--accent-gold, #c9a84c);border-color:var(--accent-gold, #c9a84c)}.cache-cat-progress-track{width:100%;height:3px;background:#ffffff0f;border-radius:2px;margin-top:6px;overflow:hidden}.cache-cat-progress-fill{height:100%;border-radius:2px;transition:width .35s ease,background-color .3s ease}.cache-cat-details{max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.cache-cat-details--open{max-height:260px;overflow-y:auto;margin-top:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.08)}.cache-asset-items-list{display:flex;flex-direction:column;gap:3px}.cache-asset-item{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;border-radius:3px;background:#0000002e}.asset-item__name{font-size:10.5px;color:var(--text-primary, #e6edf3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-item__meta{font-size:8.5px;font-family:var(--font-mono, monospace);color:var(--text-muted, #718096)}.asset-pill{font-size:9px;font-family:var(--font-mono, monospace);padding:1px 6px;border-radius:8px;white-space:nowrap}.asset-pill--cached{background:#2ecc711f;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.asset-pill--loading{background:#f1c40f1f;color:#f1c40f;border:1px solid rgba(241,196,15,.35)}.asset-pill--idle{background:#ffffff0d;color:var(--text-muted, #718096);border:1px solid rgba(255,255,255,.08)}.asset-pill--failed{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.35)}.cache-overview-col{display:flex;flex-direction:column;min-height:0}.cache-overview-panel{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#c9a84c0a,#00000047);border:1px solid rgba(201,168,76,.16);border-radius:6px;padding:14px 16px;box-sizing:border-box;height:100%}.cache-gauge-showcase{display:flex;flex-direction:column;align-items:center;width:100%}.cache-gauge-container{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center}.cache-gauge-svg{width:112px;height:112px;transform:rotate(-90deg)}.gauge-ticks{fill:none;stroke:#ffffff1f;stroke-width:2;stroke-dasharray:2 4}.gauge-track{fill:none;stroke:#ffffff12;stroke-width:8.5}.gauge-bar{fill:none;stroke:#52c41a;stroke-width:8.5;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1),stroke .3s ease}.cache-gauge-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.cache-gauge-percent{font-family:var(--font-mono, monospace);font-size:22px;font-weight:900;color:var(--accent-gold, #c9a84c);letter-spacing:-.5px}.cache-gauge-label{font-family:var(--font-display, sans-serif);font-size:9.5px;color:var(--text-muted, #718096);letter-spacing:1.5px;text-transform:uppercase}.cache-gauge-status{margin-top:8px;padding:3px 12px;border-radius:12px;font-size:10.5px;font-family:var(--font-mono, monospace);background:#c9a84c1a;color:var(--accent-gold, #c9a84c);border:1px solid rgba(201,168,76,.25)}.cache-overview-divider{width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);margin:12px 0 10px}.cache-reassurance-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.reassurance-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--accent-gold, #c9a84c);letter-spacing:.5px;margin-bottom:5px}.reassurance-desc{font-size:10px;line-height:1.55;color:var(--text-secondary, #a0aec0);margin:0;padding:0 4px}.reassurance-desc strong{color:#e6edf3}.cache-modal-footer{margin-top:10px;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.05);background:#00000026}.cache-btn-refresh{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:linear-gradient(180deg,#262c34f2,#161a20f2);border:1px solid rgba(235,87,87,.45);border-radius:4px;color:#ff7675;font-family:var(--font-sans, sans-serif);font-size:12px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff14,0 2px 6px #0006;-webkit-user-select:none;user-select:none;white-space:nowrap}.cache-btn-refresh:hover:not(:disabled){background:linear-gradient(180deg,#303640fa,#1e222afa);border-color:#ff5252;color:#ff5252;box-shadow:inset 0 1px #ffffff26,0 0 14px #ff525247;transform:translateY(-1px)}.cache-btn-refresh:active:not(:disabled){transform:translateY(0)}.cache-btn-refresh:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.2)}.cache-btn-refresh .cache-btn-spin{display:inline-flex;align-items:center;justify-content:center;animation:cacheIconSpin .9s linear infinite}@keyframes cacheIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:680px){.cache-modal{max-height:94vh;width:95vw}.cache-metrics-strip{grid-template-columns:repeat(2,1fr);gap:8px 0}.cache-metric-card:nth-child(2){border-right:none}.cache-metric-card:nth-child(3){border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.cache-metric-card:nth-child(4){border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.cache-modal-body{grid-template-columns:1fr;gap:12px}.cache-overview-panel{order:-1}.cache-modal-footer{padding:8px 14px;flex-wrap:wrap;gap:8px}.cache-btn-refresh,.cache-modal-footer .auth-btn--login{flex:1 1 auto;justify-content:center}}.cache-floating-hud{position:fixed;right:24px;bottom:24px;z-index:999999;font-family:var(--font-sans, sans-serif);pointer-events:auto}.floating-hud__pill{display:none;align-items:center;gap:8px;padding:8px 14px;background:#121418f2;border:1px solid rgba(201,168,76,.4);border-radius:999px;box-shadow:0 8px 24px #0009,0 0 12px #c9a84c33;color:var(--text-primary, #e6edf3);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-hud__pill:hover{transform:translateY(-2px);border-color:var(--accent-gold, #c9a84c);box-shadow:0 12px 28px #000000b3,0 0 16px #c9a84c59}.hud-pill__dot{width:8px;height:8px;border-radius:50%;background:#52c41a;box-shadow:0 0 6px currentColor;flex-shrink:0}.hud-pill__title{letter-spacing:.5px}.hud-pill__badge{font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;color:var(--accent-gold, #c9a84c);background:#ffffff14;padding:2px 6px;border-radius:4px}.floating-hud__window{display:flex;flex-direction:column;width:320px;background:#14161af5;border:1px solid rgba(201,168,76,.35);border-radius:var(--radius-md, 8px);box-shadow:0 16px 40px #000000b3,0 0 20px #c9a84c1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;animation:hudWindowIn .2s cubic-bezier(.16,1,.3,1)}@keyframes hudWindowIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-hud__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(201,168,76,.2);cursor:grab;-webkit-user-select:none;user-select:none}.floating-hud__header:active{cursor:grabbing}.hud-header__title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent-gold, #c9a84c);letter-spacing:.5px}.hud-tag{font-size:9px;padding:1px 5px;background:#c9a84c2e;color:var(--accent-gold, #c9a84c);border-radius:3px;font-family:var(--font-mono, monospace)}.hud-header__controls{display:flex;align-items:center;gap:4px}.hud-btn-ctrl{background:transparent;border:none;color:var(--text-muted, #718096);width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .2s ease}.hud-btn-ctrl:hover{background:#ffffff1a;color:var(--text-primary, #e6edf3)}.floating-hud__status-box{padding:10px 14px;background:#00000040;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .1));display:flex;flex-direction:column;gap:4px}.hud-status-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.hud-label{color:var(--text-muted, #718096)}.hud-value{font-family:var(--font-mono, monospace);font-weight:600;color:var(--text-primary, #e6edf3)}.floating-hud__body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.hud-action-btn{padding:7px 10px;border-radius:var(--radius-sm, 4px);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-align:center;-webkit-user-select:none;user-select:none}.hud-action-btn--primary{background:linear-gradient(135deg,#c9a84c40,#c9a84c1f);border-color:#c9a84c73;color:var(--accent-gold, #c9a84c)}.hud-action-btn--primary:hover{background:linear-gradient(135deg,#c9a84c66,#c9a84c33);border-color:var(--accent-gold, #c9a84c);transform:translateY(-1px)}.hud-btn-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.hud-action-btn--red{background:#ff4d4f1f;border-color:#ff4d4f59;color:#ff7875;font-size:10.5px}.hud-action-btn--red:hover{background:#ff4d4f40;border-color:#ff4d4f;color:#ffa39e}.hud-action-btn--yellow{background:#faad141f;border-color:#faad1459;color:#ffc069;font-size:10.5px}.hud-action-btn--yellow:hover{background:#faad1440;border-color:#faad14;color:#ffd591}.hud-action-btn--green{background:#52c41a1f;border-color:#52c41a59;color:#95de64;font-size:10.5px}.hud-action-btn--green:hover{background:#52c41a40;border-color:#52c41a;color:#b7eb8f}.hud-btn-row{display:flex;gap:6px}.hud-action-btn--restore{flex:1;background:#ffffff0d;border-color:var(--border-primary, rgba(255, 255, 255, .1));color:var(--text-secondary, #a0aec0);font-size:11px}.hud-action-btn--restore:hover{background:#ffffff1a;color:var(--text-primary, #e6edf3)}.hud-action-btn--toggle-modal{flex:1;background:#c9a84c14;border-color:#c9a84c40;color:var(--accent-gold, #c9a84c);font-size:11px}.hud-action-btn--toggle-modal:hover{background:#c9a84c2e;border-color:var(--accent-gold, #c9a84c)}.floating-hud__footer{padding:6px 14px;background:#00000059;font-size:10px;color:var(--text-muted, #718096);text-align:center;letter-spacing:.3px}