:root{color:#f5f7fa;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,122,0,.08),transparent 28%),linear-gradient(180deg,#11141a,#0f1115 44%,#0b0d11)}#root{min-height:100vh}button,input,select{font:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.topbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.tool-version{color:#a7b0ba;font-size:.8rem;font-weight:800;white-space:nowrap}.eyebrow{margin:0 0 4px;color:#ff9a3d;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#f5f7fa;font-size:clamp(1.7rem,2.4vw,2.45rem);line-height:1.05}h2{margin-bottom:0;color:#f5f7fa;font-size:1rem;line-height:1.2}h3{margin-bottom:0;color:#f5f7fa;font-size:.95rem;line-height:1.2}.status-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid transparent;font-size:.88rem;font-weight:800;white-space:nowrap}.status-pill--ok{color:#101318;background:#ff7a00;border-color:#ff9a3d;box-shadow:0 0 24px #ff7a003d}.status-pill--warn{color:#fff4e8;background:#ff7a002e;border-color:#ff7a00}.workspace-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:20px;align-items:start;min-height:0}.control-panel,.preview-panel,.info-panel{border:1px solid #303642;border-radius:8px;background:#171a20;box-shadow:0 24px 60px #00000047}.control-panel{display:grid;gap:16px;padding:20px;min-height:0}.preview-column{display:grid;align-self:start;gap:18px;min-height:0}.preview-panel{display:grid;gap:18px;padding:20px;min-height:0}.panel-heading,.section-heading{display:flex;align-items:center;min-height:32px}.panel-heading--split{justify-content:space-between;gap:16px}.panel-heading p{margin:4px 0 0;color:#a7b0ba;font-size:.9rem}.loading-label{color:#ff9a3d;font-size:.86rem;font-weight:800;white-space:nowrap}.field{display:grid;gap:7px;min-width:0}.field span{color:#d9dee6;font-size:.88rem;font-weight:800}.field input,.field select{width:100%;min-height:42px;border:1px solid #303642;border-radius:6px;background:#1f242c;color:#f5f7fa;outline:none;padding:9px 11px;transition:border-color .16s ease,box-shadow .16s ease}.field input::placeholder{color:#727c88}.field input:focus,.field select:focus{border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a002e}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-action{display:flex;align-items:end;min-width:0}.compact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-section{display:grid;gap:8px}.choice-section h3{color:#d9dee6;font-size:.88rem}.choice-row,.preset-row{display:flex;flex-wrap:wrap;gap:8px}.choice-chip,.preset-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #303642;border-radius:999px;background:#1f242c;color:#f5f7fa;cursor:pointer;font-size:.86rem;font-weight:800;padding:7px 13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.choice-chip:hover,.preset-chip:hover{border-color:#ff9a3db8;background:#242a33}.choice-chip:disabled,.preset-chip:disabled{border-color:#303642;background:#1a1e25;color:#727c88;cursor:not-allowed;opacity:.72}.choice-chip:active,.preset-chip:active{transform:translateY(1px)}.choice-chip--selected,.preset-chip--selected{border-color:#ff7a00;background:#ff7a0029;color:#ffbf86;box-shadow:0 0 0 1px #ff7a003d,0 0 18px #ff7a0024}.preset-chip{border-radius:6px;color:#d9dee6}.style-section,.set-plate-section{display:grid;gap:12px;border-top:1px solid #303642;padding-top:16px}.style-group{display:grid;gap:8px}.style-group-label{margin:0;color:#a7b0ba;font-size:.78rem;font-weight:800;text-transform:uppercase}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:52px;border:1px solid #303642;border-radius:7px;background:#1f242c;color:#f5f7fa;cursor:pointer;padding:8px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.style-card:hover{border-color:#ff9a3db8;background:#242a33}.style-card:active{transform:translateY(1px)}.style-card--selected{border-color:#ff7a00;background:#251d15;box-shadow:0 0 0 1px #ff7a0047,0 0 22px #ff7a002e}.material-swatch{display:block;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:6px;box-shadow:inset 0 1px #ffffff38}.style-card-label{color:#f5f7fa;font-size:.84rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.button-row{display:grid;grid-template-columns:1fr;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #ff7a00;border-radius:6px;background:#ff7a00;color:#101318;cursor:pointer;font-weight:900;padding:10px 14px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.button:hover{border-color:#ff9a3d;background:#ff9a3d}.button:active{transform:translateY(1px)}.button--secondary{border-color:#3d4654;background:#1f242c;color:#f5f7fa}.button--secondary:hover{border-color:#ff7a00;background:#262d37}.button--compact{width:100%;min-height:42px;padding:9px 12px;font-size:.86rem}.panel-heading .button--compact{width:auto;min-height:34px;white-space:nowrap}.preview-stage{display:grid;min-height:390px;place-items:center;overflow:auto;border-radius:8px;border:1px solid var(--preview-stage-border, #9aa4af);background:linear-gradient(145deg,var(--preview-bg-start, #e4e7eb) 0%,var(--preview-bg-end, #cfd5dc) 100%);box-shadow:inset 0 1px 0 var(--preview-stage-highlight, rgba(255, 255, 255, .58)),inset 0 -18px 40px #0f172a14;padding:28px}.plate-svg{display:block;width:min(100%,980px);height:auto;filter:drop-shadow(0 16px 18px var(--preview-stage-shadow, rgba(15, 23, 42, .2)))}.plate-set-preview{display:grid;justify-items:center;gap:24px;width:min(100%,980px)}.plate-set-item{display:grid;justify-items:center;gap:8px;max-width:100%;min-width:0}.plate-set-item .plate-svg{width:100%;max-width:100%}.plate-set-label{color:#f5f7fa;font-size:.78rem;font-weight:900;text-transform:uppercase}.info-panel{padding:14px;background:#1f242c;box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}.metric-grid div{min-width:0;border-left:2px solid #ff7a00;padding-left:9px}.metric-grid dt{color:#a7b0ba;font-size:.74rem;font-weight:800}.metric-grid dd{margin:2px 0 0;color:#f5f7fa;font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.warning-box{border:1px solid #ff7a00;border-radius:6px;background:#ff7a001f;color:#ffd2aa;font-size:.9rem;font-weight:800;padding:11px 12px}.warning-box--compact{margin-top:14px}@media (min-width: 1000px){body{overflow:hidden}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;overflow:hidden}.workspace-grid{grid-template-columns:minmax(320px,430px) minmax(0,1fr);height:100%;overflow:hidden}.control-panel{max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.preview-column{position:sticky;top:24px;align-self:start;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.preview-stage{min-height:clamp(300px,42vh,520px)}}@media (max-width: 999px){body{overflow:auto}.workspace-grid{grid-template-columns:1fr}.preview-column{display:contents}.preview-panel{order:1;position:sticky;top:8px;z-index:30;gap:10px;padding:12px;background:#171a20}.preview-panel .panel-heading{min-height:0}.preview-panel .panel-heading p{display:none}.preview-stage{height:clamp(220px,34vh,280px);min-height:0;overflow:hidden;padding:12px}.preview-stage .plate-svg{width:auto;max-width:100%;max-height:100%}.plate-set-preview{align-content:center;gap:8px;height:100%;width:100%}.plate-set-item{gap:4px}.plate-set-label{font-size:.68rem;line-height:1}.info-panel{order:2}.control-panel{order:3;gap:12px;padding:14px}.field-grid{gap:10px}.choice-section,.style-group{gap:6px}.style-section,.set-plate-section{gap:10px;padding-top:12px}.choice-row,.preset-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-chip,.preset-chip{width:100%;min-height:36px;padding:6px 9px;white-space:normal;line-height:1.15;text-align:center}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card{grid-template-columns:28px minmax(0,1fr);gap:7px;min-height:46px;padding:7px}.material-swatch{width:28px;height:28px}.style-card-label{font-size:.8rem;line-height:1.12}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.control-panel>.panel-heading,.control-panel>.field,.control-panel>.field-grid,.control-panel>.compact-options,.control-panel>.choice-section,.control-panel>.set-plate-section,.control-panel>.style-section,.control-panel>.warning-box,.control-panel>.button-row{grid-column:1 / -1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media (max-width: 720px){.app-shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.field-grid,.compact-options{grid-template-columns:1fr}.preview-stage{height:clamp(210px,34vh,260px);min-height:0;padding:10px}.plate-set-preview{gap:7px}}@media (max-width: 999px) and (orientation: landscape) and (max-height: 560px){.preview-panel{position:static;top:auto}.preview-stage{height:auto;min-height:0;overflow:visible;padding:10px}.plate-set-preview{gap:8px;height:auto;width:min(100%,760px)}.preview-stage .plate-set-item .plate-svg{width:100%;max-height:none}}@media (max-width: 420px){.metric-grid{grid-template-columns:1fr}}