: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}.item-select-more-btn{color:var(--accent);text-underline-offset:.15em;justify-content:center;font-size:.9rem;text-decoration:underline}.item-select-more-btn:hover{background:var(--bg-hover);color:var(--text)}.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}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.panel-heading h2,.panel-heading .panel-lede{margin-bottom:0}.panel-heading .panel-lede{margin-top:.35rem}.tree-actions{flex-shrink:0;gap:.4rem;display:flex}.tree-action{appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-muted);font:inherit;cursor:pointer;padding:.35rem .65rem;font-size:.8rem;transition:color .15s,border-color .15s,background .15s}.tree-action:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 10%, transparent)}.craft-row{width:calc(100% + .7rem);color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:.25rem;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 -.35rem;padding:.3rem .35rem;display:flex}.craft-row--expandable{cursor:pointer;transition:background .12s}.craft-row--expandable:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.craft-row--expandable:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tree-toggle{width:1.4rem;height:1.4rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tree-toggle.spacer{visibility:hidden}.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}