:root{--ink: #1a1a1a;--ink-soft: #3a3a3a;--ink-mute: #7a7a7a;--paper: #fbf9f4;--paper-2: #f4f0e6;--page-bg: #efebe0;--line: #1a1a1a;--hair: rgba(26, 26, 26, .35);--grid: rgba(26, 26, 26, .08);--p-sdp: #d94a4a;--p-kok: #1f5a9c;--p-kesk: #2e8f4a;--p-ps: #ffeb00;--p-vihr: #4a9c3a;--p-vas: #9c2e7b;--p-rkp: #e8b84a;--p-kd: #4a6aa0;--ch-plus: #2e8f4a;--ch-minus: #c43a3a;--ramp-change-1: #6a2c91;--ramp-change-2: #b98ecb;--ramp-change-3: #f0ead8;--ramp-change-4: #f0a860;--ramp-change-5: #c86a10;--ramp-support-1: #f4f0e6;--ramp-support-2: #dbe5ef;--ramp-support-3: #a8c3dd;--ramp-support-4: #6e9cc6;--ramp-support-5: #3f76ad;--ramp-support-6: #1f5a9c;--ramp-votes-1: #f4f0e6;--ramp-votes-2: #e6d9b8;--ramp-votes-3: #d1bc78;--ramp-votes-4: #a8913f;--ramp-votes-5: #6f5f1f;--font-display: "Caveat", cursive;--font-body: "Architects Daughter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-chip: 4px;--radius-box: 6px;--radius-card: 8px;--radius-pill: 999px;--border-thin: 1.2px;--border-default: 1.5px;--border-thick: 1.8px;--shadow-soft: 3px 3px 0 rgba(0, 0, 0, .08);--shadow-default: 3px 3px 0 rgba(0, 0, 0, .15);--shadow-pop: 4px 4px 0 rgba(0, 0, 0, .15);--shadow-deep: 6px 6px 0 rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box}.h{font-family:var(--font-display);font-weight:700;letter-spacing:.2px}.mono{font-family:var(--font-mono)}.box{border:var(--border-default) solid var(--line);border-radius:var(--radius-box);background:var(--paper)}.box.soft{background:var(--paper-2)}.box.dashed{border-style:dashed;border-color:var(--hair)}.pill{display:inline-flex;align-items:center;gap:6px;border:var(--border-thin) solid var(--line);border-radius:var(--radius-pill);padding:3px 10px;background:var(--paper);font-size:13px}.pill.on{background:var(--ink);color:var(--paper)}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:var(--radius-chip);padding:2px 7px;font-size:12px;background:var(--paper)}.swatch{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.3);display:inline-block}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.3)}.hair{height:1px;background:var(--hair);width:100%}.btn{border:var(--border-default) solid var(--line);background:var(--paper);padding:5px 10px;border-radius:var(--radius-box);font-family:inherit;font-size:13px;cursor:pointer;transform:rotate(-.2deg)}.btn.primary{background:var(--ink);color:var(--paper)}.tabs{display:flex;gap:0;border-bottom:var(--border-default) solid var(--line)}.tab{padding:7px 14px;border:var(--border-default) solid var(--line);border-bottom:none;border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);background:var(--paper-2);font-size:13px;margin-right:-1.5px;cursor:pointer}.tab.on{background:var(--paper);font-weight:700;position:relative;top:1px;border-bottom:var(--border-default) solid var(--paper)}.bar-row{display:grid;grid-template-columns:70px 1fr 44px;gap:8px;align-items:center;margin:4px 0;font-size:12px}.bar{height:10px;border:1px solid var(--line);border-radius:2px;position:relative;background:var(--paper)}.bar>span{display:block;height:100%}.note{font-family:var(--font-display);font-size:18px;color:var(--ink-soft)}.scribble{background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(0,0,0,.08) 7px 8px)}.uline{text-decoration:underline wavy rgba(0,0,0,.35);text-underline-offset:3px}.scalebar{height:10px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(90deg,var(--ramp-change-5),var(--ramp-change-3) 50%,var(--ramp-change-1))}.scalebar.single{background:linear-gradient(90deg,var(--ramp-support-1),var(--ramp-support-6))}.nodata{background:repeating-linear-gradient(45deg,#e6e0cf 0,#e6e0cf 5px,#d8d1bd 5px,#d8d1bd 6px)}.crumb{display:flex;align-items:center;gap:8px;font-size:14px}.crumb .sep{opacity:.5}.stamp{position:absolute;right:14px;top:14px;transform:rotate(4deg);border:2px dashed rgba(0,0,0,.3);padding:4px 9px;border-radius:var(--radius-box);font-family:var(--font-display);font-size:16px;color:#00000080}@media(max-width:640px){.pill{padding:8px 14px;min-height:38px;font-size:14px;gap:8px}.pill[role=button][aria-pressed],.pill.compact{min-height:32px;padding:6px 12px;font-size:13px}.swatch{width:14px;height:14px}.dot{width:12px;height:12px}.bar-row{gap:10px;margin:6px 0}.bar{height:12px}select,input[type=text],input[type=search]{font-size:16px!important;padding:8px 12px!important}.crumb{font-size:15px;gap:10px}.chip-remove{font-size:16px!important;padding:4px 8px!important;min-width:28px;min-height:28px;display:inline-flex!important;align-items:center;justify-content:center;opacity:.85!important}.composer-suggestions{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;max-height:50dvh!important;z-index:100!important;border-radius:var(--radius-card)!important}.workflow-builder-backdrop{padding:0!important;align-items:stretch!important}.workflow-builder-card{width:100%!important;max-width:100%!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;padding:12px!important}.help-grid{grid-template-columns:1fr!important;gap:14px!important}}html,body{margin:0;background:var(--page-bg);color:var(--ink);font-family:var(--font-body);height:100%;overflow:hidden}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--radius-chip)}input:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:8px 12px;font-size:13px;border-radius:var(--radius-box);z-index:1000}.skip-link:focus{left:16px;top:16px}.page{height:100dvh;display:flex;flex-direction:column;padding:16px 24px 12px;gap:10px;overflow:hidden}.page footer{flex:0 0 auto;padding-top:8px;border-top:1px solid var(--hair);font-size:11px;opacity:.7}.page-grid{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:18px;min-height:0}.col{display:flex;flex-direction:column;min-width:0;min-height:0;gap:10px}.col-left h1{font-family:var(--font-display);font-weight:700;font-size:26px;margin:0;line-height:1.05}.col-left>aside{flex:1 1 0;min-height:0;overflow-y:auto}.col-center{align-items:center;justify-content:stretch}.col-center .map-frame{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:stretch;max-width:100%}.col-center .map-frame>svg{display:block;height:100%;width:auto;max-width:100%;max-height:100%;margin:0 auto}.col-right>.col-right-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.col-right>.col-right-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media(min-height:900px){.page{padding:22px 32px 14px;gap:14px}.col-left h1{font-size:30px}}@media(max-width:1100px){html,body{overflow:auto;height:auto}.page{height:auto;overflow:visible}.page-grid{grid-template-columns:1fr}.col-left>aside{flex:0 0 auto;min-height:auto;overflow-y:visible}.col-center .map-frame{flex:0 0 auto;width:100%;max-height:60dvh}.col-center .map-frame>svg{width:100%;height:auto;max-height:60dvh}}@media(max-width:640px){body{font-size:15px;-webkit-tap-highlight-color:transparent}.page{padding:12px 12px 8px;gap:8px}.page footer{font-size:12px;line-height:1.5}.col{gap:8px}.col-left h1{font-size:22px}.col-right>.col-right-actions{justify-content:center}.col-right>.col-right-controls{row-gap:10px}}