:root{color-scheme:light dark;--brand-primary: #0f172a;--brand-on-primary: #f8fafc;--brand-accent: #0e7490;--brand-on-accent: #ffffff;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #e9edf1;--border: #c9d1d9;--text: #0b1220;--text-muted: #4b5563;--focus: #f59e0b;--ok: #15803d;--warn: #b45309;--danger: #b91c1c;--roll: #fbfbf7;--roll-grid: #d6d9de;--part: #38bdf8;--part-border: #0369a1;--part-selected: #f59e0b;--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;--roll: #182236;--roll-grid: #2a3853;--part: #0ea5e9;--part-border: #7dd3fc}}:root[data-theme=dark]{--bg: #0b1220;--surface: #131c2e;--surface-2: #1c2740;--border: #334155;--text: #f1f5f9;--text-muted: #a7b2c3;--roll: #182236;--roll-grid: #2a3853;--part: #0ea5e9;--part-border: #7dd3fc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.4;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;touch-action:manipulation}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.25rem}p{margin:0 0 .75rem}a{color:var(--brand-accent)}.muted{color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button,.button,input,select{font:inherit;min-height:var(--touch);border-radius:var(--radius)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.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);border-color:var(--danger)}.button--ghost{border-color:transparent;background:transparent}.button--small{min-height:40px;padding:0 .8rem;font-size:.95rem}input,select{padding:0 .9rem;border:2px solid var(--border);background:var(--surface);color:var(--text);width:100%}input::placeholder{color:var(--text-muted)}label{display:block;font-weight:600;margin-bottom:.3rem}.field{display:flex;flex-direction:column;min-width:0}.field--grow{flex:1 1 260px}.shell{display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);min-height:100%}.shell__header,.shell__main{min-width:0}.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.15rem;letter-spacing:.02em}.brand img{height:32px;width:auto}.brand__mark{display:inline-block;width:28px;height:28px;border-radius:6px;background:var(--brand-accent)}.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 1rem;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__banner{padding:.5rem 1rem;background:var(--warn);color:#fff;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}.agent{position:relative}.agent__button{min-height:40px;border-color:#ffffff4d;background:transparent;color:inherit;font-weight:600}.agent__button:hover{background:#ffffff1a}.agent__dot{width:12px;height:12px;border-radius:50%;background:#9ca3af}.agent__button--connected .agent__dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e4d}.agent__button--offline .agent__dot{background:#ef4444}.agent__button--checking .agent__dot{background:#f59e0b}.agent__panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:280px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;box-shadow:var(--shadow);display:grid;gap:.3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.stack{display:grid;gap:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end}.row--center{align-items:center}.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:64px;padding:.6rem .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;font-size:1.05rem}.list-item__sub{color:var(--text-muted);font-size:.95rem}.chip{display:inline-block;padding:.1rem .6rem;border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:600;margin-right:.3rem}.chip--ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.chip--warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.chip--danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.thumb{width:96px;height:76px;object-fit:contain;border-radius:6px;background:var(--surface-2);flex:none}.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)}.search-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:900px){.search-grid--3{grid-template-columns:1fr 1fr 1.4fr}}.parts-toolbar{position:sticky;bottom:0;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.75rem;background:var(--surface);border-top:1px solid var(--border);margin:.5rem -1rem -1rem;border-radius:0 0 var(--radius) var(--radius)}.checkbox{width:28px;height:28px;min-height:0;flex:none;accent-color:var(--brand-accent)}.tabs{display:flex;gap:.25rem;flex-wrap:wrap;border-bottom:2px solid var(--border);margin-bottom:.75rem}.tab{display:inline-flex;align-items:center;gap:.25rem}.tab__button{border:0;border-radius:var(--radius) var(--radius) 0 0;background:transparent;font-weight:600;color:var(--text-muted)}.tab--active .tab__button{color:var(--text);background:var(--surface);box-shadow:inset 0 -3px 0 var(--brand-accent)}.tab__close{border:0;background:transparent;min-height:40px;min-width:40px;padding:0;color:var(--text-muted);font-size:1.3rem;line-height:1}.tab__close:hover{color:var(--danger);background:transparent}.workspace{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:1000px){.workspace{grid-template-columns:1fr 320px}}.canvas-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;overflow:auto;max-height:min(78vh,900px)}.canvas{display:block;width:100%;height:auto;touch-action:none;user-select:none}.canvas .roll{fill:var(--roll);stroke:var(--border);stroke-width:1}.canvas .grid line{stroke:var(--roll-grid);stroke-width:1}.canvas .part{fill:var(--part);fill-opacity:.55;stroke:var(--part-border);stroke-width:2;cursor:grab}.canvas .part:active{cursor:grabbing}.canvas .part--selected{stroke:var(--part-selected);stroke-width:4;fill-opacity:.7}.canvas .part-label{fill:var(--text);font-size:14px;font-weight:600;pointer-events:none;paint-order:stroke;stroke:var(--roll);stroke-width:3px}.canvas .ruler{fill:var(--text-muted);font-size:12px}.inspector{display:grid;gap:.75rem;align-content:start}.inspector dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0}.inspector dt{color:var(--text-muted)}.inspector dd{margin:0;font-weight:600}.status{font-weight:600}.status--saving,.status--dirty,.status--new{color:var(--warn)}.status--saved{color:var(--ok)}.status--conflict,.status--error{color:var(--danger)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--surface-2);font-size:.95rem}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.signin{min-height:100%;display:grid;place-items:center;padding:1rem;background:var(--brand-primary);color:var(--brand-on-primary)}.signin__card{width:min(440px,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}.segmented button{border:0;border-radius:0;min-width:96px}.segmented button[aria-pressed=true]{background:var(--brand-accent);color:var(--brand-on-accent)}.capture .steps,.stages{list-style:none;margin:0;padding:0}.steps{display:flex;gap:.5rem}.steps__item{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--surface-2);color:var(--text-muted);border:2px solid var(--border)}.steps__item--current{background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-accent)}.steps__item--done{background:var(--ok);color:#fff;border-color:var(--ok)}.capture__results{max-height:320px;overflow:auto}.capture__illustration{display:block;width:100%;height:auto;border-radius:var(--radius);background:#1f2937}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.wizard-bar{position:sticky;bottom:0;display:flex;gap:.75rem;padding:.75rem 0;background:var(--bg);border-top:1px solid var(--border)}.wizard-bar button{min-width:120px}.car-diagram{display:grid;gap:.75rem}.car-diagram__svg{width:100%;height:auto;display:block}.car-body{fill:var(--surface-2);stroke:var(--border);stroke-width:3}.car-wheel{fill:var(--text)}.car-hub{fill:var(--surface-2)}.car-window{fill:var(--part);fill-opacity:.45;stroke:var(--part-border);stroke-width:3;cursor:pointer;transition:fill-opacity .12s}.car-window:hover{fill-opacity:.7}.car-window--selected{fill:var(--part-selected);fill-opacity:.85;stroke:var(--text);stroke-width:4}.car-diagram [role=button]:focus-visible{outline:none}.car-diagram [role=button]:focus-visible .car-window{stroke:var(--focus);stroke-width:6}.car-label{fill:var(--text);font-size:18px;font-weight:700;pointer-events:none;paint-order:stroke;stroke:var(--surface);stroke-width:4px}.photo-slot{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.6rem .9rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border)}.photo-slot:last-child{border-bottom:0}.photo-slot__actions{grid-column:1 / -1;display:flex;gap:.4rem;justify-content:flex-end}.photo-slot__actions button{flex:1}@media(min-width:640px){.photo-slot{grid-template-columns:96px minmax(0,1fr) auto}.photo-slot__actions{grid-column:auto}.photo-slot__actions button{flex:none}}.photo-slot__thumb{width:96px;height:72px;object-fit:cover;border-radius:6px;background:var(--surface-2);flex:none}.photo-slot__thumb--empty{border:2px dashed var(--border)}.upload-progress{width:100%;height:18px;accent-color:var(--brand-accent)}.viewfinder{position:fixed;inset:0;z-index:50;background:#000;color:#fff;display:grid;grid-template-rows:1fr auto}.viewfinder__video{grid-area:1 / 1;width:100%;height:100%;object-fit:cover}.viewfinder__overlay{grid-area:1 / 1;width:100%;height:100%;pointer-events:none}.viewfinder__guide{fill:#00000073;fill-rule:evenodd;stroke:#fff;stroke-width:2;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.viewfinder__level{grid-area:1 / 1;place-self:start center;margin-top:max(.75rem,env(safe-area-inset-top));display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .9rem;border-radius:999px;background:#0000008c;font-weight:700}.viewfinder__level--ok{background:#15803dbf}.viewfinder__bubble{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff59;transition:transform 80ms linear}.viewfinder__hint{grid-area:1 / 1;place-self:end center;margin-bottom:.75rem;padding:.4rem .9rem;border-radius:999px;background:#0000008c;font-weight:600}.viewfinder__message{grid-area:1 / 1;place-self:center;margin:1rem;max-width:420px;text-align:center}.viewfinder__review{grid-area:1 / 1;display:grid;grid-template-rows:1fr auto;gap:.75rem;padding:.75rem;min-height:0}.viewfinder__preview{width:100%;height:100%;min-height:0;object-fit:contain}.viewfinder .alert{background:var(--surface);color:var(--text)}.viewfinder__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom));background:#000000d9}.viewfinder__bar button{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.viewfinder__bar .button--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-on-accent)}.shutter{width:76px;height:76px;border-radius:50%;padding:0;border:4px solid #fff!important;background:transparent!important}.shutter__dot{width:58px;height:58px;border-radius:50%;background:#fff}.shutter:active .shutter__dot{transform:scale(.9)}.stages{display:grid;gap:.5rem}.stages__item{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);min-height:44px}.stages__dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);background:var(--surface);flex:none}.stages__item--done{color:var(--text)}.stages__item--done .stages__dot{background:var(--ok);border-color:var(--ok)}.stages__item--active{color:var(--text);font-weight:700}.stages__item--active .stages__dot{background:var(--brand-accent);border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 30%,transparent)}.stages__item--ok .stages__dot{background:var(--ok);border-color:var(--ok);box-shadow:none}.stages__item--warn .stages__dot{background:var(--warn);border-color:var(--warn);box-shadow:none}.stages__item--danger .stages__dot{background:var(--danger);border-color:var(--danger);box-shadow:none}.status-headline--ok{color:var(--ok)}.status-headline--warn{color:var(--warn)}.status-headline--danger{color:var(--danger)}.rectified__svg{width:100%;height:auto;display:block;border-radius:var(--radius);background:var(--surface-2)}.rectified__outline{fill:none;stroke:var(--part-selected);stroke-width:6;stroke-linejoin:round}.nav__badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:.4rem;border-radius:999px;background:var(--warn);color:#fff;font-size:.8rem;font-weight:800}@media(max-width:640px){.shell__header{padding:.5rem .6rem;gap:.5rem}.nav{margin-left:0;width:100%;order:3;overflow-x:auto;flex-wrap:nowrap}.nav a{padding:0 .7rem;white-space:nowrap;min-height:44px}.shell__main{padding:.75rem}.wizard-bar button{min-width:0;flex:1}}