:root{--bg-deep:#0c1014;--bg:#121820;--bg-elevated:#1a222c;--bg-hover:#243040;--line:#2c3a48;--text:#e8eef4;--text-muted:#8b9aab;--accent:#c4a35a;--accent-dim:#8a7340;--raw:#6a9b7a;--danger:#c46a5a;--font-display:"Segoe UI", "Trebuchet MS", sans-serif;--font-body:"Segoe UI", "Trebuchet MS", sans-serif;color:var(--text);background:var(--bg-deep);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}a{color:var(--accent)}a:hover{color:#dfc07a}button,input{font:inherit}.app{isolation:isolate;min-height:100vh;position:relative}.atmosphere{z-index:-1;background:radial-gradient(90% 55% at 15% -10%,#1e2a22 0%,#0000 55%),radial-gradient(70% 45% at 90% 10%,#2a2418 0%,#0000 50%),linear-gradient(#0e141a 0%,#0c1014 40%,#10161c 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.07;background-image:repeating-linear-gradient(-12deg,#0000,#0000 11px,#fff 11px 12px);position:absolute;inset:0}.hero{max-width:920px;margin:0 auto;padding:3.5rem 1.5rem 1.5rem}.brand{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;line-height:1}.hero h1{color:var(--text);letter-spacing:.02em;margin:0;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:500}.tagline{max-width:36rem;color:var(--text-muted);margin:.75rem 0 0;font-size:1rem}.workspace{gap:1.75rem;max-width:920px;margin:0 auto;padding:0 1.5rem 3rem;display:grid}.controls{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);border:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:1rem;padding:1.25rem;display:grid}@media (width<=640px){.controls{grid-template-columns:1fr}}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem;display:block}.item-select{grid-column:1/-1;position:relative}.item-select-control{background:var(--bg);border:1px solid var(--line);align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.item-select-control input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0}.item-select-list{z-index:20;background:var(--bg-elevated);border:1px solid var(--line);max-height:320px;margin:0;padding:.35rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.item-select-list button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;padding:.45rem .75rem;display:flex}.item-select-list button:hover,.item-select-list button.is-selected{background:var(--bg-hover)}.item-select-empty{color:var(--text-muted);padding:.65rem .75rem;font-size:.9rem}.qty-field input{background:var(--bg);border:1px solid var(--line);width:6.5rem;color:var(--text);padding:.6rem .75rem}.craft-heading{background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);border:1px solid var(--line);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.craft-heading img{border:1px solid var(--line);background:#0a0e12;flex-shrink:0}.craft-heading-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.7rem}.craft-heading-name{color:var(--text);margin:.15rem 0 0;font-size:1.35rem;font-weight:600;line-height:1.2}.craft-heading-qty{font-variant-numeric:tabular-nums;color:var(--accent);margin:.2rem 0 0;font-weight:600}.item-icon{image-rendering:auto;border:1px solid var(--line);background:#0a0e12;flex-shrink:0}.item-icon-fallback{background:var(--bg);border:1px solid var(--line);width:32px;height:32px;display:inline-block}.item-icon-fallback.sm{width:24px;height:24px}.results{gap:1.5rem;display:grid}.panel{background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);border:1px solid var(--line);padding:1.25rem}.panel h2{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin:0;font-size:1.05rem;font-weight:600}.panel-lede{color:var(--text-muted);margin:.35rem 0 1rem;font-size:.9rem}.panel-lede code{color:var(--accent)}.material-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.material-list li{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.45rem .5rem;display:grid}.material-name{min-width:0}.material-qty{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.craft-tree{margin:0;padding:0;list-style:none}.craft-tree .craft-tree{border-left:1px solid var(--line);margin-left:1.1rem;padding-left:.65rem}.craft-row{flex-wrap:wrap;align-items:center;gap:.45rem;padding:.3rem 0;display:flex}.tree-toggle{width:1.4rem;height:1.4rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;line-height:1}.tree-toggle.spacer{visibility:hidden;cursor:default}.craft-name{font-weight:500}.craft-qty{font-variant-numeric:tabular-nums;color:var(--accent)}.craft-meta{color:var(--text-muted);font-size:.8rem}.craft-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--raw);border:1px solid color-mix(in srgb, var(--raw) 45%, transparent);padding:.1rem .35rem;font-size:.7rem}.work-total{color:var(--text-muted);margin:0;font-size:.95rem}.work-total strong{color:var(--text);font-variant-numeric:tabular-nums}.footer{max-width:920px;color:var(--text-muted);margin:0 auto;padding:0 1.5rem 2.5rem;font-size:.8rem}