:root{--ink:#0b1220;--ink-soft:#5a6273;--line:#e3e6ec;--surface:#fff;--surface-alt:#f6f7f9;--accent:#ff5a1f;--accent-ink:#fff;--danger:#c02b2b;--radius:10px;--sidebar-width:372px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--surface-alt);color:var(--ink);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,textarea{font:inherit;color:inherit}.layout{grid-template-columns:var(--sidebar-width) 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.sidebar__head{border-bottom:1px solid var(--line);padding:16px 18px 12px}.sidebar__body{flex:1;min-height:0;padding:16px 18px 28px;overflow-y:auto}.brand{letter-spacing:-.02em;margin:0 0 12px;font-size:21px;font-weight:650}.brand span{color:var(--accent)}.map-area{min-width:0;position:relative}.map-area .map-canvas{width:100%;height:100%;position:absolute;inset:0}.map-area .map-canvas--loading{background:var(--surface-alt)}.search__row{gap:6px;display:flex}.search__row input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;min-width:0;padding:8px 10px}.search__row button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-alt);cursor:pointer;padding:8px 14px}.search__results{border:1px solid var(--line);border-radius:var(--radius);margin:8px 0 0;padding:0;list-style:none;overflow:hidden}.search__results button{border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;width:100%;padding:8px 10px;font-size:13px;line-height:1.35;display:block}.search__results li:last-child button{border-bottom:0}.search__results button:hover{background:var(--surface-alt)}.segmented,.tabs,.style-switch{display:flex}.segmented{background:var(--surface-alt);border-radius:var(--radius);gap:2px;margin:14px 18px 0;padding:3px}.segmented button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 4px;font-size:13px;font-weight:550}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0b122024}.toggles{color:var(--ink-soft);flex-wrap:wrap;gap:10px 14px;padding:12px 18px 0;font-size:13px;display:flex}.toggles label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.tabs{border-bottom:1px solid var(--line);margin:14px 18px 0}.tabs button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-right:20px;padding:9px 2px;font-weight:550}.tabs button.is-active{color:var(--ink);border-bottom-color:var(--accent)}.panel{flex-direction:column;gap:14px;display:flex}.panel__hint{color:var(--ink-soft);margin:0;font-size:13px}.panel__hint--muted{opacity:.85;font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:11px}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:550}.stats__big{letter-spacing:-.02em;font-size:24px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:flex}.field label strong{color:var(--ink)}.field__check{cursor:pointer}.field input[type=text],.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);resize:vertical;padding:8px 10px}.field input[type=range]{width:100%;accent-color:var(--accent)}.btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:9px 12px;font-weight:550}.btn:hover:not(:disabled){background:var(--surface-alt)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:#e94d15}.btn--small{padding:6px 10px;font-size:13px}.btn--ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;box-shadow:0 1px 4px #0b12202e}.alert{border-radius:var(--radius);background:var(--surface-alt);color:var(--ink-soft);margin:0;padding:8px 10px;font-size:13px}.alert--error{color:var(--danger);background:#fdeceb}.options{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px}.option--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.option__head{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;font-weight:600;display:flex}.option__swatch{border-radius:50%;flex:none;width:10px;height:10px}.option__stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 0;display:grid}.option__stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:10px}.option__stats dd{font-variant-numeric:tabular-nums;margin:1px 0 0;font-weight:550}.option__desc{color:var(--ink-soft);margin:10px 0 0;font-size:13px}.option__actions{gap:8px;margin-top:12px;display:flex}.map-overlay{z-index:2;align-items:flex-start;gap:8px;display:flex;position:absolute;top:12px;left:12px}.style-switch{border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;gap:2px;padding:3px;box-shadow:0 1px 4px #0b12202e}.style-switch button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:13px}.style-switch button.is-active{background:var(--ink);color:#fff}.profile-dock{z-index:2;border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff0;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden;box-shadow:0 2px 10px #0b12202e}.profile svg{touch-action:none;width:100%;height:110px;display:block}.profile__axis{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;padding:0 10px 8px;font-size:12px;display:flex}.profile__readout{color:var(--ink);font-weight:600}.profile--empty{color:var(--ink-soft);padding:14px;font-size:13px}.wp-marker{background:var(--accent);cursor:grab;color:#fff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;padding:0;font-size:9px;font-weight:700;line-height:1;box-shadow:0 1px 3px #0b122066}.wp-marker.is-start,.wp-marker.is-end{width:20px;height:20px;font-size:10px}.wp-marker.is-start{background:#12a594}.wp-marker.is-end{background:var(--ink)}.start-marker{background:#2f6df6;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 5px #0b122073}@media (max-width:860px){.layout{grid-template-rows:minmax(0,46dvh) minmax(0,54dvh);grid-template-columns:1fr}.sidebar{border-right:0;border-top:1px solid var(--line);order:2}.map-area{order:1}.profile-dock{display:none}}