:root{color-scheme:dark;--bg:#020617;--panel:#0f172a;--line:#334155;--ctl:#1e293b;--muted:#94a3b8;--text:#f8fafc;--accent:#2563eb}*{box-sizing:border-box}html,body{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:Arial,"Noto Sans KR",sans-serif}.app{max-width:1400px;margin:auto;padding:calc(env(safe-area-inset-top,0px) + 68px) 12px 18px}.tabs,.view-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tabs{margin-bottom:12px}.btn,select,input,textarea{border:1px solid #475569;background:var(--ctl);color:var(--text);border-radius:10px;min-height:42px;font-size:14px}.btn{padding:8px 5px}.btn:focus,select:focus,input:focus,textarea:focus{outline:2px solid #60a5fa;outline-offset:2px}.tab{font-size:13px;min-height:40px;white-space:normal;line-height:1.15;overflow-wrap:anywhere;text-align:center}.tab.active,.primary{background:var(--accent);border-color:#3b82f6}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:12px}.page{display:none}.page.active{display:block}.view-controls .btn{font-size:12px;line-height:1.1;white-space:normal}.toggle-title{display:block;font-size:11px}.toggle-state{display:block;font-size:10px;color:#cbd5e1;margin-top:3px;line-height:1.15}.hint,.muted{color:var(--muted);font-size:12px}.hint{margin-top:8px;margin-bottom:9px}.viewer{background:#f8fafc;border-radius:11px;overflow:hidden}.viewer canvas{display:block;width:100%;height:360px;touch-action:none}.playbar{margin-top:10px;border:1px solid var(--line);border-radius:13px;background:#0b1220;padding:9px;position:sticky;bottom:6px;z-index:5}.play-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.play-controls .btn{font-size:12px;min-height:39px}.speed{display:grid;grid-template-columns:36px 1fr 54px;gap:8px;align-items:center;margin-top:9px}.speed input{width:100%;min-height:28px;accent-color:#3b82f6;background:transparent;border:0}.progress-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:6px}.progress-row #blockInfo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.progress-track{height:7px;background:#1e293b;border-radius:99px;overflow:hidden;margin-top:5px}.progress{height:100%;width:0;background:#3b82f6}.layers{margin-top:10px;border:1px solid var(--line);border-radius:13px;padding:11px}.layers summary{cursor:pointer;font-weight:700}.layer-help{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.layer-card{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"check dot name" "jump jump jump";column-gap:8px;row-gap:10px;align-items:center;background:#1e293b;border:1px solid #475569;border-radius:11px;padding:12px;min-height:108px}.layer-card input{grid-area:check;margin:0;min-height:0}.layer-card .dot{grid-area:dot}.layer-name{grid-area:name;font-family:ui-monospace,monospace;font-weight:700;line-height:1.1}.layer-jump{grid-area:jump;width:100%;min-height:36px;font-size:11px;padding:7px 8px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px}.field input,.field select{width:100%;padding:8px}.machine-panel{max-width:820px}.mode-box{padding:11px;border:1px solid var(--line);background:#020617;border-radius:10px;margin-top:11px;font-size:12px;color:#cbd5e1}.mode-box strong{display:block;color:#f8fafc;margin-bottom:6px}.notice{padding:10px;border:1px solid #7c2d12;background:#431407;border-radius:10px;color:#fed7aa;font-size:12px;margin-top:10px;line-height:1.5}.tool-layout{display:grid;grid-template-columns:220px 1fr;gap:10px}.tool-list{display:flex;flex-direction:column;gap:6px}.tool-list .btn{text-align:left}.tool-selected{outline:2px solid #60a5fa}.program-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}textarea{width:100%;min-height:310px;padding:10px;font-family:ui-monospace,monospace;resize:vertical;line-height:1.45}.program-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px}.program-actions .btn{font-size:11px}.annotated{background:#020617;border-radius:10px;padding:10px;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12px;min-height:310px;max-height:520px;overflow:auto;line-height:1.45}.program-warning-line{display:block;background:#450a0a;color:#fecaca;border-left:3px solid #ef4444;padding:3px 6px;border-radius:4px;margin:1px 0}.program-banner{display:none;background:#450a0a;color:#fecaca;border:1px solid #ef4444;padding:8px;border-radius:9px;margin-bottom:7px;font-size:12px;line-height:1.45}.status{font-size:12px;color:#94a3b8;margin-top:6px;line-height:1.45}.tool-title{font-weight:bold;font-size:16px}.save-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.save-state{font-size:12px;color:#86efac}.iso-info{font-size:12px;color:#cbd5e1;border:1px solid #334155;background:#020617;border-radius:10px;padding:9px;margin-top:9px;line-height:1.5}.full{width:100%}.section-title{font-weight:700;margin-bottom:7px}.stock-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:11px;color:#94a3b8}.legend-box{width:14px;height:8px;border-radius:2px;display:inline-block;margin-right:4px;vertical-align:middle}.initial-stock{background:#cbd5e1}.final-stock{background:#64748b}.quick-backdrop{position:fixed;inset:0;z-index:800;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.30);backdrop-filter:blur(3px)}.quick-backdrop.open{display:flex}.quick-modal{width:min(88vw,380px);background:rgba(15,23,42,.70);border:1px solid rgba(71,85,105,.92);border-radius:16px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.34)}.quick-title{font-size:16px;font-weight:700;margin-bottom:12px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions .btn[data-axis-quick=XYZ]{grid-column:1/-1}.quick-modal>.full{margin-top:12px}@media(max-width:760px){.app{padding:calc(env(safe-area-inset-top,0px) + 68px) 8px 12px}.viewer canvas{height:330px}.grid2{grid-template-columns:1fr}.tool-layout,.program-layout{grid-template-columns:1fr}.tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.annotation-panel{margin-top:0}}@media(max-width:420px){.tab{font-size:12px;padding:7px 3px}.view-controls .btn{font-size:11px;padding:6px 3px}.program-actions .btn{font-size:10px;padding:7px 3px}.layer-card{padding:10px;min-height:104px}.viewer canvas{height:320px}}.tabs>*,.view-controls>*,.play-controls>*,.grid2>*,.layer-grid>*,.program-actions>*,.tool-layout>*,.program-layout>*,.quick-actions>*,.speed>*,.field,.panel,.page{min-width:0}.btn,.tab,button,select,input,textarea{max-width:100%}.btn,.tab,button{height:auto;overflow-wrap:anywhere;word-break:normal;white-space:normal;text-align:center}.btn,select,input,textarea{font-size:clamp(12px,3.4vw,14px)}.tab{font-size:clamp(11px,3.2vw,13px);line-height:1.2;padding:8px 4px}.view-controls .btn,.play-controls .btn{font-size:clamp(11px,3vw,12px)}.program-actions .btn,.layer-jump{font-size:clamp(10px,2.8vw,11px)}.field,.mode-box,.notice,.iso-info,.status,.hint,.muted,.layer-name,.section-title,.tool-title,.save-state{overflow-wrap:anywhere;word-break:normal}textarea,.annotated{max-width:100%;overflow-wrap:normal}.viewer canvas{height:clamp(260px,44vh,360px)}@media(min-width:761px){.app{width:min(100%,1400px)}}@media(max-width:420px){.app{width:100%;max-width:100%;overflow-x:hidden}.panel{padding:10px}.speed{grid-template-columns:30px minmax(0,1fr) 46px;gap:6px}.progress-row{min-width:0}.progress-row>*{min-width:0}.quick-modal,#programModeModal160 .pmd-card{max-width:calc(100vw - 20px)}}@media(max-width:360px){.tabs,.view-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.program-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-grid{grid-template-columns:1fr}.play-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.btn,.tab{padding-left:4px;padding-right:4px}.viewer canvas{height:clamp(240px,42vh,310px)}}.path-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.path-tool-button{min-height:46px;font-size:11px;font-weight:700;line-height:1.2}#viewModeToggle{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px}.view-mode-option{display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;border-radius:7px;color:#94a3b8}.view-mode-option.active{background:#475569;color:#fff;box-shadow:inset 0 0 0 1px #64748b}.path-tool-button[aria-disabled=true]{color:#cbd5e1}.path-tool-slot{min-height:46px}.line-width-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.line-width-actions .selected{background:var(--accent);border-color:#60a5fa}.stock-fields{display:grid;gap:9px}.stock-fields label{display:grid;gap:5px;color:#cbd5e1;font-size:12px}.stock-fields input{width:100%;padding:9px}.stock-error{min-height:18px;margin-top:8px;color:#fca5a5;font-size:11px;line-height:1.4}.stock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.machine-notes{margin-top:10px;padding:10px;border:1px solid #475569;border-radius:10px;background:#111c30;color:#cbd5e1;font-size:12px;line-height:1.55}.machine-notes-title{margin-bottom:6px;color:#f8fafc;font-weight:700}.machine-note-row{padding:3px 0;border-top:1px solid rgba(71,85,105,.45)}.machine-note-row:first-child{border-top:0}@media(max-width:320px){.play-controls{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.quick-actions .btn[data-axis-quick=XYZ]{grid-column:auto}}.btn{text-decoration:none;cursor:pointer}.program-actions a.btn{display:grid;place-items:center}