:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5f9;--canvas:#090b10;--surface:#121620;--raised:#181e2a;--border:#273043;--muted:#91a0b7;--primary:#38e1b6;--red:#ff5c70;--green:#55d187;--amber:#ffc857;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input{font:inherit}input{border:1px solid var(--border);background:var(--canvas);min-height:44px;color:inherit;border-radius:10px;padding:0 12px}button{min-height:44px}.app-shell{background:radial-gradient(circle at 70% 0, #142329 0, var(--canvas) 35%);grid-template-columns:292px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--border);background:#0c0f16eb;padding:28px 20px}.brand{align-items:center;gap:13px;margin:4px 8px 42px;display:flex}.brand-mark{color:#06100d;background:var(--primary);border-radius:14px;place-items:center;width:43px;height:43px;font-size:22px;font-weight:900;display:grid;box-shadow:0 0 30px #38e1b640}.brand div,.identity{flex-direction:column;gap:2px;display:flex}.brand small,nav small,.product-row small,.export-row small{color:var(--muted)}nav{gap:8px;display:grid}nav button{text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:30px 1fr;gap:10px;padding:14px;display:grid}nav button:hover,nav button.active{background:var(--raised);border-color:var(--border)}nav button.active{box-shadow:inset 3px 0 var(--primary)}nav button div{flex-direction:column;gap:4px;display:flex}nav button>span{color:var(--primary);font-size:21px}.scope-note{color:var(--muted);line-height:1.6;position:fixed;bottom:28px;left:28px}.scope-note>span{color:var(--green)}main{min-width:0;padding:32px clamp(24px,4vw,64px)}header{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}header p,.eyebrow{color:var(--primary);letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,48px)}.identity{text-align:right}.identity span{color:var(--primary);font-size:11px;font-weight:800}.grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#151a25,#10141d);border-radius:22px;padding:24px;box-shadow:0 18px 60px #0004}.hero-panel{background:linear-gradient(115deg,#17252a,#111722 60%,#241a29);grid-column:1/-1;justify-content:space-between;align-items:end;min-height:205px;display:flex}.hero-panel h2{letter-spacing:-.035em;max-width:750px;margin:0 0 14px;font-size:clamp(26px,3vw,42px);line-height:1.05}.hero-panel p:not(.eyebrow){color:var(--muted);max-width:690px;margin:0;line-height:1.6}.primary,.secondary,.quiet{cursor:pointer;border:1px solid #0000;border-radius:13px;padding:0 18px}.primary{background:var(--primary);color:#06100d;font-weight:800}.secondary{background:var(--raised);color:var(--primary);border-color:var(--border)}.quiet{color:var(--muted);border-color:var(--border);background:0 0}.panel-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel-header h3{margin:0;font-size:20px}.product-row,.export-row{border-top:1px solid var(--border);align-items:center;gap:14px;padding:16px 0;display:flex}.product-row>div:nth-child(2),.export-row>div{flex-direction:column;flex:1;gap:5px;display:flex}.photo-placeholder{width:62px;height:62px;color:var(--muted);background:#222b3a;border-radius:13px;place-items:center;font-size:11px;display:grid}.pill,.template-chip{letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.success{color:var(--green);background:#55d18718}.warning{color:var(--amber);background:#ffc85718}.detail .stat{border-bottom:1px solid var(--border);justify-content:space-between;padding:13px 0;display:flex}.detail .stat span,.detail li{color:var(--muted)}.detail ol{padding-left:20px;line-height:2.4}.drop-zone{text-align:center;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex}.drop-icon{color:var(--primary);font-size:44px}.drop-zone p{color:var(--muted)}.file-button{cursor:pointer;place-items:center;min-height:48px;padding:0 20px;display:grid}.file-button input{display:none}.file-state{border-radius:10px;margin-top:15px;padding:10px 14px}.file-state.valid{color:var(--green);background:#55d18714}.file-state.invalid{color:var(--red);background:#ff5c7014}.template-chip{color:var(--primary);background:#38e1b614;border:1px solid #38e1b640}.search-row,.button-row{gap:8px;margin-bottom:14px;display:flex}.search-row input{flex:1}.row-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.gallery{gap:10px;margin-top:18px;display:grid}.gallery-item{grid-template-columns:64px 1fr auto auto;align-items:center;gap:8px;display:grid}.gallery-item img{object-fit:cover;border-radius:10px;width:64px;height:64px}pre{text-align:left;background:var(--canvas);border-radius:10px;max-height:260px;padding:12px;font-size:11px;overflow:auto}.login{place-items:center;min-height:100vh;display:grid}.login .panel{gap:14px;width:min(430px,90vw);display:grid}@media (width<=880px){.app-shell{grid-template-columns:88px 1fr}aside{padding:22px 12px}.brand div,nav button div,.scope-note{display:none}nav button{grid-template-columns:1fr;place-items:center}.brand{margin-left:10px}.grid{grid-template-columns:1fr}.hero-panel,.detail{grid-column:1}.hero-panel{flex-direction:column;align-items:start;gap:24px}}:root{--canvas:#070a0c;--surface:#10161a;--raised:#172127;--border:#2a3740;--muted:#9bb0b5;--primary:#33d6a6;--primary-strong:#73f7ca;--ink:#f4f7f4;font-family:Aptos,Trebuchet MS,sans-serif}body{margin:0}.app-shell{background:radial-gradient(circle at 15% 12%,#18342d 0,#0000 28%),linear-gradient(135deg,#06090b 0%,#0b1116 45%,#15130d 100%)}aside{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel{box-shadow:0 20px 70px #0007,inset 0 1px #ffffff08}.hero-panel{background:linear-gradient(115deg,#14352d,#101a1f 58%,#2a2312),repeating-linear-gradient(90deg,#0000 0 34px,#ffffff06 34px 35px);position:relative;overflow:hidden}.hero-panel:after{content:"";border:1px solid #73f7ca33;border-radius:50%;width:340px;height:340px;position:absolute;inset:auto -80px -160px auto;box-shadow:0 0 80px #33d6a622}button,.file-button{transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}button:hover,.file-button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,.file-button:focus-within{outline:2px solid var(--primary-strong);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary{box-shadow:0 12px 30px #33d6a624}.secondary:hover,.quiet:hover,.row-button.selected{background:#1b2a2d;border-color:#73f7ca66}.empty-state{border:1px dashed var(--border);color:var(--muted);background:#070a0c66;border-radius:16px;margin:14px 0;padding:18px}.gallery-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.gallery-title h3{margin:0}.gallery-item{border:1px solid var(--border);background:#0b1116;border-radius:16px;padding:10px}.gallery-item span{letter-spacing:.09em;color:var(--primary);font-size:11px;font-weight:900}.gallery-item button{background:var(--raised);min-height:38px;color:var(--ink);border:1px solid var(--border);border-radius:10px}.product-row{border-radius:16px;padding-inline:10px}.product-row:hover{background:#1b2a2d}.login .panel{background:linear-gradient(160deg,#121b1d,#080b0d),radial-gradient(circle at 100% 0,#33d6a630,#0000 40%)}@media (width<=640px){main{padding:22px 14px}header{flex-direction:column;align-items:start;gap:18px}.identity{text-align:left}.search-row,.button-row{flex-direction:column}.gallery-item{grid-template-columns:56px 1fr}.gallery-item button{grid-column:span 1}}.danger{color:var(--red);background:#ff5c7018}.health-strip{border:1px solid var(--border);background:linear-gradient(145deg,#151a25,#10141d);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;display:flex}.health-title{color:var(--primary);letter-spacing:.14em;font-size:11px;font-weight:800}.health-meta{color:var(--muted);margin-left:auto;font-size:12px}.product-card{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.product-card-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.product-card-head h3{margin:0 0 4px;font-size:20px}.product-card-head small{color:var(--muted)}.product-photo{object-fit:cover;border-radius:14px;flex:none;width:84px;height:84px}div.product-photo{font-size:10px}.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.kv-grid .stat{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.kv-grid .stat span{color:var(--muted)}.kv-grid .stat strong{text-align:right;word-break:break-word}.uom-prices{margin-top:12px}.uom-prices .export-row span{color:var(--primary);font-weight:700}@media (width<=880px){.kv-grid{grid-template-columns:1fr}.health-meta{margin-left:0}}.hero-launch{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.launch-link{white-space:nowrap;border-radius:13px;place-items:center;min-height:44px;padding:0 18px;text-decoration:none;display:inline-grid}@media (width<=880px){.hero-launch{align-items:flex-start}}.product-card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.product-card-actions .launch-link{min-height:36px;padding:0 14px;font-size:13px}