:root{color-scheme:light;--bg: #f8f5f1;--surface: #ffffff;--surface-sunken: #ede7e0;--ink: #1f2933;--ink-2: #4b5965;--accent: #88543f;--accent-strong: #6f4333;--accent-ink: #ffffff;--accent-wash: #f3ebe6;--border: #74818b;--divider: #d5dce0;--error: #a12828;--error-wash: #fdf0f0;--success: #24613b;--success-wash: #eef5f1;--warn-ink: #805000;--warn-bg: #fff4d6;--focus: #1d4ed8;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--control-h: 36px;--radius-control: 6px;--radius-panel: 8px;--rail: 300px;--toolbar-h: 56px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;font-family:var(--font-sans);font-size:16px;color:var(--ink)}@media (pointer: coarse){:root{--control-h: 44px}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font:400 14px/1.45 var(--font-sans);-webkit-text-size-adjust:100%}h1,h2,h3{line-height:1.2;margin:0}.tabular,.palette-count,.zoom-readout,.hover-readout,.legend-count,input[type=number]{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-control)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:var(--toolbar-h);flex:0 0 var(--toolbar-h);padding:0 var(--s4);background:var(--surface);border-bottom:1px solid var(--divider)}.app-identity{display:flex;align-items:baseline;gap:var(--s3);min-width:0}.app-header h1{font-size:16px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.app-project{display:flex;align-items:baseline;gap:var(--s2);min-width:0;border-left:1px solid var(--divider);padding-left:var(--s3)}.app-project-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch}.app-project-size{font-size:12px;color:var(--ink-2);white-space:nowrap}.header-status{display:flex;align-items:center;gap:var(--s2)}.header-status button{white-space:nowrap}.undo-detail{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--ink-2)}@media (max-width: 1180px){.undo-detail{display:none}}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1;padding:5px var(--s2);border-radius:var(--radius-control);border:1px solid var(--divider);color:var(--ink-2);background:var(--surface);white-space:nowrap}.chip-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.chip-saved{color:var(--success);border-color:#bcd6c7;background:var(--success-wash)}.chip-unsaved{color:var(--warn-ink);border-color:#e6d09a;background:var(--warn-bg)}.chip-failed{color:var(--error);border-color:#e3b6b6;background:var(--error-wash)}.layout{display:flex;flex:1;min-height:0;align-items:stretch}.sidebar{width:var(--rail);flex:0 0 var(--rail);overflow-y:auto;border-right:1px solid var(--divider);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s4);background:var(--bg)}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--s4);gap:var(--s3)}.panel{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-panel);padding:var(--s4)}.panel>h2{font-size:16px;font-weight:700;margin-bottom:var(--s3)}.panel h3{font-size:14px;font-weight:700;margin:var(--s4) 0 var(--s2);padding-top:var(--s3);border-top:1px solid var(--divider);color:var(--ink)}.panel h3:first-of-type{border-top:0;padding-top:0}.step-index{display:inline-block;min-width:1.4em;color:var(--accent);font-weight:700}.hint,.meta{font-size:12px;line-height:1.45;color:var(--ink-2);margin:var(--s2) 0}.meta strong{color:var(--ink)}.error{font-size:13px;line-height:1.45;color:var(--error);margin:var(--s2) 0}.field-error{display:block;font-size:13px;line-height:1.45;color:var(--error);margin-top:var(--s1)}.notice{font-size:12px;line-height:1.5;background:var(--accent-wash);border-left:3px solid var(--accent);padding:var(--s2) var(--s3);margin:var(--s3) 0;border-radius:0 var(--radius-control) var(--radius-control) 0;color:var(--ink)}.notice-blocked{background:var(--warn-bg);border-left-color:#b38600;color:var(--warn-ink)}.notice-blocked strong{color:var(--warn-ink)}button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control-h);padding:0 var(--s3);font:600 14px/1 var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}button:hover:not(:disabled){background:var(--accent-wash);border-color:var(--accent)}button:active:not(:disabled){background:#e9ded7}button:disabled{color:#6b7681;background:#f2f4f5;border-color:var(--divider);cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);width:100%;margin-top:var(--s3)}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.primary:disabled{background:#d8d2cd;border-color:#c9c2bc;color:#5d666e}button[aria-pressed=true],button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.danger{color:var(--error);border-color:#c58686}button.danger:hover:not(:disabled){background:var(--error-wash);border-color:var(--error)}button.link{min-height:24px;padding:0;border:0;background:none;color:var(--accent);font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:2px}button.link:hover:not(:disabled){background:none;color:var(--accent-strong)}@media (pointer: coarse){button.link{min-height:var(--control-h)}}button.icon-button{padding:0;width:var(--control-h);flex:none}input,select{min-height:var(--control-h);padding:0 var(--s2);font:400 14px/1.45 var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);min-width:0}select{padding-right:var(--s1)}input[type=color]{padding:2px;width:40px;height:var(--control-h);cursor:pointer}input[type=range]{min-height:0;height:24px;padding:0;border:0;background:none;accent-color:var(--accent);width:100%}input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--accent);flex:none}input[type=file]{min-height:0;padding:var(--s2) 0 0;border:0;background:none;font-size:13px}input[type=file]::file-selector-button{min-height:var(--control-h);margin-right:var(--s3);padding:0 var(--s3);font:600 14px/1 var(--font-sans);color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-control);cursor:pointer;transition:background-color .14s ease,border-color .14s ease}input[type=file]:hover:not(:disabled)::file-selector-button{background:var(--accent-strong);border-color:var(--accent-strong)}input[type=file]:disabled::file-selector-button{color:#5d666e;background:#d8d2cd;border-color:#c9c2bc;cursor:not-allowed}input:invalid{border-color:var(--error)}.field,.slider,.file-input{display:flex;flex-direction:column;gap:var(--s1);margin-bottom:var(--s3)}.field>span,.slider>span,.file-input>span{font-size:13px;font-weight:600;color:var(--ink)}.checkbox{display:flex;align-items:center;gap:var(--s2);font-size:13px;color:var(--ink);margin-bottom:var(--s2);min-height:var(--control-h)}.field.inline,.checkbox.inline{flex-direction:row;align-items:center;gap:var(--s2);margin-bottom:0}.field.inline>span{font-size:13px;color:var(--ink-2);font-weight:400;white-space:nowrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s3)}.row{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s3) 0}.file-button{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-h);padding:0 var(--s3);font:600 14px/1 var(--font-sans);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;position:relative}.file-button:hover{background:var(--accent-wash);border-color:var(--accent)}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:2px}.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.banner-stack{display:flex;flex-direction:column}.banner{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);font-size:13px;line-height:1.45;background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid #e6d09a}.banner-error{background:var(--error-wash);color:var(--error);border-bottom-color:#e3b6b6}.banner-status{background:var(--success-wash);color:var(--success);border-bottom-color:#bcd6c7}.banner-warning{font-weight:700}.banner .banner-text{flex:1 1 22ch;min-width:0}.banner button{background:var(--surface)}.banner .delete-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.crop-preview{display:block;max-width:100%;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-sunken);touch-action:none;cursor:crosshair}.source-summary{display:flex;gap:var(--s2);align-items:baseline;flex-wrap:wrap;font-size:12px;color:var(--ink-2);margin:var(--s2) 0}.source-summary strong{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:24ch}.estimate{display:grid;grid-template-columns:auto 1fr;gap:var(--s1) var(--s3);margin:var(--s2) 0 0;padding:var(--s2) var(--s3);background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-control);font-size:12px;color:var(--ink-2)}.estimate dt{font-weight:600;color:var(--ink-2)}.estimate dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}.palette-list{list-style:none;margin:var(--s3) 0;padding:0;display:flex;flex-direction:column;gap:var(--s1);max-height:46vh;overflow-y:auto}.palette-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s1) var(--s2);padding:var(--s2);border:1px solid transparent;border-radius:var(--radius-control)}.palette-row>.swatch{grid-column:1;grid-row:1}.palette-row>.palette-info{grid-column:2;grid-row:1}.palette-row>.palette-actions{grid-column:1 / -1;grid-row:2;justify-content:flex-end}.palette-row>.merge-target{grid-row:3}.palette-row.selected{border-color:var(--accent);background:var(--accent-wash)}.swatch{width:36px;height:36px;min-height:0;padding:0;border-radius:var(--radius-control);border:1px solid var(--border);font:700 15px/1 var(--font-sans);flex:none}.swatch:hover:not(:disabled){background:inherit;border-color:var(--ink)}.palette-info{display:flex;flex-direction:column;min-width:0;gap:2px}.palette-label{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-count{font-size:12px;color:var(--ink-2)}.palette-actions{display:flex;align-items:center;gap:var(--s1)}.palette-actions select{width:58px;padding-left:var(--s1)}.merge-target{grid-column:1 / -1;padding:var(--s2) var(--s1) var(--s1)}.merge-target select{width:100%;margin-top:var(--s1)}.merge-target .merge-apply{margin-top:var(--s1)}.palette-feedback{font-size:12px;line-height:1.45;color:var(--success);background:var(--success-wash);border:1px solid #bcd6c7;border-radius:var(--radius-control);padding:var(--s2);margin:var(--s2) 0}.totals-line{display:flex;justify-content:space-between;gap:var(--s2);font-size:12px;color:var(--ink-2);border-top:1px solid var(--divider);padding-top:var(--s2);margin-top:var(--s2)}.totals-line b{color:var(--ink);font-variant-numeric:tabular-nums}.totals-mismatch{color:var(--error);font-weight:700}.project-list{list-style:none;padding:0;margin:var(--s2) 0;display:flex;flex-direction:column;gap:var(--s2)}.project-list li{display:grid;grid-template-columns:1fr auto;gap:var(--s1) var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--divider)}.project-list .meta{grid-column:1 / 2;margin:0}.project-list .delete-confirm{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.tool-row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-panel);padding:var(--s2) var(--s3)}.tool-group{display:flex;gap:var(--s1)}.tool-sep{width:1px;align-self:stretch;background:var(--divider)}.canvas-shell{flex:1;display:flex;flex-direction:column;min-height:360px;border:1px solid var(--divider);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface-sunken)}.canvas-toolbar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--divider);background:var(--surface);font-size:12px;color:var(--ink-2)}.canvas-toolbar .zoom-button{font-size:12px;padding:0 var(--s2);gap:4px;min-height:32px;white-space:nowrap}@media (pointer: coarse){.canvas-toolbar .zoom-button{min-height:40px}}.zoom-readout,.hover-readout{color:var(--ink-2);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.hover-readout{margin-left:auto}.canvas-wrap{flex:1;min-height:320px;position:relative}.chart-canvas{display:block;position:absolute;inset:0;touch-action:none}.chart-canvas.tool-brush{cursor:crosshair}.chart-canvas.tool-pick{cursor:cell}.chart-canvas.tool-pan{cursor:grab}.rule-note{margin:0}.empty-state{max-width:58ch;margin:auto;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-panel);padding:var(--s4)}.empty-state h2{font-size:20px;font-weight:700;margin-bottom:var(--s2)}.empty-state ol{padding-left:1.4em;margin:0 0 var(--s3);line-height:1.5}.empty-state li{margin-bottom:var(--s1)}.empty-state p{font-size:13px;color:var(--ink-2);line-height:1.5}.empty-state .local-processing{color:var(--ink);font-weight:600}.empty-state .notice{font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}svg.icon{width:20px;height:20px;flex:none;display:block}@media (max-width: 1180px){:root{--rail: 264px}}@media (max-width: 900px){:root{font-size:16px}.layout-edit{flex-direction:column-reverse}.layout-import{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;border-right:0;border-top:1px solid var(--divider);overflow-y:visible}.layout-edit .workspace{min-height:60vh}.layout-import .workspace{min-height:0;flex:0 0 auto}.field>span,.slider>span,.file-button,input[type=file]::file-selector-button,button{font-size:16px}.checkbox,.field.inline>span{font-size:15px}.palette-list{max-height:none}}@media (min-width: 901px){.app{height:100vh}.layout{flex-wrap:nowrap;overflow:hidden}.layout,.sidebar,.workspace{min-height:0}.workspace{overflow:hidden}}@media (max-width: 520px){.app-project{display:none}.app-header{height:auto;min-height:var(--toolbar-h);flex:0 0 auto;flex-wrap:wrap;row-gap:var(--s2);padding-block:var(--s2)}.header-status{flex-wrap:wrap}.canvas-toolbar{flex-wrap:wrap;row-gap:var(--s1)}.grid-2{grid-template-columns:1fr}.sidebar,.workspace{padding:var(--s3)}}.skip-link{position:absolute;top:var(--s2);left:var(--s2);z-index:10;padding:var(--s2) var(--s3);background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-control);font-weight:600;transform:translateY(-200%)}.skip-link:focus{transform:none}