:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#242b34;background:#f7f8fa;font-synthesis:none;font-size:13px;line-height:1.4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{color:#365de4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #365de4;outline-offset:3px}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}.app{min-height:100dvh;display:flex;flex-direction:column}header{height:55px;flex-shrink:0;border-bottom:1px solid #e0e5e9;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#f9fafb;z-index:3}.brand{display:flex;align-items:center;gap:20px}.brand svg{width:104px;height:27px}.brand>span{border-left:1px solid #d9dfe4;padding-left:19px;letter-spacing:1.3px;font-size:9px;font-weight:600;color:#7c8792}.brand i{font-style:normal;color:#c0c7d1;margin:0 8px}nav{display:flex;align-items:center;gap:24px}.live{font-size:9px;letter-spacing:1px;color:#75818e;display:flex;align-items:center;gap:7px}.live i,.panel-foot i{width:5px;height:5px;border-radius:50%;background:#668f7c}.quiet{font-size:11px;color:#687481}.language{padding:6px 10px;border:1px solid #dfe4e9;border-radius:5px;font-size:10px;color:#8a949f}.language b{color:#273242}.language span{color:#c5ccd3}main{display:grid;grid-template-columns:minmax(0,1fr) 318px;flex:1;min-height:0;height:calc(100dvh - 84px)}.showroom{position:relative;min-width:0;overflow:hidden;background:#f0f3f5}.webgl{position:absolute;inset:0}.webgl canvas{display:block;touch-action:none;width:100%;height:100%}.scene-title{position:absolute;top:30px;left:33px;z-index:1;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#7b8794;display:flex;align-items:center;gap:11px}.eyebrow>span{font-size:9px;border:1px solid #cbd3db;border-radius:3px;padding:1px 5px;color:#788a9c}.scene-title h1{font-size:40px;letter-spacing:-1.8px;font-weight:350;margin:9px 0 10px;line-height:1.15}.scene-title h1 b{font-weight:650}.scene-title h1>span{display:inline-block;font-size:8px;letter-spacing:1.2px;font-weight:600;border:1px solid #c4ced8;padding:4px 6px;border-radius:3px;vertical-align:top;margin:4px 0 0 10px;color:#75818e}.original{font-size:10px;color:#788593;display:flex;align-items:center;gap:6px}.original i{width:4px;height:4px;background:#365de4;border-radius:50%}.scene-label{position:absolute;top:31px;right:26px;font-size:8px;letter-spacing:1.2px;color:#8995a1;display:flex;align-items:center;gap:9px}.small-cross{font-size:18px;color:#9ba8b4;font-weight:200}.tools{position:absolute;right:22px;top:43%;transform:translateY(-50%);display:flex;flex-direction:column;background:#fafbfce8;box-shadow:0 4px 20px #22334408;border:1px solid #e0e5ea;border-radius:8px;padding:4px}.tools button{height:36px;width:35px;color:#74818e}.tools button.active{background:#e5ebfc;border-radius:5px;color:#365de4}.scene-bottom{position:absolute;bottom:51px;left:33px;right:23px;display:flex;align-items:end;justify-content:space-between;gap:15px}.stats{display:flex;gap:12px;align-items:center}.stats strong{font-size:40px;font-weight:400;line-height:1;letter-spacing:-2px}.stats span{font-size:11px;color:#586676}.stats small{display:block;font-size:7px;letter-spacing:1.1px;color:#96a0ac;margin-top:6px}.views{display:flex;padding:4px;border:1px solid #dee4ea;background:#f9fafbd9;border-radius:6px}.views button{font-size:10px;color:#89939f;padding:6px 11px;border-radius:4px}.views button.active{background:#fff;box-shadow:0 1px 5px #24344412;color:#293442}.gesture{position:absolute;bottom:19px;left:33px;color:#8d99a5;font-size:8px;letter-spacing:.7px;display:flex;align-items:center;gap:7px}aside{background:#fafbfc;border-left:1px solid #dfe5ea;padding:20px 20px 0;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head>span{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12px}.panel-head small{font-size:8px;letter-spacing:1.2px;color:#9da7b2}.vehicle-name{padding:15px 0 18px;border-bottom:1px solid #e3e7ec}.vehicle-name h2{font-size:16px;letter-spacing:-.3px;margin:0 0 5px;font-weight:600}.vehicle-name p{font-size:10px;color:#8a95a1;margin:0}.control-block{padding:17px 0;border-bottom:1px solid #e3e7ec}.section-label{font-size:10px;letter-spacing:.6px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-label>span{color:#b1bbc6;font-size:8px;letter-spacing:1px;font-weight:400}.mode{display:flex;background:#e9edf1;padding:3px;border-radius:5px}.mode button{width:50%;padding:7px 0;font-size:11px;color:#8c98a5;border-radius:3px}.mode button.active{background:#fff;box-shadow:0 1px 4px #26344712;color:#303c48}.range-label{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:#667381}.range-label strong{font-size:24px;font-weight:400;color:#365de4;line-height:1}.range-label small{font-size:10px;margin-left:2px}input[type=range]{appearance:none;width:100%;height:4px;background:linear-gradient(to right,#365de4 var(--progress),#dfe5eb var(--progress));border-radius:6px;margin:17px 0 10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;border:3px solid #fff;background:#365de4;box-shadow:0 0 0 1px #b6c5e4}.range-ends{display:flex;justify-content:space-between}.range-ends button{padding:0;font-size:9px;color:#8c98a5}.note{font-size:8px;color:#98a3ae;margin:11px 0 0;line-height:1.5}.categories{padding-bottom:12px}.category{justify-content:start;gap:9px;border-radius:4px;padding:8px 7px;color:#7c8895;font-size:10px;min-width:0}.category>span{flex:1;text-align:left}.category b{font-size:9px;font-weight:400;color:#98a5b3}.category.active{background:#e8edfb;color:#365de4}.category.active b{color:#7f95d5}.category.all{width:100%}.category-grid{display:grid;grid-template-columns:1fr;gap:3px;margin-top:3px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:10px;color:#75818e;position:relative;min-height:24px;cursor:pointer}.toggle-row input{position:absolute;right:0;opacity:0;width:32px;height:20px;cursor:pointer;z-index:1}.toggle-row i{width:28px;height:16px;border-radius:12px;background:#dce2e9;position:relative}.toggle-row i:after{content:"";width:12px;height:12px;background:#fff;position:absolute;top:2px;left:2px;border-radius:50%;transition:transform .15s}.toggle-row input:checked+i{background:#365de4}.toggle-row input:checked+i:after{transform:translate(12px)}.selection{padding:16px 0 12px;min-height:104px}.empty-selection{display:flex;gap:12px;align-items:center;color:#a3afbb;padding:4px 0}.empty-selection p{margin:0;color:#7b8794;font-size:10px}.empty-selection small{display:block;font-size:9px;color:#a6b0ba;margin-top:4px}.selected-title{display:flex;align-items:center;justify-content:space-between;font-size:12px}.selected-title button{padding:2px}.selected-meta{display:flex;gap:9px;align-items:center;margin-top:7px;font-size:9px;color:#7f8d9a}code{font-family:Consolas,monospace;color:#365de4;font-size:10px}.selection>p{font-size:9px;color:#8794a1;line-height:1.5}.isolate-button{font-size:10px;background:#e7edfc;color:#365de4;border-radius:4px;padding:6px 10px}.panel-actions{margin-top:auto;padding:8px 0 10px}.catalog-button{width:100%;border:1px solid #cfd7e1;border-radius:5px;background:#fff;min-height:37px;justify-content:start;font-size:11px;padding:0 11px}.catalog-button b{margin-left:auto;font-size:9px;font-weight:400;color:#93a0b0;background:#f0f3f8;border-radius:3px;padding:2px 5px}.reset{width:100%;font-size:10px;color:#929eaa;margin-top:10px;min-height:28px}.panel-foot{margin:0 -20px;padding:11px 20px;background:#f1f4f7;display:flex;align-items:center;font-size:7px;letter-spacing:1px;color:#99a4ae;gap:6px}.panel-foot svg{margin-left:auto}footer{height:29px;flex-shrink:0;border-top:1px solid #e1e6eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:8px;color:#9aa4af}footer b{letter-spacing:1px;margin-right:8px;color:#7e8b98;font-size:8px}footer button{font-size:8px;color:#8d99a4}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f0f3f5ec;z-index:2;color:#677889;font-size:13px}.loading p{max-width:80%;word-break:break-word}.loading button{border:1px solid #b9c9e2;padding:8px 16px;border-radius:5px}.modal-backdrop{position:fixed;inset:0;background:#16253955;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.modal{background:#fafbfc;border:1px solid #fff;border-radius:12px;padding:38px;max-width:580px;position:relative;box-shadow:0 20px 80px #16253920;max-height:90dvh;overflow:auto}.close{position:absolute;right:14px;top:14px}.modal h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:18px 0 24px}.modal p{font-size:12px;color:#697887;line-height:1.8}.license{border-top:1px solid #e0e6ed;padding-top:16px;margin-top:20px;font-size:10px;line-height:1.8;color:#9aa5b1}.catalog-modal{width:640px;max-height:88dvh;background:#fafbfc;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 80px #16253920}.catalog-header{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 10px}.catalog-header h2{font-size:24px;margin:10px 0;font-weight:500}.catalog-header h2 span{font-size:12px;color:#91a1b4;margin-left:12px}.search{margin:0 25px;display:flex;align-items:center;gap:9px;background:#eef1f5;border:1px solid #dce3eb;padding:10px 12px;border-radius:5px;color:#8492a2}.search input{width:100%;border:0;background:none;outline:none;font-size:12px;color:#344354}.catalog-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:15px 25px}.catalog-tabs button{font-size:10px;padding:6px 8px;border-radius:4px;color:#8492a1}.catalog-tabs button.active{background:#e4eafb;color:#365de4}.catalog-list{overflow:auto;padding:0 25px;min-height:100px}.catalog-list>button{display:flex;width:100%;text-align:left;justify-content:start;padding:12px 5px;border-bottom:1px solid #e6ebf0;gap:20px}.catalog-list>button.selected{background:#e9eefa}.catalog-list span{font-size:12px;flex:1}.catalog-list small{display:block;font-size:10px;color:#99a5b2;margin-top:4px}.catalog-list svg{color:#9faab6}.catalog-bottom{font-size:10px;color:#96a2af;padding:14px 25px;border-top:1px solid #e0e6ec}@media(min-width:1000px)and (max-height:800px){aside{padding-top:14px}.vehicle-name{padding:11px 0 13px}.control-block{padding:13px 0}.category-grid{grid-template-columns:1fr 1fr;gap:3px 0}.category{font-size:9px;gap:5px;padding:8px 5px}.category svg{width:13px}.selection{padding-top:13px}.panel-actions{padding-top:4px}.panel-foot{padding-top:8px;padding-bottom:8px}}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 320px}.scene-title{left:45px;top:40px}.scene-title h1{font-size:48px}}@media(max-width:850px){header{padding:0 16px;height:52px}.brand>span{display:none}.brand svg{width:92px}nav{gap:12px}.live{display:none}.quiet{font-size:10px}.app{min-height:100dvh}main{display:flex;flex-direction:column;height:auto}.showroom{height:48dvh;min-height:350px;max-height:560px;flex:none}.scene-title{top:20px;left:20px}.eyebrow{font-size:8px;letter-spacing:1px}.scene-title h1{font-size:30px;margin-top:8px}.original{font-size:9px}.scene-label{display:none}.tools{right:12px;padding:3px;top:48%}.tools button{width:30px;height:33px}.tools svg{width:16px}.scene-bottom{left:20px;right:12px;bottom:38px;align-items:end}.stats{gap:7px}.stats strong{font-size:29px}.stats span{font-size:8px;max-width:95px}.stats small{font-size:5px;letter-spacing:.3px}.views{padding:2px}.views button{padding:6px 7px;font-size:9px}.gesture{left:20px;bottom:13px;font-size:6px;letter-spacing:.1px}aside{padding:19px 20px 0;border-left:0;border-top:1px solid #dfe5ea;overflow:visible;flex:none}.panel-head small{font-size:8px}.vehicle-name{padding:12px 0 14px}.vehicle-name h2{font-size:17px}.control-block{padding:15px 0}.category-grid{grid-template-columns:1fr 1fr;gap:3px 6px}.category{font-size:11px;min-height:38px}.category.all{min-height:38px}.range-ends button{min-height:25px;font-size:10px}.range-label{margin-top:16px}.note{font-size:9px}.toggle-row{min-height:32px;font-size:11px}.selection{min-height:100px}.empty-selection p{font-size:11px}.catalog-button{min-height:43px}.reset{min-height:38px;margin-top:5px}.panel-foot{padding-top:13px;padding-bottom:13px}.panel-actions{margin-top:0}footer{height:auto;min-height:45px;padding:10px 16px;gap:8px;font-size:7px}footer>span{max-width:70%}footer button{font-size:7px}.modal{padding:30px 24px}.modal h2{font-size:24px}.catalog-modal{max-height:93dvh}.catalog-header{padding:22px 18px 8px}.search{margin:0 18px}.catalog-tabs{padding:13px 18px}.catalog-list{padding:0 15px}.catalog-list>button{gap:14px;padding:14px 3px}.catalog-list span{font-size:11px}.catalog-list small{font-size:9px}.catalog-tabs button{min-height:34px}.modal-backdrop{padding:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:851px){.app{height:100dvh;overflow:hidden}main{flex:1 1 auto}}@media(min-width:851px)and (max-height:800px){.selection{min-height:85px}.panel-foot{display:none}.reset{min-height:26px}.control-block{padding:11px 0}}aside>*{flex-shrink:0}.selected-title{gap:8px}.selected-title b{line-height:1.4}.selection.has-selection{min-height:168px}
