:root{--bg:#090909;--panel:#141414;--border:rgba(218,177,86,.25);--gold:#d9b25d;--text:#f4f1e8;--muted:#aaa59a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(217,178,93,.09),transparent 27%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.materials-shell{max-width:1440px;margin:auto;padding:28px}.materials-top,.panel-head,.brand,.guide{display:flex;gap:16px}.materials-top{justify-content:space-between;align-items:flex-start;margin-bottom:22px}.brand{align-items:center}.brand>span{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.14em}.brand small,.kicker{color:var(--gold);letter-spacing:.12em}.materials-top h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1;margin:7px 0 12px}.materials-top p{max-width:780px;color:var(--muted)}.kicker{font-size:.7rem;margin:14px 0 6px}.guide{flex-wrap:wrap;padding:14px 18px;border:1px solid var(--border);border-radius:14px;margin-bottom:18px;background:#111}.guide strong{color:var(--gold)}.guide span{color:var(--muted)}.materials-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.panel{border:1px solid var(--border);border-radius:18px;background:linear-gradient(#171717,#111);padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px}.panel-head h2{margin:0}.panel-head .kicker{margin:0 0 5px}.controls{grid-row:span 2}.preview-panel canvas{display:block;width:100%;max-height:620px;object-fit:contain;background:#202020;border:1px solid rgba(255,255,255,.08);border-radius:14px}.layers-panel,.assistant-panel{grid-column:2}.assistant-panel small,.truth{display:block;color:var(--muted);line-height:1.5;margin-top:12px}.layer-list{display:grid;gap:10px}.layer-row{display:grid;grid-template-columns:56px minmax(120px,1fr) repeat(5,auto);gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0d0d0d}.layer-thumb{width:52px;height:52px;border-radius:9px;background-size:cover;background-position:center}.layer-copy strong,.layer-copy small{display:block}.layer-copy small,.muted{color:var(--muted)}label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;margin-bottom:12px}input,select{width:100%;padding:10px;border-radius:9px;border:1px solid var(--border);background:#0b0b0b;color:var(--text)}hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:20px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;padding:0 14px;border:1px solid var(--border);font-weight:800;text-decoration:none;cursor:pointer}.button.primary{background:linear-gradient(#efd58b,#b88937);color:#171109}.button.secondary,.mini{background:#121212;color:var(--text)}.mini{border:1px solid var(--border);border-radius:8px;padding:7px;cursor:pointer}.chip{font-size:.68rem;color:var(--gold);border:1px solid var(--border);padding:6px 8px;border-radius:999px;white-space:nowrap}.notice{padding:12px 15px;border:1px solid var(--border);border-radius:12px;margin-bottom:14px}.notice.error{color:#f0aaaa;border-color:#8c4444}@media(max-width:900px){.materials-grid{grid-template-columns:1fr}.controls{grid-row:auto}.layers-panel,.assistant-panel{grid-column:auto}.layer-row{grid-template-columns:50px 1fr repeat(2,auto)}.layer-row select,.layer-row input[type=range]{grid-column:2/-1}}@media(max-width:600px){.materials-shell{padding:16px}.materials-top{display:block}.materials-top>.button{margin-top:10px}.layer-row{grid-template-columns:45px 1fr auto}.layer-row .move{display:none}}

.preview-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.preview-actions select{width:auto}.garment-preview-link{margin-top:12px}

.qa-panel{grid-column:2}.qa-panel .blocked{color:#f0aaaa;border-color:#8c4444}.qa-row{display:grid;gap:4px;padding:11px;border:1px solid rgba(255,255,255,.08);border-left:3px solid #668b65;border-radius:10px;margin-bottom:8px;background:#0d0d0d}.qa-row.blocked{border-left-color:#b65757}.qa-row span,.qa-row small{color:var(--muted)}@media(max-width:900px){.qa-panel{grid-column:auto}}