.makerTopStatus{color:var(--gold2);font:800 9px/1 Arial,sans-serif;letter-spacing:.14em}
.makerStage{position:absolute;inset:54px 0 0;overflow:auto;background:radial-gradient(circle at 78% 5%,rgba(216,173,103,.12),transparent 31%),linear-gradient(145deg,#091219,#020609 78%);padding:25px 16px 42px}
.makerShell{width:min(1480px,100%);margin:auto}
.makerHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.makerEyebrow{color:var(--gold2);font:800 9px/1 Arial,sans-serif;letter-spacing:.24em}.makerHeader h2{margin:8px 0 4px;font-size:clamp(27px,3vw,45px)}.makerHeader p{margin:0;color:#8d989f;font-size:11px}.makerBadge{min-width:106px;border:1px solid rgba(216,173,103,.5);padding:10px 14px;color:#7d8990;text-align:center;font:800 9px/1.45 Arial,sans-serif;letter-spacing:.15em}.makerBadge span{color:var(--gold2);font-size:13px}
.makerWorkspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px;align-items:start}
.makerControls{display:grid;gap:11px}.makerPanel{border:1px solid rgba(255,255,255,.11);border-top:3px solid var(--gold);background:linear-gradient(145deg,rgba(15,25,32,.96),rgba(6,12,17,.92));padding:16px;box-shadow:0 20px 55px rgba(0,0,0,.26)}.makerPanel h3{margin:0 0 13px;font-size:12px;color:#e8ecef}.makerFields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.makerFields label{display:flex;flex-direction:column;gap:5px;color:#89959c;font-size:9px;font-weight:800}.makerFields input,.makerFields select{width:100%;height:40px;border:1px solid rgba(255,255,255,.13);border-radius:0;background:#050b0f;color:#fff;padding:0 9px;outline:none;font:700 11px/1 Arial,sans-serif}.makerFields input:focus,.makerFields select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(216,173,103,.09)}.makerFields input:disabled{opacity:.35}.makerManual{display:none!important}.makerPanel.manual .makerManual{display:flex!important}.makerHint{margin-top:10px;padding:9px;border-right:3px solid var(--gold);background:rgba(216,173,103,.06);color:#707d84;font-size:9px;line-height:1.6}
.makerActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.makerActions button{min-height:42px;border:1px solid rgba(255,255,255,.14);background:#0d171e;color:#e8ecef;font-size:9px;font-weight:900;cursor:pointer}.makerActions button:hover{border-color:var(--gold);color:var(--gold2)}.makerActions .gold{background:var(--gold);border-color:var(--gold);color:#071016}
.makerOutput{min-width:0}.makerStats{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px;margin-bottom:10px}.makerStat{min-height:80px;border:1px solid rgba(255,255,255,.1);background:rgba(8,15,20,.9);padding:12px}.makerStat.main{border-color:rgba(216,173,103,.42);background:linear-gradient(120deg,rgba(216,173,103,.14),rgba(216,173,103,.025))}.makerStat small{display:block;color:#68757c;font:700 8px/1 Arial,sans-serif;letter-spacing:.12em}.makerStat strong{display:block;margin-top:8px;color:#fff;font:900 22px/1 Arial,sans-serif;direction:ltr;text-align:right}.makerStat.main strong{color:var(--gold2);font-size:30px}.makerStat span{display:block;margin-top:5px;color:#68757c;font-size:8px;direction:ltr;text-align:right}
.makerTabs{display:flex;gap:5px;margin-bottom:7px}.makerTabs button{height:37px;padding:0 15px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#7f8b92;font-size:9px;font-weight:900;cursor:pointer}.makerTabs button.active{background:var(--gold);border-color:var(--gold);color:#071016}
.makerCanvasWrap{display:none;position:relative;border:1px solid rgba(255,255,255,.13);background:#081016;min-height:500px;overflow:hidden}.makerCanvasWrap.active{display:block}.makerCanvasWrap svg,.makerCanvasWrap canvas{display:block;width:100%;height:auto;min-height:500px;max-height:72vh}.makerCanvasWrap svg{background:#09141c;cursor:crosshair}.makerCanvasNote{position:absolute;right:10px;bottom:10px;padding:7px 10px;background:rgba(3,9,13,.86);border:1px solid rgba(216,173,103,.28);color:#8f9aa1;font-size:8px;pointer-events:none}
#makerDrawing .plate-shape{fill:#d7dde1;stroke:#f0cf91;stroke-width:2;vector-effect:non-scaling-stroke}#makerDrawing .hole{fill:#071016;stroke:#66747c;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}#makerDrawing .hole:hover{stroke:#d8ad67;stroke-width:2}#makerDrawing .hole.off{fill:rgba(168,44,44,.22);stroke:#d45353;stroke-dasharray:4 3}#makerDrawing .manual-hole{stroke:#d8ad67}#makerDrawing .dim{stroke:#d8ad67;stroke-width:1;vector-effect:non-scaling-stroke}#makerDrawing .ext{stroke:#53616a;stroke-width:.75;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}#makerDrawing text{fill:#dbe1e5;font-family:Arial,sans-serif}#makerDrawing .dimtext{fill:#f0cf91;font-weight:700}#makerDrawing .titletext{fill:#92a0a8;font-weight:700;letter-spacing:1px}
.makerReport{margin-top:10px;border:1px solid rgba(255,255,255,.1);background:rgba(8,15,20,.86);padding:13px}.makerReport>div:first-child{color:var(--gold2);font:800 9px/1.4 Arial,sans-serif;letter-spacing:.13em}.makerReportText,.makerReport #makerReportText{margin-top:8px;color:#a6b0b6;font-size:10px;line-height:1.75}.makerWarning{margin-top:8px;color:#ffbf7f;font-size:9px;line-height:1.6}.makerWarning:empty{display:none}
@media(max-width:1050px){.makerWorkspace{grid-template-columns:330px minmax(0,1fr)}.makerStats{grid-template-columns:1fr 1fr}.makerCanvasWrap{min-height:430px}.makerCanvasWrap svg,.makerCanvasWrap canvas{min-height:430px}}
@media(max-width:760px){.makerStage{inset:48px 0 0;padding:17px 10px 30px}.makerHeader{align-items:flex-start}.makerHeader p{line-height:1.6}.makerBadge{display:none}.makerWorkspace{grid-template-columns:1fr}.makerControls{order:1}.makerOutput{order:2}.makerStats{grid-template-columns:1fr 1fr}.makerCanvasWrap{min-height:360px}.makerCanvasWrap svg,.makerCanvasWrap canvas{min-height:360px;max-height:none}.makerTopStatus{display:none}}
@media(max-width:430px){.makerFields{grid-template-columns:1fr}.makerStats{grid-template-columns:1fr 1fr}.makerStat{padding:10px}.makerStat strong{font-size:18px}.makerStat.main strong{font-size:25px}.makerActions{grid-template-columns:1fr}.makerCanvasWrap{min-height:300px}.makerCanvasWrap svg,.makerCanvasWrap canvas{min-height:300px}}
