:root{--paper:#f4f1ea;--panel:#fff;--ink:#2a2622;--muted:#8a8178;--line:#e7e0d4;--line-soft:#f0ebe1;--accent:#b8456b;--accent-dark:#98365a;--accent-soft:#fbeaf0;--ok:#2f7d55;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #281e140d, 0 8px 24px #281e140f;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Courier New", monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}h1,h2{margin:0;font-weight:700}a{color:var(--accent-dark)}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#fff,#fffdfa);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:13px 22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #d65d86);color:#fff;border-radius:11px;place-items:center;width:40px;height:40px;font-size:21px;font-weight:800;display:grid;box-shadow:0 4px 12px #b8456b59}.brand h1{letter-spacing:-.01em;font-size:20px}.tagline{color:var(--muted);margin:0;font-size:12.5px}.topbar-right{align-items:center;gap:12px;display:flex}.badge{color:var(--ok);white-space:nowrap;background:#eaf5ee;border:1px solid #cfe8d8;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}.gh-link{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.gh-link:hover{border-color:var(--accent);color:var(--accent-dark)}.layout{flex:1;grid-template-columns:300px minmax(0,1fr) 310px;align-items:start;gap:18px;padding:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.controls,.info{max-height:calc(100vh - 36px);padding:4px 16px 14px;position:sticky;top:18px;overflow-y:auto}.control-group{border-bottom:1px solid var(--line-soft);padding:15px 0}.control-group:last-child{border-bottom:none}.control-group h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:9px;margin-bottom:13px;font-size:12px;display:flex}.step{background:var(--accent-soft);width:20px;height:20px;color:var(--accent-dark);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.dropzone{border:2px dashed var(--line);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:#fbf9f5;place-items:center;min-height:132px;transition:border-color .15s,background .15s;display:grid;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone-inner{padding:16px}.dz-icon{font-size:26px}.dropzone p{margin:6px 0 0;font-size:13px}.dz-sub{color:var(--muted);font-size:11.5px!important}.src-preview{object-fit:contain;background:#fbf9f5;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.change-hint{color:#fff;pointer-events:none;background:#2a2622b8;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.ghost-btn,.primary-btn,.icon-btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;padding:9px 14px;font-weight:600;transition:background .14s,border-color .14s,color .14s,transform 50ms}.ghost-btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}.ghost-btn:active:not(:disabled),.primary-btn:active:not(:disabled){transform:translateY(1px)}.primary-btn{background:var(--accent);border-color:var(--accent);color:#fff}.primary-btn:hover:not(:disabled){background:var(--accent-dark)}button:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.small{padding:7px 11px;font-size:12.5px}#sample{margin-top:10px}.field{margin-bottom:14px;display:block}.field:last-child{margin-bottom:0}.field-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-label em{color:var(--accent-dark);font-variant-numeric:tabular-nums;font-style:normal}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}select,input[type=text],input[type=number]{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px}select:focus,input[type=text]:focus,input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.adjust{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fdfbf8;margin-top:14px;padding:0 12px}.adjust[open]{padding-bottom:12px}.adjust summary{cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:10px 0;font-size:12.5px;font-weight:700;list-style:none;display:flex}.adjust summary::-webkit-details-marker{display:none}.adjust summary:before{content:"▸";color:var(--muted);transition:transform .15s}.adjust[open] summary:before{transform:rotate(90deg)}.adjust-badge{text-transform:uppercase;color:#fff;background:var(--accent);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.segmented{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:14px;display:flex;overflow:hidden}.seg{font:inherit;color:var(--muted);cursor:pointer;background:#fff;border:none;flex:1;padding:9px;font-weight:600}.seg.active{background:var(--accent);color:#fff}.zoom-row{align-items:center;gap:8px;display:flex}.zoom-row input[type=range]{flex:1}.icon-btn{flex:none;place-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;display:grid}.checks{flex-direction:column;gap:9px;margin-top:4px;font-size:13px;display:flex}.checks label{cursor:pointer;align-items:center;gap:8px;display:flex}.checks input{accent-color:var(--accent)}.export-row{gap:10px;display:flex}.export-row button{flex:1}#exportCsv{margin-top:10px}.stage{flex-direction:column;min-height:62vh;padding:14px;display:flex}.stage-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:10px;display:flex}.hover-readout{font-family:var(--mono);color:var(--muted);background:var(--line-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:1;padding:5px 10px;font-size:12px;overflow:hidden}.chip{font:inherit;color:var(--accent-dark);background:var(--accent-soft);cursor:pointer;white-space:nowrap;border:1px solid #f0c9d8;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.chip:hover{background:#f7dbe5}.viewport{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff repeating-linear-gradient(45deg,#faf8f4 0 10px,#f1eee8 10px 20px);flex:1;place-items:center;min-height:420px;display:grid;position:relative;overflow:auto}.chart-canvas{image-rendering:pixelated;background:#fff;margin:18px;display:block;box-shadow:0 2px 16px #00000024}.empty-state{text-align:center;max-width:380px;color:var(--muted);padding:30px}.empty-state h2{color:var(--ink);margin-bottom:8px;font-size:20px}.empty-icon{font-size:44px}.empty-state p{font-size:14px}.spinner-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--accent-dark);background:#fffc;align-content:center;place-items:center;gap:12px;font-weight:600;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.spinner{border:4px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{color:var(--muted);min-height:1.2em;margin:10px 2px 0;font-size:12.5px}.status.error{color:#b3261e;font-weight:600}.stats{gap:10px;margin:0;display:grid}.stats>div{justify-content:space-between;gap:10px;font-size:13px;display:flex}.stats dt{color:var(--muted)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.legend-group{flex-direction:column;display:flex}.legend-hint{color:var(--muted);margin:-4px 0 8px;font-size:11.5px}.legend{flex-direction:column;gap:2px;display:flex}.legend-row{cursor:pointer;text-align:left;color:inherit;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;padding:5px 7px;font-family:inherit;font-size:12.5px;display:grid}.legend-row:hover{background:var(--accent-soft)}.legend-row.selected{background:var(--accent-soft);border-color:var(--accent)}.swatch{width:22px;height:22px;font-family:var(--mono);border:1px solid #0000002e;border-radius:6px;place-items:center;font-size:12px;font-weight:700;display:grid}.legend-name{min-width:0;overflow:hidden}.legend-name strong{font-variant-numeric:tabular-nums}.legend-name span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.legend-count{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;line-height:1.3}.sitefoot{color:var(--muted);text-align:center;max-width:980px;margin:0 auto;padding:16px 22px 28px;font-size:11.5px}@media (max-width:1080px){.layout{grid-template-columns:1fr}.controls,.info{max-height:none;position:static}}