:root{--shell:#141414;--panel:#1b1b1b;--canvas:#242424;--control:#303030;--line:#343434;--text:#ededed;--muted:#999;--accent:#dbba91;--blue:#82b2cd;font-family:'Segoe UI','Microsoft YaHei UI',sans-serif;font-size:12px;color:var(--text);background:var(--shell);color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.35;cursor:default}button:not(:disabled):hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,.model-card{transition:background .12s,border-color .12s}a{color:inherit;text-decoration:none}input,select{min-width:0;color:var(--text);background:#292929;border:1px solid #383838;border-radius:5px;height:32px;padding:0 9px;outline:none;width:100%}input:focus,select:focus{border-color:#888}input[type=checkbox]{width:14px;height:14px;accent-color:#c3ae91;margin:0}input[type=range]{appearance:none;-webkit-appearance:none;border:0;padding:0;height:26px;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#4b4b4b;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:14px;border-radius:3px;background:#c4c4c4;margin-top:-5.5px}input[type=range]:hover::-webkit-slider-thumb{background:white}input[type=range]::-moz-range-track{height:3px;background:#4b4b4b}input[type=range]::-moz-range-thumb{width:8px;height:14px;border:0;border-radius:3px;background:#ccc}
.app{height:100dvh;display:grid;grid-template-rows:58px minmax(0,1fr) 26px;overflow:hidden}.topbar{display:flex;align-items:center;gap:30px;padding:0 20px;border-bottom:1px solid #2b2b2b;background:var(--shell);z-index:3}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:1.5px;font-size:12px}.brand .icon{width:24px;height:24px;color:#e4d3ba}.brand b{font-weight:400;color:#888}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.flow{display:flex;align-items:center;gap:8px}.flow-step{height:36px;padding:0 12px;border-radius:6px;display:flex;gap:9px;align-items:center;color:#919191;white-space:nowrap}.step-number{font-size:10px;border:1px solid #4c4c4c;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-variant-numeric:tabular-nums}.flow-step.active{color:#f4e4cd;background:#33302c}.flow-step.active .step-number{border-color:#c6ab87;color:#f4e4cd}.flow-step.done .step-number{background:#343b35;border-color:#65725d;color:#c9d6bf}.flow-arrow{color:#535353;font-size:15px}.header-end{margin-left:auto;display:flex;gap:14px;align-items:center;white-space:nowrap;color:#8b8b8b;font-size:10px}.small-button{border:1px solid #4b4b4b;border-radius:5px;padding:7px 10px;color:#ddd;font-size:11px}
.workspace{display:grid;grid-template-columns:58px minmax(0,1fr) 288px;min-height:0}.tool-rail{background:#191919;border-right:1px solid #303030;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:7px}.tool-rail button,.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;color:#939393;position:relative}.tool-rail button:hover,.icon-button:hover{background:#303030;color:#eee}.tool-rail button.active{background:#3c3832;color:#e7ccaa}.tool-rail button::after{content:attr(aria-label);display:none;position:absolute;left:46px;white-space:nowrap;padding:7px 10px;color:#ddd;background:#111;border:1px solid #444;border-radius:4px;z-index:12;pointer-events:none;font-size:11px}.tool-rail button:hover::after,.tool-rail button:focus-visible::after{display:block}.rail-divider{height:1px;width:22px;background:#393939;margin:6px 0}.board{position:relative;overflow:hidden;min-width:0;background:var(--canvas);margin:8px 8px 0 0;border-radius:9px 9px 0 0;border:1px solid #303030}.board-top{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;z-index:2;pointer-events:none}.board-top>*{pointer-events:auto}.site-chip{height:32px;display:flex;gap:10px;align-items:center;background:#242424e8;padding:0 8px;border-radius:5px;font-size:11px}.site-chip .icon{width:15px}.muted{color:#858585;font-size:10px}.board-actions{display:flex;align-items:center;background:#1a1a1aeb;border:1px solid #3b3b3b;border-radius:6px;padding:2px}.board-actions button{width:30px;height:29px}.board-actions .icon{width:16px;height:16px}.board-actions .divider{width:1px;height:16px;background:#3d3d3d;margin:0 4px}#drawing{display:block;width:100%;height:100%;touch-action:none}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:13px;padding-bottom:70px}.empty-state>*{pointer-events:auto}.empty-state[hidden]{display:none}.upload-mark{width:54px;height:54px;border:1px solid #454545;border-radius:13px;display:grid;place-items:center;background:#292929}.upload-mark .icon{width:26px;height:26px;color:#b6b6b6}.empty-state h2{font-size:17px;margin:4px 0 0;font-weight:500;letter-spacing:.5px}.empty-state p{color:#858585;font-size:11px;margin:0}.empty-state button{margin-top:9px}.board-bottom{position:absolute;left:17px;right:17px;bottom:17px;display:flex;justify-content:space-between;pointer-events:none}.board-bottom>*{pointer-events:auto}.view-switch,.zoom{display:flex;border-radius:6px;border:1px solid #454545;background:#202020;overflow:hidden}.view-switch button{padding:7px 12px;color:#888;font-size:10px}.view-switch button.active{background:#3a3a3a;color:#e9e9e9}.zoom button{height:30px;padding:0 10px;color:#aaa;font-size:11px}.zoom button:first-child,.zoom button:last-child{font-size:16px}.guide{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);background:#191919f5;border:1px solid #444;box-shadow:0 8px 22px #0002;border-radius:9px;display:flex;align-items:center;gap:18px;padding:12px 14px;max-width:calc(100% - 42px);width:max-content}.guide .guide-copy{max-width:350px}.guide strong{display:block;font-size:11px;font-weight:500;margin-bottom:4px}.guide small{font-size:10px;color:#8b8b8b}.guide button{white-space:nowrap;font-size:11px}.primary{background:#d2bea1;color:#20201e;border:1px solid #d2bea1;border-radius:5px;padding:9px 13px;font-weight:600}.secondary{border:1px solid #4b4b4b;color:#ccc;border-radius:5px;padding:9px 12px}.danger{background:#5a3333;border-radius:5px;padding:9px 14px;color:#f9dddd}
.inspector{min-height:0;overflow:auto;background:var(--panel);border-left:1px solid #303030;padding:23px 18px 20px;scrollbar-width:thin;scrollbar-color:#555 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#484848;border-radius:5px}.eyebrow{color:#7b7b7b;font-size:9px;letter-spacing:1.5px}.inspector h1{font-size:17px;font-weight:500;margin:9px 0 7px}.intro{font-size:11px;line-height:1.7;color:#969696;margin:0 0 24px}.section-head{border-top:1px solid #353535;margin:22px 0 14px;padding-top:16px;font-weight:500;font-size:11px;display:flex;align-items:center;justify-content:space-between}.section-head .count{font-size:10px;color:#7f7f7f}.field{display:block;margin:13px 0}.field>span,label>span{display:block;margin-bottom:7px;color:#aaa;font-size:11px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pair .field{margin:4px 0 10px}.fine{font-size:10px;line-height:1.7;color:#808080}.drop-zone{width:100%;border:1px dashed #515151;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:23px 10px;color:#bbb;background:#222}.drop-zone small{font-size:10px;color:#818181}.upload-preview{width:100%;height:95px;object-fit:contain;border-radius:5px;background:#292929;margin-bottom:7px}.range-row{display:grid;grid-template-columns:1fr 60px;gap:10px;align-items:center}.range-row input[type=number]{height:28px;font-size:11px;padding-left:7px}.full{width:100%}.section-caption{display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:11px}.model-list{display:grid;gap:5px;margin-top:10px}.model-card{width:100%;display:flex;text-align:left;align-items:center;border:1px solid #3b3b3b;border-radius:6px;background:#252525;padding:5px 8px;gap:9px}.model-card:hover{border-color:#777;background:#2d2d2d}.model-card.active{border-color:#b4a080}.model-card img{width:55px;height:41px;object-fit:contain}.model-card strong{font-size:11px;font-weight:500;display:block}.model-card small{font-size:9px;color:#888;display:block;margin-top:4px}.model-card .add{margin-left:auto;color:#909090;font-size:17px}.search{margin-bottom:5px;height:29px;background:#242424}.object-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:9px 0;border-bottom:1px solid #303030;gap:8px}.object-row button{color:#aaa;display:flex;align-items:center;gap:8px;text-align:left}.object-row.active button{color:#dfc59f}.object-row small{font-size:9px;color:#777}.color-row{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.color-swatch{width:21px;height:21px;border-radius:50%;background:var(--paint);border:2px solid #444;box-shadow:inset 0 0 0 1px #0005}.color-swatch.active{outline:1px solid #d8c3a4;outline-offset:3px}.checkbox-row{display:flex;align-items:center;gap:9px;padding:8px 0;color:#bbb;font-size:11px}.export-types{display:grid;grid-template-columns:1fr 1fr;gap:7px}.export-button{border:1px solid #474747;border-radius:6px;display:flex;align-items:center;gap:9px;padding:12px 9px;color:#ccc;font-size:11px}.export-button .icon{width:16px}.export-button:hover{background:#333}.link-output{font-size:10px;word-break:break-all;line-height:1.7;padding:9px;border:1px solid #404b3a;background:#23291f;border-radius:5px;margin-top:10px}.issue{padding:8px 10px;background:#352a24;color:#d9b699;font-size:10px;border-radius:5px;margin-top:12px;line-height:1.7}.readonly-banner{padding:10px;border:1px solid #4d4a3a;color:#d4c5a3;font-size:11px;margin-bottom:14px;border-radius:5px}.busy{opacity:.6;pointer-events:none}footer{display:flex;justify-content:space-between;align-items:center;color:#747474;font-size:9px;padding:0 16px;background:#171717;letter-spacing:.2px}dialog{background:#222;color:#eee;border:1px solid #4b4b4b;border-radius:12px;width:min(440px,calc(100vw - 32px));padding:24px;box-shadow:0 28px 100px #0008}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}dialog header{display:flex;justify-content:space-between;align-items:center}dialog header button{font-size:21px;width:25px;height:25px}dialog h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:14px 0 10px}dialog p{font-size:11px;line-height:1.8;color:#999}dialog label{display:block;font-size:11px;color:#bbb;margin:15px 0}dialog label input,dialog label select{margin-top:8px}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}#toast{position:fixed;top:72px;left:50%;transform:translateX(-50%);padding:11px 17px;background:#eeece6;color:#252525;border-radius:6px;box-shadow:0 5px 24px #0004;z-index:50;max-width:80vw;font-size:12px;display:none}#toast.show{display:block}.svg-object{cursor:move}.drawing-cursor{cursor:crosshair}details{border-top:1px solid #353535;margin-top:15px;padding-top:13px}summary{font-size:11px;color:#bbb;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::after{content:'⌄';color:#888}
@media(max-width:1100px){.topbar{gap:12px;padding:0 12px}.flow{gap:3px}.flow-step{padding:0 8px;gap:6px}.header-end #save-state{display:none}.workspace{grid-template-columns:52px minmax(0,1fr) 254px}.inspector{padding:20px 14px}.site-chip #site-size{display:none}.guide{gap:10px}.guide .guide-copy{max-width:235px}.brand{letter-spacing:1px}}
@media(max-width:800px){.app{grid-template-rows:48px minmax(0,1fr) 22px}.brand span{display:none}.brand .icon{width:22px}.flow-step{height:33px}.header-end{gap:4px}.small-button{font-size:10px}.workspace{grid-template-columns:46px minmax(0,1fr) 228px}.tool-rail{padding:10px 5px;gap:4px}.tool-rail button{width:36px;min-height:40px}.board{margin-top:5px}.board-top{inset:8px 7px auto}.site-chip{max-width:45%;padding:0 3px}.site-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-actions button{width:27px}.board-actions .divider{margin:0}.guide{bottom:51px;padding:8px 10px;gap:8px;max-width:calc(100% - 16px)}.guide small{display:none}.guide strong{font-size:10px;margin:0}.guide .primary{padding:8px}.board-bottom{bottom:10px;left:9px;right:9px}.empty-state{padding-bottom:60px}.empty-state h2{font-size:14px}.empty-state p{font-size:9px}.inspector{padding:14px 12px}.inspector h1{font-size:16px}.intro{margin-bottom:15px}.range-row{grid-template-columns:1fr 55px}.empty-state .primary{font-size:11px}.drop-zone{padding:16px 8px}.section-head{margin-top:16px;padding-top:13px}.flow-arrow{font-size:12px}.flow-step{padding:0 6px}.step-number{width:17px;height:17px;font-size:9px}}
@media(max-width:600px) and (orientation:portrait){.workspace{grid-template-columns:44px minmax(0,1fr)}.inspector{position:absolute;right:8px;top:58px;bottom:32px;width:215px;z-index:4;border:1px solid #444;border-radius:8px;display:none}.inspector.mobile-open{display:block}.header-end{display:none}.guide{bottom:50px}.board-actions button{width:25px}.flow-step{font-size:11px}.topbar{gap:10px}.board-top .site-chip{max-width:35%}}
.car-menu{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;background:#202020;border:1px solid #8b795f;border-radius:6px;padding:4px 6px;box-shadow:0 5px 18px #0004}.car-menu[hidden]{display:none}.car-menu select{width:108px;height:26px;border:0;background:#272727;font-size:11px}.car-menu .icon{width:15px;color:#cbb798}.enabled-models{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:12px 0}.enabled-models label{margin:0;padding:8px 0}.enabled-models .pending{color:#8a806e}.board.drag-over{outline:2px dashed #d2bea1;outline-offset:-8px}
.is-busy .app,.is-busy dialog{pointer-events:none;opacity:.85}
/* Calibration and reusable server backgrounds */
.guide{display:none!important}
.ruler-card{margin:10px 0;padding:10px;border:1px solid #3b3b3b;border-radius:10px;background:#222}
.ruler-card .field{margin:10px 0 0}.ruler-card .active{border-color:#c9ad88;color:#e6cda9}
.collision-banner{position:absolute;top:64px;left:18px;right:18px;max-width:620px;padding:10px 14px;border:1px solid #9d5f50;border-radius:9px;background:#412b26ef;color:#f3b29e;font-size:12px;pointer-events:none;z-index:3}
.collision-banner[hidden]{display:none}
#background-library{width:min(740px,92vw)}.background-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:55vh;overflow:auto;margin:18px 0}
.background-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:#252525;border:1px solid #404040;border-radius:10px;padding:10px;min-width:0;cursor:pointer;color:#ddd}.background-card:hover{border-color:#c7ab86}.background-card img{width:100%;height:110px;object-fit:contain;background:#171717;border-radius:6px}.background-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px}.background-card small{font-size:10px;color:#909090}
#settings-dialog{width:min(660px,92vw);max-height:88vh;overflow:auto}#settings-content{margin-bottom:20px}
.settings-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:19px;background:#282828;color:#ddd;border:1px solid #454545;border-radius:12px;text-align:left;cursor:pointer}.settings-link .icon{vertical-align:middle;margin-right:8px}.settings-link small{display:block;color:#999;margin:8px 0 0 29px;font-size:11px}.settings-back{background:transparent;border:0;color:#bbb;padding:0 0 10px;cursor:pointer}
.vehicle-dropzone{border:1px dashed #505050;border-radius:12px;padding:12px;margin:14px 0;background:#202020;transition:border-color .15s,background .15s}.vehicle-dropzone .section-head{margin:0 0 10px}.vehicle-dropzone.drag-target{border-color:#d5b68c;background:#363128}.vehicle-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vehicle-setting-row{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #3b3b3b;border-radius:8px;background:#2a2a2a;padding:5px 8px 5px 2px;height:59px}.vehicle-setting-row img{width:38px;height:48px;object-fit:contain}.vehicle-setting-row strong{font-size:12px}.vehicle-setting-row small{display:block;font-size:10px;margin-top:3px;color:#979797}.drag-handle{align-self:stretch;flex:0 0 29px;border:0;border-radius:5px;background:transparent;color:#a9a9a9;font-size:23px;cursor:grab;touch-action:none;user-select:none}.drag-handle:hover{background:#3b3b3b;color:#e3c6a0}.drag-handle:active{cursor:grabbing}.drop-hint{text-align:center;font-size:10px;color:#858585;margin:10px 0 2px;min-height:18px}.pending-car{width:38px;font-size:11px;color:#8e8e8e}.model-drag-ghost{position:fixed;z-index:50;pointer-events:none;width:210px;opacity:.9;border-color:#d5b68c;box-shadow:0 8px 30px #0009;margin:0}
@media(max-width:650px){.background-items{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-settings-grid{grid-template-columns:1fr}}
.app-version{font-size:9px;letter-spacing:.2px;color:#b7a486;margin-left:8px;font-weight:400}.brand span{display:flex;align-items:baseline;gap:5px}.brand .app-version{margin-left:2px}
.segmented,.label-options{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}.segmented button,.label-options button{padding:8px 10px;border:1px solid #414741;border-radius:6px;font-size:11px;color:#a9afa8}.segmented button.active,.label-options button.active{background:#39382f;border-color:#a58c68;color:#e7ccaa}.segmented button{flex:1}
.export-pagebar{display:flex;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 175px);background:#1b1d1bef;border:1px solid #55584d;border-radius:7px;padding:3px 8px 3px 3px;pointer-events:auto}.export-pagebar[hidden]{display:none}.page-actions{display:flex}.page-actions .icon-button{width:30px;height:30px}.page-actions .icon{width:17px;height:17px}.export-pagebar select{width:180px;max-width:24vw;border:0;background:transparent;font-size:11px}.page-count{font-size:10px;color:#899283;white-space:nowrap}
#label-dialog{width:min(850px,94vw);max-height:88vh;overflow:auto}#label-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.label-preset{display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:left;padding:10px;border:1px solid #43463e;background:#292c28;border-radius:9px}.label-preset.active{border-color:#d4b88f}.label-preset svg{height:230px;width:100%;background:#34382f;border-radius:6px}.label-preset strong{font-size:12px}.label-preset small{font-size:10px;line-height:1.6;color:#9ba196;min-height:34px}
#pages-dialog{width:min(850px,94vw);max-height:88vh;overflow:auto}#saved-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.saved-page-card{background:#292c28;border:1px solid #41483c;border-radius:9px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:8px}.saved-page-card.active{border-color:#c9b18e}.saved-page-preview{height:145px;background:#dedfd7;border-radius:5px;overflow:hidden}.saved-page-preview svg{width:100%;height:100%;display:block}.saved-page-card strong{font-size:12px}.saved-page-card small{font-size:10px;color:#999f92}
@media(max-width:1000px){.export-pagebar{max-width:calc(100% - 150px)}.export-pagebar select{width:110px}.page-count{display:none}.page-actions .icon-button{width:27px}.app-version{display:none}}
@media(max-width:650px){#label-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.label-preset svg{height:150px}#saved-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.export-pagebar{max-width:calc(100% - 125px);gap:2px}.export-pagebar select{max-width:80px}.page-actions .icon-button{width:23px}}
.site-chip[hidden]{display:none}