:root{--ground: #e8ecee;--paper: #fbfcfc;--ink: #131a1d;--muted: #5f6d73;--rule: #c3cdd2;--wire: #98a6ad;--wirefill: #eef2f4;--accent: #0b6fa4;--accent-soft: #dcebf3;--ok: #15803d;--warn: #b45309;--bad: #b3261e;--bad-soft: #fbeeed;--shadow: 0 1px 2px rgba(19, 26, 29, .06), 0 8px 24px rgba(19, 26, 29, .06);--sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--radius: 3px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--control-h: 30px;--font-size: 14px;--font-small: 12px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:var(--font-size);line-height:1.45}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.25;font-weight:600}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.grow{flex:1 1 auto;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row.spaced{gap:var(--space-5);align-items:flex-start}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-4);height:44px;padding:0 var(--space-5);background:var(--paper);border-bottom:1px solid var(--rule)}.topbar .brand{font-weight:700;letter-spacing:.01em;color:var(--ink);text-decoration:none}.topbar .brand span{color:var(--muted);font-weight:400;margin-left:var(--space-2)}.topbar nav{display:flex;gap:var(--space-2)}.topbar nav a{color:var(--ink);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius)}.topbar nav a.active,.topbar nav a:hover{background:var(--accent-soft)}.page{flex:1;padding:var(--space-5);max-width:1440px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.centered{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.card{width:100%;max-width:380px;background:var(--paper);border:1px solid var(--rule);box-shadow:var(--shadow);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--wirefill)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:#2a3439}.btn.quiet{border-color:transparent}.btn.quiet:hover{border-color:var(--rule)}.btn.danger{border-color:var(--bad);color:var(--bad)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.input:focus-visible,.segment:focus-visible,.tab:focus-visible,.opening:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label,.field>.label{font-weight:600;font-size:var(--font-small);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}select.input{max-width:100%}.field .hint{font-size:var(--font-small);color:var(--muted)}.field .error{font-size:var(--font-small);color:var(--bad)}.input{height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--wire);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;width:100%}textarea.input{height:auto;padding:var(--space-2);min-height:80px}.input[aria-invalid=true]{border-color:var(--bad)}.input.narrow{width:auto;min-width:160px}.badge{display:inline-block;border:1px solid var(--wire);border-radius:var(--radius);padding:0 var(--space-2);font-size:11px;line-height:18px;white-space:nowrap;color:var(--muted)}.badge.ok{border-color:var(--ok);color:var(--ok)}.badge.warn{border-color:var(--warn);color:var(--warn)}.badge.bad{border-color:var(--bad);color:var(--bad)}.badge.accent{border-color:var(--accent);color:var(--accent)}.table-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--rule)}table.table{width:100%;border-collapse:collapse}table.table th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--wire);white-space:nowrap}table.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);white-space:nowrap;vertical-align:middle}table.table th.num,table.table td.num{text-align:right;font-variant-numeric:tabular-nums}table.table tr.clickable{cursor:pointer}table.table tr.clickable:hover td,table.table tr.clickable:focus-visible td{background:var(--accent-soft)}table.table tr.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}table.table td.empty{color:var(--muted);text-align:center;padding:var(--space-6);white-space:normal}.panel{background:var(--paper);border:1px solid var(--rule);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.panel>h2,.panel>h3,.panel>h4,.panel>h5{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.segments{display:inline-flex;border:1px solid var(--wire);border-radius:var(--radius);overflow:hidden}.segment{height:26px;padding:0 var(--space-3);border:0;border-right:1px solid var(--wire);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--font-small);cursor:pointer}.segment:last-child{border-right:0}.segment.active{background:var(--ink);color:var(--paper)}.segment .count{opacity:.7;margin-left:var(--space-1)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--rule);margin-bottom:var(--space-4)}.tab{border:0;background:none;font:inherit;padding:var(--space-2) var(--space-3);color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--ink);border-bottom-color:var(--ink)}dialog.dialog{border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:0;width:min(480px,calc(100vw - 2 * var(--space-5)));background:var(--paper);color:var(--ink)}dialog.dialog::backdrop{background:#131a1d59}.dialog-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule)}.dialog-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.dialog-foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--rule);display:flex;justify-content:flex-end;gap:var(--space-2)}.toasts{position:fixed;right:var(--space-5);bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:10}.toast{background:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow);max-width:420px}.toast.bad{background:var(--bad)}.toast.ok{background:var(--ok)}.notice{padding:var(--space-3) var(--space-4);border:1px solid var(--rule);background:var(--wirefill);color:var(--muted)}.notice.bad{border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}.small{font-size:var(--font-small)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--rule);flex-wrap:wrap}.list-row:last-of-type{border-bottom:0}.check{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.check input{margin:3px 0 0}.check .hint{color:var(--muted);font-size:var(--font-small)}.confirm-option{margin-top:var(--space-3)}.drop{flex:1 1 auto;border:2px dashed var(--wire);border-radius:var(--radius);background:var(--wirefill);padding:var(--space-5);text-align:center;color:var(--muted);cursor:pointer;line-height:1.6}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.drop.disabled{opacity:.6;cursor:default}.drop:focus-visible{outline:2px solid var(--accent)}.structure{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--space-5);align-items:start}.tree{position:sticky;top:var(--space-5);max-height:calc(100vh - 44px - 2 * var(--space-5));overflow:auto;background:var(--paper);border:1px solid var(--rule);padding-bottom:var(--space-2)}.tree-head{padding:var(--space-3);border-bottom:1px solid var(--rule);margin-bottom:var(--space-2)}.tree-node{display:flex;align-items:center;gap:var(--space-2);padding:5px var(--space-3);color:var(--ink);text-decoration:none;font-size:var(--font-small);border-left:2px solid transparent;min-width:0}.tree-node .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node:hover{background:var(--wirefill)}.tree-node.active{background:var(--accent-soft);border-left-color:var(--accent)}.tree-add{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:var(--font-small);color:var(--accent);cursor:pointer;padding:3px var(--space-3)}.tree-add:hover{text-decoration:underline}.level-1{padding-left:var(--space-3);font-weight:600}.tree-add.level-1{font-weight:400}.level-2{padding-left:calc(var(--space-3) + 16px)}.level-3{padding-left:calc(var(--space-3) + 32px)}.pane{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.cat-list{border:1px solid var(--rule)}.cat-head{display:grid;grid-template-columns:minmax(150px,1fr) 90px 90px 50px 90px 90px 44px 20px;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--rule);cursor:pointer;font-size:var(--font-size)}.cat-head>span,.cat-head>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-toggle{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:0;border:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer}.cat-toggle>.mono{flex:0 0 26px}.cat-toggle>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1100px){.cat-head{grid-template-columns:minmax(120px,1fr) auto auto auto auto auto auto 20px}}.cat:last-child .cat-head{border-bottom:0}.cat-head:hover{background:var(--wirefill)}.cat-body{padding:var(--space-4);border-bottom:1px solid var(--rule);background:var(--wirefill);display:flex;flex-direction:column;gap:var(--space-4)}.base-preview{display:block;max-width:100%;max-height:360px;border:1px solid var(--rule)}.opening{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;max-width:900px}.opening.readonly{cursor:default}.opening img{display:block;width:100%;border:1px solid var(--rule)}.opening .marker{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--paper);border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--accent);pointer-events:none}.opening .marker.selected{background:var(--paper);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.opening .marker.draft{background:var(--paper);border-style:dashed}.opening.sphere{aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--rule);background:#100c20;cursor:grab}.opening.sphere:not(.readonly){cursor:crosshair}.opening.sphere canvas{display:block;width:100%!important;height:100%!important}.opening.sphere .marker{left:0;top:0;will-change:transform}.opening.sphere .marker.behind{display:none}.opening.sphere .crosshair{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;pointer-events:none}.opening.sphere .crosshair:before,.opening.sphere .crosshair:after{content:"";position:absolute;left:50%;top:50%;background:var(--paper);box-shadow:0 0 0 1px #00000080}.opening.sphere .crosshair:before{width:2px;height:14px;margin:-7px 0 0 -1px}.opening.sphere .crosshair:after{width:14px;height:2px;margin:-1px 0 0 -7px}.fold>summary{cursor:pointer}.opening .marker-label{position:absolute;left:18px;top:50%;transform:translateY(-50%);max-width:220px;font-size:11px;line-height:1.4;padding:1px 6px;background:var(--paper);border:1px solid var(--rule);color:var(--ink)}.review-page{max-width:1280px;margin:0 auto;padding:var(--space-5) var(--space-4)}.review-frame{display:block;width:100%;height:min(720px,80vh);border:1px solid var(--rule);background:#0d0a1a}.review-page>section>h2{font-size:20px;margin-top:var(--space-4)}.review-page h3{font-size:16px}.version-notes{flex-basis:100%}.review-head p{max-width:70ch}.review-category{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px solid var(--rule)}.review-category:last-of-type{border-bottom:0}.review-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-1) var(--space-4)}.review-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-small);min-width:0}.hotspot-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-4);align-items:start}.hotspot-split .opening{max-width:none}.hotspot-row.selected{box-shadow:inset 3px 0 var(--accent);padding-left:var(--space-2)}@media(max-width:1100px){.hotspot-split{grid-template-columns:1fr}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3)}.card-stat{background:var(--paper);border:1px solid var(--rule);padding:var(--space-3) var(--space-4)}.card-stat .k{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.card-stat .v{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.card-stat .n{font-size:var(--font-small);color:var(--muted)}.plan-files{margin:0;background:var(--paper);border:1px solid var(--rule);padding:var(--space-3);font-family:var(--mono);font-size:var(--font-small);max-height:480px;overflow:auto;white-space:pre}a.btn{text-decoration:none}.progress{height:6px;background:var(--wirefill);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-3)}.progress-bar{height:100%;background:var(--accent);transition:width .3s linear}.review-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-4);align-items:start}@media(max-width:1100px){.review-split{grid-template-columns:minmax(0,1fr)}}.review-split .panel:first-child{overflow-x:auto}tr.selected>td{background:var(--accent-soft)}.swatch{display:block;width:28px;height:28px;object-fit:cover;border:1px solid var(--rule);border-radius:var(--radius);background-color:var(--paper);background-image:linear-gradient(45deg,var(--wirefill) 25%,transparent 25%),linear-gradient(-45deg,var(--wirefill) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--wirefill) 75%),linear-gradient(-45deg,transparent 75%,var(--wirefill) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.crop-preview{position:relative;width:100%;background:var(--wirefill);border:1px solid var(--rule);margin-bottom:var(--space-3)}.crop-preview img{display:block;width:100%;height:100%;object-fit:cover}.crop-box{position:absolute;border:2px solid var(--accent);background:#0b6fa41f}.crop-part{position:absolute;border:1px solid var(--warn)}.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-1) var(--space-3);margin:var(--space-3) 0;font-size:var(--font-small)}.facts dt{color:var(--muted)}.facts dd{margin:0}.fixer{border:1px solid var(--rule);background:var(--wirefill);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-3)}.fixer p{margin-top:0}.review-files{width:100%;table-layout:fixed}.review-files th,.review-files td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-files col.c-swatch{width:44px}.review-files col.c-area{width:62px}.review-files col.c-web{width:72px}.review-files col.c-status{width:116px}.preview-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-4);align-items:start}@media(max-width:1100px){.preview-split{grid-template-columns:minmax(0,1fr)}}.preview-stage{position:sticky;top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.preview-frame{position:relative;background:var(--wirefill);border:1px solid var(--rule);overflow:auto;max-height:calc(100vh - 44px - 6 * var(--space-5))}.preview-frame.fit img{display:block;width:100%;height:100%;object-fit:contain}.preview-frame.actual img{display:block;max-width:none}.preview-frame img.stale{opacity:.55}.preview-status{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--ink);color:var(--paper);padding:var(--space-1) var(--space-3);border-radius:var(--radius);font-size:var(--font-small)}.preview-rail{min-width:0}.preview-rail .panel{max-height:none}@media(max-width:1100px){.preview-stage{position:static}.preview-frame{max-height:60vh}}.rule-card{border:1px solid var(--rule);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--paper)}.rule-card.has-problems{border-color:var(--bad)}.rule-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.rule-sentence{font-size:15px;line-height:1.5}.rule-readback{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding:var(--space-3);background:var(--wirefill);border:1px solid var(--rule);line-height:1.5}.rule-side{padding:var(--space-3);border:1px solid var(--rule)}.preview-rail details>summary{cursor:pointer}.preview-rail details>div{padding:var(--space-1) 0 0 var(--space-3)}.options-table th,.options-table td{padding:var(--space-1) var(--space-2)}.options-table th:first-child,.options-table td:first-child{position:sticky;left:0;z-index:1;background:var(--paper);box-shadow:inset -1px 0 var(--rule)}.options-table tr.group td:first-child{position:static}.options-table .input.cell{height:26px;padding:0 6px;font-size:var(--font-small);width:100%;min-width:72px}.options-table .cell-code{min-width:100px}.options-table .cell-price{min-width:90px;text-align:right}.options-table .cell-help{min-width:220px}.options-table .cell-attr{min-width:110px}.options-table .cell-swatch{min-width:118px;height:22px;font-size:11px}.options-table tr.group td{background:var(--wirefill);border-bottom-color:var(--wire)}.options-table tr.dirty td:first-child{box-shadow:inset 3px 0 var(--accent),inset -1px 0 var(--rule)}.options-table input[type=checkbox]{margin:0}.swatch-cell{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.swatch.empty{display:inline-block}dialog.dialog.wide{width:min(760px,calc(100vw - 2 * var(--space-5)))}.paste-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.icon-preview{display:inline-grid;place-items:center;width:var(--control-h);height:var(--control-h);flex:0 0 auto;color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper)}.logo-preview{display:block;height:36px;width:auto;max-width:200px;object-fit:contain;padding:4px 6px;background:#f1f3f5;border:1px solid var(--line, #d9dfe4);border-radius:4px}.logo-preview.small{height:28px;max-width:120px;margin-right:10px}