:root{color-scheme:light dark;--brand-primary: #000000;--brand-on-primary: #ffffff;--brand-accent: #fcc700;--brand-on-accent: #000000;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #e9edf1;--border: #c9d1d9;--text: #0b1220;--text-muted: #4b5563;--link: #3e3fb7;--focus: #3e3fb7;--ok: #15803d;--warn: #b45309;--danger: #b91c1c;--ok-text: #15803d;--warn-text: #b45309;--danger-text: #b91c1c;--radius: 10px;--touch: 48px;--shadow: 0 1px 2px rgb(0 0 0 / .08), 0 4px 12px rgb(0 0 0 / .06);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1220;--surface: #131c2e;--surface-2: #1c2740;--border: #334155;--text: #f1f5f9;--text-muted: #a7b2c3;--ok-text: #4ade80;--warn-text: #fbbf24;--danger-text: #f87171;--link: #9d9ef5;--focus: #9d9ef5}}:root[data-theme=dark]{--bg: #0b1220;--surface: #131c2e;--surface-2: #1c2740;--border: #334155;--text: #f1f5f9;--text-muted: #a7b2c3;--ok-text: #4ade80;--warn-text: #fbbf24;--danger-text: #f87171;--link: #9d9ef5;--focus: #9d9ef5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button,.button{font:inherit;min-height:var(--touch);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;font-weight:600}button:hover,.button:hover{background:var(--surface-2)}button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-on-accent)}.button--primary:hover{filter:brightness(1.08);background:var(--brand-accent)}.button--danger{color:var(--danger-text);border-color:var(--danger-text)}.button--ghost{border-color:transparent;background:transparent}.button--small{padding:0 .8rem;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.list-item{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;min-height:56px;padding:.5rem .9rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-weight:500}.list-item:hover{background:var(--surface-2)}.list-item--selected{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent)}.list-item__main{flex:1;min-width:0}.list-item__title{font-weight:700}.list-item__sub{color:var(--text-muted);font-size:.92rem}.chip{border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:600}.chip--ok{background:color-mix(in srgb,var(--ok-text) 6%,transparent);color:var(--ok-text)}.chip--warn{background:color-mix(in srgb,var(--warn-text) 6%,transparent);color:var(--warn-text)}.chip--danger{background:color-mix(in srgb,var(--danger-text) 6%,transparent);color:var(--danger-text)}.alert{padding:.8rem 1rem;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface)}.alert--error{border-color:var(--danger)}.alert--warn{border-color:var(--warn)}.alert--ok{border-color:var(--ok)}.dialog-backdrop{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;padding:1rem;z-index:100}.dialog{width:min(520px,100%);background:var(--surface);color:var(--text);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);display:grid;gap:1rem}.dialog__actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:200;display:flex;max-width:min(360px,calc(100vw - 2rem))}.toast{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);animation:toast-in .15s ease-out}@media(prefers-reduced-motion:reduce){.toast{animation-duration:1ms}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--info{border-color:var(--brand-accent)}.toast__message{flex:1;min-width:0;font-weight:600;font-size:.95rem}.toast__close{min-height:0;min-width:0;padding:.2rem .5rem;border:0;background:transparent;font-size:1.1rem;line-height:1;color:var(--text-muted)}.toast__close:hover{background:var(--surface-2)}.empty-state{display:grid;justify-items:center;gap:.5rem;padding:1.5rem 1rem;text-align:center;color:var(--text-muted)}.empty-state__icon{font-size:1.75rem;line-height:1}.empty-state__title{color:var(--text);font-weight:600}.empty-state__action{margin-top:.25rem}:root{--info: #1d4ed8;--bar: #0e7490;--bar-muted: #94a3b8;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ok: #4ade80;--warn: #fbbf24;--danger: #f87171;--info: #93c5fd;--bar: #22d3ee;--bar-muted: #475569}}:root[data-theme=dark]{--ok: #4ade80;--warn: #fbbf24;--danger: #f87171;--info: #93c5fd;--bar: #22d3ee;--bar-muted: #475569}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}a{color:var(--link)}code,.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--text-muted)}.small{font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input,select,textarea{font:inherit;min-height:var(--touch);border-radius:var(--radius);padding:0 .9rem;border:2px solid var(--border);background:var(--surface);color:var(--text);width:100%}textarea{padding:.6rem .9rem;min-height:88px;resize:vertical}input[type=file]{padding:.5rem .9rem}input[type=color]{padding:.2rem;width:var(--touch);height:var(--touch);flex:none}input::placeholder{color:var(--text-muted)}input[aria-invalid=true]{border-color:var(--danger)}label{display:block;font-weight:600;margin-bottom:.3rem}.field{display:flex;flex-direction:column;min-width:0}.field--grow{flex:1 1 260px}.field__help{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.field__error{color:var(--danger);font-size:.9rem;margin-top:.25rem}.color-field{display:flex;gap:.5rem;align-items:center}.color-field input[type=text]{flex:1;font-family:var(--mono)}.shell{display:grid;grid-template-rows:auto auto 1fr;min-height:100%}.shell__header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--brand-primary);color:var(--brand-on-primary)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;font-weight:800;font-size:1.1rem;letter-spacing:.02em}.brand__mark{display:inline-block;width:26px;height:26px;border-radius:6px;background:var(--brand-accent)}.brand img,.brand__wordmark{height:24px;width:auto}.shell__header :focus-visible{outline-color:var(--brand-on-primary)}.brand__sub{font-weight:500;opacity:.8;font-size:.95rem}.nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}.nav a{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 .9rem;border-radius:var(--radius);color:inherit;text-decoration:none;font-weight:600;opacity:.85}.nav a:hover{opacity:1;background:#ffffff1a}.nav a.active{opacity:1;background:#ffffff29;box-shadow:inset 0 -3px 0 var(--brand-accent)}.shell__tools{display:flex;align-items:center;gap:.5rem}.shell__tools button{color:inherit;border-color:#ffffff4d;background:transparent}.shell__tools button:hover{background:#ffffff1a}.role-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 .7rem;border-radius:999px;background:#ffffff24;font-size:.85rem;font-weight:600}.shell__banner{padding:.5rem 1rem;background:var(--warn);color:#0b1220;font-weight:600}.shell__main{padding:1rem;max-width:1400px;width:100%;margin:0 auto}.skip{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:10}.skip:focus{left:.5rem;top:.5rem}.stack{display:grid;gap:1rem}.stack--tight{gap:.5rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}.row--center{align-items:center}.row--between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:1000px){.grid-3{grid-template-columns:1fr 1fr 1.4fr}}.page-head{display:flex;gap:1rem;align-items:start;justify-content:space-between;flex-wrap:wrap}dl.kv{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0}dl.kv dt{color:var(--text-muted)}dl.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);display:grid;gap:.25rem;align-content:start}.tile__label{color:var(--text-muted);font-weight:600;font-size:.95rem}.tile__value{font-size:1.9rem;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}.tile__sub{color:var(--text-muted);font-size:.92rem}.chart{width:100%;height:auto;display:block}.chart .axis{stroke:var(--border);stroke-width:1}.chart .bar{fill:var(--bar)}.chart .bar:hover,.chart .bar:focus{fill:var(--focus);outline:none}.chart .label{fill:var(--text-muted);font-size:11px;font-family:var(--font)}.chart .grid{stroke:var(--border);stroke-dasharray:2 4}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle}th{background:var(--surface-2);font-size:.92rem;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr[aria-selected=true] td{background:color-mix(in srgb,var(--brand-accent) 10%,transparent)}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 .65rem;white-space:nowrap}.chip--info{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}.alert--info{border-color:var(--info)}.secret{display:grid;gap:.5rem}.secret__value{font-family:var(--mono);padding:.6rem .8rem;background:var(--surface-2);border-radius:var(--radius);overflow-wrap:anywhere;user-select:all}.preview{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.preview__header{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:var(--brand-primary);color:var(--brand-on-primary);font-weight:700}.preview__nav{margin-left:auto;display:flex;gap:.25rem}.preview__nav span{padding:.35rem .6rem;border-radius:8px;opacity:.85;font-weight:600;font-size:.9rem}.preview__nav span.active{opacity:1;background:#ffffff29;box-shadow:inset 0 -3px 0 var(--brand-accent)}.preview__body{padding:1rem;background:var(--bg);display:grid;gap:.75rem}.preview__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 1.1rem;border-radius:var(--radius);background:var(--brand-accent);color:var(--brand-on-accent);font-weight:700;width:max-content}.preview__logo{height:26px;width:26px;border-radius:6px;background:var(--brand-accent)}.signin{min-height:100%;display:grid;place-items:center;padding:1rem;background:var(--brand-primary);color:var(--brand-on-primary)}.signin__card{width:min(480px,100%);background:var(--surface);color:var(--text);border-radius:16px;padding:2rem;display:grid;gap:1rem;box-shadow:var(--shadow)}.segmented{display:inline-flex;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-wrap:wrap}.segmented button{border:0;border-radius:0;min-width:96px}.segmented button[aria-pressed=true]{background:var(--brand-accent);color:var(--brand-on-accent)}.file-list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--text-muted)}.check{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--touch);font-weight:600;cursor:pointer}.check input[type=checkbox]{width:22px;height:22px;min-height:0;margin:0;accent-color:var(--brand-accent)}.capture-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.capture-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.capture-card--selected{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent),var(--shadow)}.capture-card__thumb{position:relative;aspect-ratio:3 / 2;background:var(--surface-2);display:grid;place-items:center}.capture-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.capture-card__select{position:absolute;top:.4rem;left:.4rem;display:grid;place-items:center;width:var(--touch);height:var(--touch);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 85%,transparent);cursor:pointer}.capture-card__select input{width:22px;height:22px;min-height:0;margin:0;accent-color:var(--brand-accent)}.capture-card__body{padding:.8rem .9rem;display:grid;gap:.45rem;align-content:start}.capture-card__title{font-weight:700;font-size:1.05rem}.capture-card__title a{color:inherit;text-decoration:none}.capture-card__title a:hover{text-decoration:underline}.capture-card__warnings{margin:0;padding-left:1.1rem;color:var(--warn)}:root{--edit-outline: #0ea5e9;--edit-selected: #f59e0b;--edit-offset: #16a34a;--edit-compare: #d946ef;--edit-relief: #ef4444}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--edit-outline: #38bdf8;--edit-offset: #4ade80;--edit-compare: #e879f9}}:root[data-theme=dark]{--edit-outline: #38bdf8;--edit-offset: #4ade80;--edit-compare: #e879f9}.editor{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media(min-width:1100px){.editor{grid-template-columns:minmax(0,1fr) 380px}}.editor__main,.editor__side{min-width:0}.toolbar{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.toolbar__gap{flex:0 0 .6rem}.toolbar .segmented button{min-width:0;padding:0 .9rem}.canvas{position:relative;display:grid;grid-template-columns:24px 1fr;grid-template-rows:24px 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.canvas:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.canvas__corner{grid-column:1;grid-row:1;background:var(--surface-2);font-size:10px;display:grid;place-items:center;color:var(--text-muted)}.canvas__ruler{display:block;background:var(--surface-2)}.canvas__ruler--top{grid-column:2;grid-row:1;width:100%;height:24px}.canvas__ruler--left{grid-column:1;grid-row:2;width:24px;height:100%}.canvas__ruler line{stroke:var(--text-muted);stroke-width:1}.canvas__ruler text{fill:var(--text-muted);font-size:10px;font-family:var(--mono)}.canvas__svg{grid-column:2;grid-row:2;display:block;width:100%;height:min(70vh,720px);min-height:360px;background:#1c2330;touch-action:none;cursor:grab}.canvas__svg:active{cursor:grabbing}.canvas__svg--relief{cursor:crosshair}.canvas__noimage{fill:var(--surface-2)}.canvas__frame{fill:none;stroke:var(--border);stroke-width:1}.grid-minor{stroke:#ffffff1f;stroke-width:1}.grid-major{stroke:#ffffff47;stroke-width:1}.outline-fill{fill:var(--edit-outline);fill-opacity:.1}.outline-stroke{fill:none;stroke:var(--edit-outline);stroke-width:2}.outline-hit{cursor:pointer}.outline-offset{fill:none;stroke:var(--edit-offset);stroke-width:2;stroke-dasharray:6 4}.overlay-compare{fill:var(--edit-compare);fill-opacity:.08;stroke:var(--edit-compare);stroke-width:2;stroke-dasharray:2 3}.overlay-label{fill:var(--edit-compare);font-family:var(--font);font-weight:700;paint-order:stroke;stroke:#0b1220;stroke-width:.4em}.anchor{cursor:move;outline:none}.anchor rect,.anchor circle{fill:#fff;stroke:var(--edit-outline);stroke-width:2}.anchor--selected rect,.anchor--selected circle{fill:var(--edit-selected);stroke:#fff}.anchor:focus-visible rect,.anchor:focus-visible circle{stroke:var(--focus);stroke-width:3}.handle{fill:var(--edit-selected);stroke:#fff;stroke-width:1.5;cursor:move}.handle-line{stroke:var(--edit-selected);stroke-width:1}.relief{cursor:move;outline:none}.relief line{stroke:var(--edit-relief);stroke-width:3}.relief circle{fill:var(--edit-relief);stroke:#fff;stroke-width:1.5}.relief--selected line{stroke:var(--edit-selected)}.relief--selected circle{fill:var(--edit-selected)}.relief:focus-visible circle{stroke:var(--focus);stroke-width:3}.fieldset{border:2px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem .9rem;margin:0;display:grid;gap:.6rem}.fieldset legend{font-weight:700;padding:0 .3rem}.picker-results{max-height:260px;overflow:auto;margin-top:.4rem}