@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',"Segoe UI","Microsoft YaHei",sans-serif;color:#edeee9;background:#151617;font-synthesis:none;--muted:#92958f;--line:#ffffff12;--accent:#e4ef8c;--panel:#1b1d1d}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.4}button:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.4}button{transition:color .18s,background .18s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:44px;background:#17191a}.brand{font-size:34px;letter-spacing:-2px;font-weight:800;font-style:italic;line-height:1}.brand-mark{color:var(--accent);margin-left:6px}.header-label{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:20px;color:#bdc0b8}.header-label span{font-size:12px;letter-spacing:2px;color:#83877e;border-left:1px solid #ffffff28;padding-left:20px}.header-right{margin-left:auto;display:flex;align-items:center;gap:9px;color:#a7aaa1;font-size:11px;letter-spacing:.3px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #e4ef8c22}.header-right button{display:none}.workspace{height:calc(100dvh - 80px);min-height:550px;display:grid;grid-template-columns:310px minmax(0,1fr)}.collection{border-right:1px solid var(--line);background:#17191a;min-height:0;display:flex;flex-direction:column}.collection-heading{padding:30px 26px 24px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted)}.collection-heading h1{font-size:21px;font-weight:500;letter-spacing:1px;margin:9px 0 0}.collection-heading h1 span{font:15px 'DM Sans',sans-serif;color:var(--muted);margin-left:8px;letter-spacing:0}.small-arrow{font:30px sans-serif;color:#71766c}.filters{padding:0 22px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #ffffff1c;border-radius:4px;padding:11px 12px;background:#ffffff03}.search-box svg{width:16px;height:16px;color:#878d82;flex-shrink:0}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#e9eae5;font-size:12px;min-width:0}.search-box input::placeholder{color:#858a80}.search-box:focus-within{border-color:var(--accent)}kbd{font-size:10px;border:1px solid #ffffff1c;padding:1px 4px;color:#777d73}.select-box{margin-top:10px;display:flex;align-items:center;background:#ffffff04;border:1px solid #ffffff0d;border-radius:4px;padding:0 12px;color:#777e72;font-size:11px}.select-box select{color:#c1c6b9;background:#191b1b;border:0;padding:11px 0 11px 10px;margin-left:auto;min-width:160px;outline:0;font-size:12px;cursor:pointer}.list-caption{font-size:9px;letter-spacing:.7px;color:#747b70;display:flex;justify-content:space-between;padding:23px 26px 13px;border-bottom:1px solid #ffffff06}.car-list{flex:1;min-height:0;overflow:auto;padding:5px 12px 16px;scrollbar-width:thin;scrollbar-color:#454a40 transparent}.car-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;border-radius:4px;padding:17px 12px;margin:3px 0;position:relative}.car-row:hover{background:#ffffff04;color:inherit}.car-row.selected{background:#e4ef8c09;border-color:#e4ef8c26}.car-row.selected:before{content:'';position:absolute;left:-1px;top:19px;bottom:19px;width:2px;background:var(--accent)}.row-number{font-size:10px;font-variant-numeric:tabular-nums;color:#646b5e;width:24px;flex-shrink:0}.row-copy{min-width:0;flex:1}.row-maker{display:block;font-size:9px;letter-spacing:1.4px;color:#939a8a;margin-bottom:5px}.row-name{font-size:13px;display:block;line-height:1.5;font-weight:500;color:#d8dcd1}.row-chevron{font-size:17px;color:#50584b}.selected .row-name,.selected .row-chevron{color:var(--accent)}.selected .row-number{color:#d4dd91}.collection-footer{display:flex;justify-content:space-between;padding:19px 24px;border-top:1px solid var(--line);font-size:10px;color:#7c8474;gap:10px}.collection-footer a:hover{color:var(--accent)}.empty{text-align:center;font-size:13px;padding:40px 20px;color:#9ea594;flex:1}.empty button{color:var(--accent);font-size:12px}.studio{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#303535 0,#202426 50%,#191c1e 100%)}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;outline:0}.studio-top{position:absolute;left:42px;right:32px;top:29px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.car-heading{max-width:calc(100% - 60px);pointer-events:none}.car-heading .eyebrow{color:#c0c8b6;margin:0;display:flex;gap:14px;align-items:center}.title-divider{color:#626b58}.car-heading h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-size:clamp(36px,4.5vw,76px);line-height:1.06;letter-spacing:-.5px;font-weight:600;margin:12px 0 10px;max-width:820px;text-transform:uppercase;text-wrap:balance}.car-subtitle{font-size:11px;letter-spacing:1px;color:#979f8e;margin:0}.round-button{pointer-events:auto;flex-shrink:0;margin-top:4px;font:italic 16px Georgia,serif;border:1px solid #ffffff25;border-radius:50%;width:30px;height:30px;color:#aab29f;background:#191c1e66}.round-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.studio-label{position:absolute;right:32px;top:220px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.3px;writing-mode:vertical-rl;color:#75806c;pointer-events:none}.studio-label>span:not(.live-dot){color:#46533e;margin:5px 0}.studio-bottom{position:absolute;bottom:22px;left:36px;right:32px;pointer-events:none}.view-bar{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:3px;margin:0 auto 26px;padding:6px;width:max-content;max-width:100%;border:1px solid #ffffff15;border-radius:6px;background:#1c2020d9;backdrop-filter:blur(16px)}.view-bar button{font-size:11px;padding:10px 14px;border-radius:3px;color:#939e86;white-space:nowrap}.view-bar .active{background:#e4ef8c;color:#22271d}.view-bar button:hover:not(.active){background:#ffffff09;color:#e1e9d7}.control-divider{width:1px;height:18px;background:#ffffff19;margin:0 7px}.view-bar #rotate{display:flex;gap:7px;align-items:center}.view-bar #rotate span{font-size:18px;line-height:12px}.view-bar #rotate[aria-pressed=true]{color:var(--accent);background:#e4ef8c0d}.view-bar .icon-button{font-size:21px;padding:5px 12px}.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px}.interaction-hint{font-size:10px;color:#818b77;display:flex;gap:10px;align-items:center}.interaction-hint svg{width:13px;height:17px}.interaction-hint>span{color:#47543b}.pager{pointer-events:auto;display:flex;align-items:center;gap:18px;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e1e8d7}.pager button{font-size:18px;border:1px solid #ffffff19;border-radius:50%;width:35px;height:35px;color:#bac5aa}.pager button:hover{border-color:#e4ef8c66;color:var(--accent)}.pager em{font-style:normal;color:#74816b;margin-left:6px}.loading{position:absolute;inset:42% 10% auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;pointer-events:none;text-align:center}.loading-spinner{width:24px;height:24px;border:1px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading p{font-size:12px;letter-spacing:.5px;line-height:1.8;background:#171c20d9;padding:7px 14px;border-radius:4px;color:#dce2d6}.loading button{pointer-events:auto;padding:10px 22px;background:var(--accent);color:#202519;border-radius:4px;font-size:12px}.loading.error .loading-spinner{display:none}.loading.error{pointer-events:auto}.model-info{position:absolute;right:32px;top:79px;width:300px;max-width:calc(100% - 48px);padding:20px;background:#191d1eeb;backdrop-filter:blur(20px);border:1px solid #ffffff20;border-radius:6px;z-index:3;box-shadow:0 12px 40px #0004;font-size:12px;line-height:1.75;color:#a8b39d}.model-info h3{margin:0 0 14px;font-size:14px;color:#e4ebdb;font-weight:500}.model-info dl{margin:0}.model-info dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #ffffff09;padding:7px 0}.model-info dd{margin:0;text-align:right;color:#d5dfca;word-break:break-word}.model-info p{font-size:11px;color:#839377;margin:14px 0 0}.model-info a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.model-info a:hover{color:white}.load-fatal{color:#e0e8d7;text-align:center;padding:20vh 20px}.load-fatal button{display:block;margin:20px auto;background:var(--accent);color:#202519;padding:12px 24px;border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.workspace{grid-template-columns:350px minmax(0,1fr)}.collection-heading{padding-left:30px}.studio-top{left:60px;top:38px}.studio-bottom{left:48px;right:42px;bottom:28px}.car-heading h2{font-size:80px}}
@media(max-width:1050px){.workspace{grid-template-columns:268px minmax(0,1fr)}.topbar{gap:28px;padding:0 24px}.header-label span{display:none}.studio-top{left:26px;right:24px}.studio-bottom{left:22px;right:22px}.view-bar button{padding:9px 10px}.interaction-hint{font-size:9px;gap:7px}.pager{gap:9px}.car-heading h2{font-size:48px}.studio-label{right:20px}.collection-footer{font-size:9px;padding:18px 20px}.filters{padding:0 18px}}
@media(max-width:760px){.topbar{height:66px;padding:0 20px;gap:25px}.brand{font-size:29px}.header-label{font-size:8px;letter-spacing:1.5px}.header-right>#total-label,.header-right>.live-dot{display:none}.header-right button{display:block;font-size:11px;color:var(--accent);border:1px solid #e4ef8c44;padding:8px 12px;border-radius:4px}.workspace{height:calc(100dvh - 66px);min-height:490px;display:block}.collection{display:none;position:absolute;top:66px;bottom:0;left:0;width:300px;max-width:calc(100% - 42px);z-index:5;box-shadow:20px 0 70px #0009}.collection.open{display:flex}.studio{height:100%;width:100%}.studio-top{top:26px;left:24px}.car-heading h2{font-size:52px;max-width:100%}.car-heading .eyebrow{font-size:9px}.car-subtitle{font-size:10px}.studio-label{top:185px;font-size:8px}.studio-bottom{left:18px;right:18px;bottom:18px}.view-bar{gap:0;margin-bottom:19px}.view-bar button{font-size:10px;padding:9px 10px}.control-divider{margin:0 3px}.view-bar .icon-button{padding:5px 8px}.interaction-hint{font-size:9px;gap:7px}.pager{gap:9px;font-size:10px}.pager button{width:29px;height:29px;font-size:16px}.model-info{right:24px}.loading{inset:44% 8% auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-spinner{animation-duration:2s}}