:root{--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;--bg: #ffffff;--section: #eef4fb;--card: #ffffff;--line: #e3e8ef;--primary: #2458d6;--chip-on: #1b3f9e;--ink: #1f2430;--muted: #6b7280;--danger: #d9342b;--warn: #b7791f;--ok: #1e8e5a;--r-card: 16px;--r-input: 10px;--r-pill: 999px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--canvas-bg: #f4f6fa;--plate: #ffffff;--grid: #e9edf3;--trim: #3c4452;--bleed: #9aa3b2;--guide: #d9342b;--select: #2458d6;--hatch: #9aa3b2}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:15px;color:var(--ink);background:var(--bg)}button,input,select{font:inherit;color:inherit}.app{display:grid;grid-template-rows:56px auto 1fr;height:100%}.app-header{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);border-bottom:1px solid var(--line)}.app-header h1{font-size:22px;margin:0}.app-header .grow{flex:1}.app-main{grid-row:3;display:grid;grid-template-columns:300px 1fr 320px;min-height:0}.panel{background:var(--section);padding:var(--sp-4);overflow:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.panel-left{border-right:1px solid var(--line)}.panel-right{border-left:1px solid var(--line)}.canvas-host{position:relative;display:grid;grid-template-columns:24px 1fr;grid-template-rows:24px 1fr;background:var(--canvas-bg);min-height:0}.canvas-corner{grid-column:1;grid-row:1;background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ruler-top{grid-column:2;grid-row:1;background:var(--bg);border-bottom:1px solid var(--line)}.ruler-left{grid-column:1;grid-row:2;background:var(--bg);border-right:1px solid var(--line)}.canvas-svg{grid-column:2;grid-row:2;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.section-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-3) var(--sp-4)}.section-card h2{font-size:18px;margin:0 0 var(--sp-3)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-3)}.card.selected{border-color:var(--primary)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--card);border-radius:var(--r-pill);padding:6px 14px;cursor:pointer}.chip.chip-on{background:var(--chip-on);color:#fff;border-color:var(--chip-on)}.chip-sm{padding:2px 8px;font-size:12px}.btn{border:1px solid var(--line);background:var(--card);border-radius:var(--r-pill);padding:7px 14px;cursor:pointer}.btn:hover{filter:brightness(.9)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-danger{color:var(--danger)}.field{display:grid;gap:4px}.field label{font-size:13px;color:var(--muted)}.field input,.field select{border:1px solid var(--line);border-radius:var(--r-input);padding:7px 10px;background:var(--card);width:100%}.field input:focus,.field select:focus,.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muted{color:var(--muted);font-size:13px}.err{color:var(--danger)}.warn{color:var(--warn)}.ok{color:var(--ok)}dialog{border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-6);max-width:520px}dialog::backdrop{background:#1f243059}.canvas-column{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px var(--sp-4);background:var(--bg);border-bottom:1px solid var(--line)}.toolbar.bottom{border-bottom:0;border-top:1px solid var(--line)}.toolbar .grow{flex:1}.issues{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}.issue{background:var(--card);border:1px solid var(--line);border-radius:var(--r-input);padding:6px 10px;font-size:14px}.issue.clickable{cursor:pointer}.issue.clickable:hover{border-color:var(--primary)}.issue-mark{font-size:10px}.name-input{border:1px solid var(--line);border-radius:var(--r-input);padding:6px 10px;min-width:220px}.cards{display:grid;gap:8px}.cards .card{text-align:left;display:grid;gap:2px;cursor:pointer}.cards .card b{font-weight:600}.file-btn{display:inline-flex;align-items:center;cursor:pointer}.sources{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.source{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-input);padding:6px 8px;min-width:0}.source>*{flex-shrink:0}.source .btn{padding:4px 9px;white-space:nowrap}.source.missing{border-style:dashed}.source>.source-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.source .muted,.source .warn{white-space:nowrap}.source>.grow{flex:1 1 0;min-width:0}.check-row{display:flex;gap:8px;align-items:flex-start}.page-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.thumb{margin:0;flex:0 0 auto;text-align:center;font-size:12px;color:var(--muted)}.thumb img,.thumb-empty{height:96px;width:auto;min-width:48px;border:1px solid var(--line);border-radius:4px;background:var(--card);display:block}.result{display:grid;gap:8px;margin-top:8px}.result-nav{justify-content:center}.result-canvas{max-width:100%;border:1px solid var(--line);border-radius:var(--r-input);background:var(--card);justify-self:center}.banner{padding:8px 24px;background:#fdecea;border-bottom:1px solid var(--line)}.chip-ok{border-color:var(--ok);color:var(--ok)}.chip-err{border-color:var(--danger);color:var(--danger)}.save-row{flex-wrap:nowrap;font-size:13px}.save-row .chip{cursor:default;padding:4px 10px}.job-card{display:flex;gap:10px}.job-thumb{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:var(--card);flex-shrink:0}.job-thumb.empty{background:var(--section)}.job-body{display:grid;gap:4px;min-width:0}.home-link{font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap}.home-link:hover{color:var(--primary)}