:root{--bg: #f6f7f9;--panel: #ffffff;--line: #dfe3e8;--line-strong: #c4cbd4;--text: #1c2430;--muted: #6b7684;--accent: #2563eb;--accent-soft: #e8effd;--warn: #b45309;--warn-soft: #fef3c7;--danger: #b91c1c;--ok: #15803d;--ok-soft: #dcfce7;--radius: 6px;--font: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto;min-width:0;position:relative;z-index:60}.topbar .spacer{flex:1 1 8px}.doc-title{min-width:0;flex:1 1 160px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius);font-weight:600}.topbar select,.topbar button{padding:5px 9px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.topbar button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.tpl,.zoom{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.zoom button{padding:2px 8px}.mode-switch{display:inline-flex}.mode-switch button{padding:2px 10px}.mode-switch button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.mode-switch button:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}.mode-switch button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.mode-switch button:disabled{opacity:.5;cursor:not-allowed}.columns{display:flex;flex:1 1 auto;min-height:0}.pane{display:flex;min-height:0;background:var(--panel)}.pane-left{flex:0 0 480px;border-right:1px solid var(--line);overflow:hidden}.pane-mid{flex:1 1 auto;flex-direction:row;min-width:0}.pane-right{flex:0 0 420px;border-left:1px solid var(--line);overflow:auto}.pane-left{flex-direction:row}.filter-panel{flex:0 0 216px;overflow-y:auto;padding:10px;border-right:1px solid var(--line);background:#fbfcfd}.filter-search input{width:100%;padding:6px 8px;border:1px solid var(--line-strong);border-radius:var(--radius)}.filter-toprow{display:flex;justify-content:space-between;align-items:center;margin:8px 0;gap:6px}.chk{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.chk input{margin:0}.link{border:0;background:none;color:var(--accent);padding:0;text-decoration:underline}.facet-group{margin-bottom:12px}.facet-group h3{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;gap:5px}.badge{background:var(--accent);color:#fff;border-radius:999px;padding:0 5px;font-size:10px;line-height:15px}.facet-needle{width:100%;margin-bottom:4px;padding:3px 6px;border:1px solid var(--line);border-radius:var(--radius)}.facet-group ul{list-style:none;margin:0;padding:0}.facet-group li{line-height:1.7}.facet-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facet-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.facet-group .chk{width:100%}.facet-list.is-loading{opacity:.55}.unit-tree .unit-node{padding-left:calc(var(--depth) * 10px)}.unit-row{display:flex;align-items:center;gap:3px}.twisty{border:0;background:none;color:var(--muted);padding:0 2px;width:16px}.twisty.is-leaf{opacity:.35;cursor:default}.item-list{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.item-list-head{padding:8px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;color:var(--muted)}.cards{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1 1 auto}.card{border:1px solid var(--line);border-radius:var(--radius);padding:8px;margin-bottom:8px}.card.is-placed{border-color:var(--accent);background:var(--accent-soft)}.card.is-disabled{opacity:.6}.card-drag{cursor:grab}.card.is-disabled .card-drag{cursor:default}.card-head{display:flex;align-items:center;gap:6px;margin-bottom:3px}.qnum{font-weight:700}.pts{color:var(--muted)}.badge-ir{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:999px}.badge-ir.ok{background:var(--ok-soft);color:var(--ok)}.badge-ir.no{background:#eef0f3;color:var(--muted)}.card-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11px;margin-bottom:5px}.card-meta .unit{color:var(--accent)}.card-meta .itemid{margin-left:auto;font-variant-numeric:tabular-nums}.card-body{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.card-plain{color:var(--muted)}.card-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.placed-note{color:var(--accent);font-size:11px}.card-add{margin-left:auto;padding:2px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.card-add:disabled{opacity:.4;cursor:not-allowed}.empty,.hint{color:var(--muted);padding:8px}.error{color:var(--danger);padding:4px 8px}.pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;border-top:1px solid var(--line)}.pager button{padding:3px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.slot-list{flex:0 0 236px;min-height:0;overflow-y:auto;padding:8px 10px;border-right:1px solid var(--line)}.slot-list h2{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.slots{list-style:none;margin:0;padding:0}.page-head{font-size:11px;color:var(--muted);margin:6px 0 2px;border-top:1px dashed var(--line-strong);padding-top:4px}.slot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:3px;background:#fff}.slot.is-selected{border-color:var(--accent);background:var(--accent-soft)}.slot.is-dragging{opacity:.6}.slot.is-over{border-color:var(--warn);background:var(--warn-soft)}.grip{border:0;background:none;color:var(--muted);cursor:grab;padding:0 2px}.slot-index{font-variant-numeric:tabular-nums;color:var(--muted);min-width:18px}.slot-id{font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-col,.slot-h{color:var(--muted);font-size:11px}.slot-edits{color:var(--accent);font-size:11px}.slot-warn{color:var(--warn);font-size:11px;font-weight:600}.slot.is-unfit{border-color:var(--danger)}.slot-unfit{color:var(--danger);font-size:11px;font-weight:600;white-space:nowrap}.slot-why{flex-basis:100%;order:99;color:var(--danger);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.is-undecided{border-style:dashed;border-color:var(--muted)}.slot-undecided{color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.slot.is-undecided .slot-why{color:var(--muted)}.slot-remove{margin-left:auto;border:0;background:none;color:var(--muted);font-size:15px;line-height:1}.canvas{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0;background:#eceff3}.canvas-status{display:flex;align-items:center;gap:12px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--muted)}.canvas-status .warn{color:var(--warn);font-weight:600}.fill-bars{list-style:none;margin:0;padding:4px 10px;display:flex;flex-wrap:wrap;gap:4px 10px;background:var(--panel);border-bottom:1px solid var(--line)}.fill-bar{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px}.fill-bar.is-selected{outline:1px solid var(--accent);border-radius:var(--radius)}.fill-label{color:var(--muted);min-width:16px;text-align:right}.fill-track{display:inline-block;width:46px;height:6px;background:#e3e7ec;border-radius:3px;overflow:hidden}.fill-value{display:block;height:100%;background:var(--accent)}.fill-bar.is-over .fill-value{background:var(--warn)}.fill-pct{color:var(--muted);font-variant-numeric:tabular-nums}.canvas-scroll{flex:1 1 auto;overflow:auto;padding:14px}.canvas-fit{margin:0 auto}.canvas-zoom{transform-origin:top left}.canvas-frame{display:block;width:100%;border:0;background:transparent}.zoom .zoom-fit.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.canvas-empty{color:var(--muted);text-align:center;padding:40px}.ir-editor{padding:10px 12px;width:100%}.ir-editor header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ir-editor h2{margin:0;font-size:14px}.ir-editor h2 small{color:var(--muted);font-weight:400}.editor-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.editor-note{background:var(--accent-soft);border-radius:var(--radius);padding:6px 8px;color:#1e3a8a;margin:0 0 10px}.ir-section{margin-bottom:12px}.ir-section h3{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.ir-block{display:flex;gap:6px;margin-bottom:6px}.block-align{flex:0 0 34px;color:var(--muted);font-size:11px;padding-top:4px}.run-row{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.run-field{border:1px solid var(--line);border-radius:var(--radius);padding:4px 5px}.run-field.is-dirty{border-color:var(--accent);background:var(--accent-soft)}.run-field.is-focused{outline:2px solid #0a8f5b;outline-offset:1px}.run-field label{display:flex;gap:5px;align-items:flex-start}.run-kind{flex:0 0 24px;font-size:10px;color:var(--muted);padding-top:4px}.run-field textarea{flex:1 1 auto;min-width:0;resize:vertical;border:0;background:transparent;outline:none;line-height:1.5}.run-field.is-m textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.run-preview{padding:4px 0 2px 29px;overflow-x:auto}.run-revert{margin-left:29px;font-size:11px}.math-error{background:#fee2e2;color:var(--danger);border-radius:3px;padding:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.export-anchor{position:relative;display:inline-flex}.export-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:340px;max-height:78vh;overflow:auto;padding:12px;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 8px 24px #10182829}.export-panel.is-viewport-bound{position:fixed;inset:auto 8px 8px;width:auto;max-width:none;max-height:70vh}.export-panel header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.export-panel h2{margin:0;font-size:14px}.export-count{color:var(--muted);font-size:11px}.export-close{margin-left:auto;border:0;background:none;color:var(--muted);font-size:17px;line-height:1;padding:0 2px}.export-hint{margin:0 0 8px;padding:5px 7px;font-size:11px;background:var(--warn-soft);color:var(--warn);border-radius:var(--radius)}.export-group{margin-bottom:10px;padding:8px;border-radius:var(--radius)}.export-group h3{margin:0 0 7px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.export-group.is-authoritative{background:var(--ok-soft);border:1px solid #bbf7d0}.export-group.is-authoritative h3{color:var(--text)}.export-group.is-preview{background:var(--warn-soft);border:1px dashed #fcd34d}.export-action{display:block;width:100%;text-align:left;margin-bottom:6px;padding:7px 9px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--text)}.export-action:last-child{margin-bottom:0}.export-action strong{display:block;font-size:13px;color:var(--text)}.export-action small{display:block;margin-top:1px;color:var(--muted);font-size:11px}.export-panel .export-action.primary{background:#fff;color:var(--text);border-color:var(--ok)}.export-panel .export-action.primary strong{color:var(--text)}.export-action:disabled{opacity:.5;cursor:default}.badge{display:inline-block;padding:1px 6px;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:.02em}.badge-ok{background:var(--ok);color:#fff}.badge-warn{background:var(--warn);color:#fff}.badge-danger{background:var(--danger);color:#fff}.gate-card{margin-top:8px;padding:9px;border:1px solid var(--danger);border-radius:var(--radius);background:#fef2f2}.gate-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.gate-name{font-size:11px;color:var(--muted);display:flex;gap:5px;align-items:center}.gate-name code{font-size:10px}.gate-reason{margin:0 0 6px;font-size:12px;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word}.gate-note{margin:0;font-size:11px;color:var(--muted)}.export-hint.is-ok{background:var(--ok-soft);color:var(--ok)}.export-hint.is-warn{background:var(--warn-soft);color:var(--warn)}.preflight-unknown{margin:0 0 6px;font-size:11px;color:var(--warn)}.gate-card.is-preflight{margin:0 0 10px}.preflight-list{margin:0 0 6px;padding:0;list-style:none}.preflight-list li{padding:6px 0;border-top:1px solid #fecaca;display:grid;grid-template-columns:auto auto;gap:2px 6px}.preflight-item{font-size:12px;font-weight:600}.preflight-gate{font-size:10px;color:var(--danger);justify-self:start}.preflight-reason{grid-column:1 / -1;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.preflight-alt{grid-column:1 / -1;font-size:11px;color:var(--muted)}.preflight-fix{margin:0 0 6px;font-size:11px;display:flex;flex-wrap:wrap;gap:5px}.preflight-swap{padding:2px 7px;font-size:11px;border:1px solid var(--accent);border-radius:var(--radius);background:#fff;color:var(--accent)}.gate-toggle{margin-top:6px;padding:2px 7px;font-size:11px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.gate-detail{margin:6px 0 0;padding:7px;max-height:200px;overflow:auto;background:#fff;border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.export-blocked-reason{margin:-2px 0 8px;padding:7px 9px;border-left:3px solid var(--danger);border-radius:0 var(--radius) var(--radius) 0;background:#fef2f2;color:var(--text);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.export-blocked-reason code{font-size:10px;color:var(--danger)}.export-blocked-reason small{color:var(--muted);font-size:11px}.export-attempt-failed{margin:8px 0 0;padding:9px;border:2px solid var(--danger);border-radius:var(--radius);background:#fff1f2}.export-attempt-failed .attempt-head{margin:0 0 5px;font-size:12px;line-height:1.5;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.export-attempt-failed.is-timeout{border-color:var(--warn);background:var(--warn-soft)}.export-attempt-failed.is-timeout .badge-danger{background:var(--warn)}.export-attempt-failed .attempt-reason{margin:0;font-size:12px;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word}.export-error{margin:8px 0 0;padding:8px;white-space:pre-wrap;background:#fef2f2;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);font-size:12px}.export-done{margin:8px 0 0;padding:8px;font-size:12px;line-height:1.55;border-radius:var(--radius)}.export-done.is-authoritative{background:var(--ok-soft);color:var(--ok)}.export-done.is-preview{background:var(--warn-soft);color:var(--warn)}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chrome-toggle,.chrome-backdrop{display:none}.app{max-width:100%;min-width:0}.columns{position:relative;max-width:100%;overflow:hidden}@media(max-width:1199px){.topbar{row-gap:6px}.chrome-toggle-left{display:inline-flex}.chrome-toggle{padding:5px 9px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.chrome-toggle[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chrome-backdrop{position:absolute;inset:0;z-index:35;border:0;padding:0;background:#10182847;cursor:pointer}.app.is-chrome-left-open .chrome-backdrop,.app.is-chrome-slots-open .chrome-backdrop{display:block}.pane-left{position:absolute;top:0;left:0;bottom:0;width:min(480px,100%);max-width:100%;flex:none;z-index:50;transform:translate(-105%);transition:transform .18s ease;box-shadow:8px 0 24px #1018282e}.app.is-chrome-left-open .pane-left{transform:none}.pane-right{position:absolute;inset:0 0 0 auto;width:min(420px,100%);max-width:100%;flex:none;z-index:50;box-shadow:-8px 0 24px #1018282e}.export-anchor{position:static}.export-panel{position:fixed;inset:auto 8px 8px;width:auto;max-width:none;max-height:70vh}}@media(max-width:767px){.chrome-toggle-slots{display:inline-flex}.pane-left{width:calc(100% - 40px);flex-direction:column}.filter-panel{flex:0 0 auto;max-height:42%;border-right:0;border-bottom:1px solid var(--line)}.pane-mid{position:relative}.slot-list{position:absolute;top:0;left:0;bottom:0;width:min(280px,calc(100% - 40px));max-width:100%;flex:none;z-index:50;background:var(--panel);transform:translate(-105%);transition:transform .18s ease;box-shadow:8px 0 24px #1018282e}.app.is-chrome-slots-open .slot-list{transform:none}.pane-right{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){.pane-left,.slot-list{transition:none}}