@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#f1f3f4;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0c;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{--amber:#f0a62f;--amber-bright:#ffc35c;--line:#ffffff1a;--muted:#858b91;background:radial-gradient(circle at 68% 38%,#f0a62f0e,#0000 31%),#080a0c;grid-template:76px minmax(0,1fr) 142px/264px minmax(0,1fr);width:100vw;height:100svh;display:grid;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0ce0;grid-column:1/-1;align-items:center;gap:16px;min-width:0;padding:0 24px;display:flex;position:relative}.brand-logo{object-fit:contain;flex-shrink:0;width:48px;height:60px;display:block}.title-block{flex:1;min-width:0}.model-selector{flex-shrink:0;gap:5px;min-width:112px;display:grid}.model-selector span{color:#aeb3b8;letter-spacing:.08em;font-size:.75rem}.model-selector select{color:#f4f5f6;cursor:pointer;background:#232930;border:1px solid #697581;border-radius:4px;width:100%;padding:7px 9px;font-size:.875rem}.model-selector select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.title-block p,.title-block h1{margin:0}.title-block p{color:var(--amber-bright);letter-spacing:.13em;font-size:.72rem;font-weight:600}.title-block p span{color:#737980}.title-block h1{color:#f4f5f6;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.2rem,2.3vw,1.72rem);font-weight:600;line-height:1.08;overflow:hidden}.model-status{border-left:1px solid var(--line);align-items:center;gap:10px;margin-left:auto;padding-left:18px;display:flex}.status-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #f0a62fa6}.model-status strong,.model-status small{display:block}.model-status strong{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.model-status small{color:var(--muted);margin-top:3px;font-size:.65rem}.parts-panel{z-index:4;border-right:1px solid var(--line);background:#0a0c0ed6;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.panel-heading{border-bottom:1px solid var(--line);color:#aeb3b8;letter-spacing:.12em;justify-content:space-between;padding:16px 18px 13px;font-size:.67rem;font-weight:600;display:flex}.panel-heading span:last-child{color:var(--amber)}.parts-list{overscroll-behavior:contain;scrollbar-color:#32373c transparent;scrollbar-width:thin;overflow:auto}.part-row{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0e;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 14px;transition:background .15s,color .15s;display:grid;position:relative}.part-row:hover,.part-row:focus-visible{background:#ffffff0b;outline:none}.part-row.is-active{color:#fff;background:linear-gradient(90deg,#f0a62f29,#f0a62f06)}.part-row.is-active:before{content:"";background:var(--amber);width:2px;position:absolute;inset:0 auto 0 0}.part-index{color:#5f666c;font-size:.63rem}.part-row.is-active .part-index{color:var(--amber-bright)}.part-name{letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:.92rem;font-weight:600;overflow:hidden}.part-meter{background:#23272b;grid-column:2;height:2px;margin-top:-3px;display:block;overflow:hidden}.part-meter i{background:var(--amber);height:100%;transition:width .16s;display:block}.part-skeleton{background:linear-gradient(90deg,#0000,#ffffff08,#0000) 0 0/220% 100%;border-bottom:1px solid #ffffff0a;height:44px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}.viewer-stage{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:38px 38px;min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-stage:before,.viewer-stage:after{z-index:2;pointer-events:none;content:"";width:54px;height:54px;position:absolute}.viewer-stage:before{border-top:1px solid #f0a62f6b;border-left:1px solid #f0a62f6b;inset:20px auto auto 20px}.viewer-stage:after{border-bottom:1px solid #f0a62f6b;border-right:1px solid #f0a62f6b;inset:auto 20px 20px auto}.viewer-stage canvas{touch-action:none;display:block}.scene-tools{z-index:3;gap:10px;width:250px;display:grid;position:absolute;top:18px;left:18px}.scene-tools .lighting-tools{width:100%;position:static}.comparison-tools{color:#d8dee4;background:#0c0f12f0;border:1px solid #ffffff29;border-radius:4px;padding:13px}.comparison-switch{cursor:pointer;align-items:center;gap:9px;font-size:.875rem;display:flex}.comparison-switch input{accent-color:#f14455;width:16px;height:16px;margin:0}.comparison-tools p{color:#b9c0c7;margin:11px 0 7px;font-size:.75rem;line-height:1.5}.comparison-tools small{color:#969fa9;font-size:.75rem}.ghost-swatch{background:#ff344f55;border:1px solid #ff5b6a;border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.comparison-dimensions{border-top:1px solid #ffffff1a;gap:7px;margin-top:12px;padding-top:10px;font-size:.75rem;display:grid}.comparison-dimensions span{justify-content:space-between;gap:12px;display:flex}.comparison-dimensions b{color:#ff7a87}.lighting-tools{z-index:3;color:#b4bdc5;background:#0c0f12e8;border:1px solid #ffffff29;border-radius:4px;width:205px;padding:12px 13px;font-size:.63rem;position:absolute;top:18px;left:18px;box-shadow:0 5px 22px #0002}.lighting-tools summary{color:#d8dee4;cursor:pointer;letter-spacing:.07em;font-weight:600}.lighting-select{gap:7px;margin-top:14px;display:grid}.lighting-select select{color:#edf0f4;background:#232930;border:1px solid #48515c;border-radius:3px;width:100%;padding:7px;font-size:.7rem}.reflection-switch{cursor:pointer;align-items:center;gap:6px;margin-top:11px;display:flex}.reflection-switch input{accent-color:var(--amber);margin:0}.brightness-control{gap:3px;margin-top:12px;display:grid}.brightness-control span{justify-content:space-between;display:flex}.brightness-control input{width:100%;accent-color:var(--amber);margin:4px 0}.finish-key{border-top:1px solid var(--line);color:#89949e;gap:5px;margin-top:9px;padding-top:10px;font-size:.57rem;display:grid}.finish-key span:before{content:"";background:#222;border:1px solid #87909b;width:7px;height:7px;margin-right:6px;display:inline-block}.finish-key span:first-child:before{background:repeating-conic-gradient(#555 0% 25%,#151515 0% 50%) 0 0/4px 4px}.finish-key span:nth-child(2):before{background:linear-gradient(110deg,#101010,#777,#171717)}.collision-notice,.inspection-notice{z-index:3;color:#f0dbb4;background:#181712ef;border:1px solid #bc8a38;border-radius:4px;gap:6px;max-width:min(410px,100% - 36px);padding:12px 15px;font-size:.68rem;display:grid;position:absolute;bottom:42px;left:18px}.collision-notice strong{color:#ffc35c;font-size:.7rem}.collision-notice small{color:#a59d8e}.inspection-notice{color:#d7e1e7;background:#10191fec;border-color:#5b707c}.inspection-notice strong{color:#e5edf4;font-size:.7rem}.inspection-notice small{color:#9bacb8}.loading-state{color:#8d9398;letter-spacing:.12em;text-align:center;text-transform:uppercase;place-content:center;height:100%;font-size:.7rem;display:grid}.loading-state span{border:1px solid #343a40;border-top-color:var(--amber);border-radius:50%;width:42px;height:42px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.view-tools{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0d0fc7;display:flex;position:absolute;top:18px;right:18px}.view-tools button{border:0;border-right:1px solid var(--line);color:#7f868c;cursor:pointer;letter-spacing:.09em;background:0 0;min-width:52px;min-height:38px;font-size:.64rem;font-weight:600}.view-tools button:last-child{border-right:0}.view-tools button:hover,.view-tools button:focus-visible,.view-tools button.is-active{color:var(--amber-bright);background:#f0a62f17;outline:none}.interaction-hint{z-index:3;color:#62696f;letter-spacing:.05em;pointer-events:none;gap:18px;font-size:.6rem;display:flex;position:absolute;bottom:18px;right:22px}.interaction-hint b{color:#aeb3b7;font-weight:500}.viewer-stage[data-lighting=daylight] .interaction-hint{color:#62696f}.viewer-stage[data-lighting=daylight] .interaction-hint b{color:#343b42}.control-dock{z-index:5;border-top:1px solid var(--line);background:#0b0d0f;grid-column:1/-1;grid-template-columns:1.25fr 1.2fr 1.2fr 1fr auto;min-width:0;display:grid;position:relative}.dock-section,.dock-actions{border-right:1px solid var(--line);min-width:0;padding:19px 20px}.control-label{color:#71787e;letter-spacing:.1em;justify-content:space-between;font-size:.64rem;font-weight:600;display:flex}.control-label output{color:var(--amber-bright)}.selected-readout strong,.selected-readout small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-readout strong{letter-spacing:.02em;text-transform:uppercase;margin-top:10px;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:600}.selected-readout small{color:#71787e;margin-top:5px;font-size:.63rem}.range-control input{width:100%;height:20px;accent-color:var(--amber);cursor:ew-resize;margin:17px 0 5px}.range-control input:disabled{cursor:not-allowed}.range-scale{color:#5d6369;justify-content:space-between;font-size:.58rem;display:flex}.range-scale i{font-style:normal}.range-control.is-disabled{opacity:.38}.dock-actions{border-right:0;grid-template-columns:repeat(2,minmax(82px,1fr));gap:6px;padding:13px;display:grid}.dock-actions button{border:1px solid var(--line);color:#a4abb0;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#121518;justify-content:center;align-items:center;gap:7px;min-height:45px;padding:8px 11px;font-family:Barlow Condensed,sans-serif;font-size:.82rem;font-weight:600;display:flex}.dock-actions button:hover,.dock-actions button:focus-visible,.dock-actions button.is-active{color:var(--amber-bright);background:#f0a62f17;border-color:#f0a62f8c;outline:none}.dock-actions svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.6px;width:15px;height:15px}@media (width<=1020px){.model-status{display:none}.app-shell{grid-template:70px minmax(0,1fr) 210px/216px minmax(0,1fr)}.control-dock{grid-template-rows:130px 80px;grid-template-columns:1.15fr 1fr 1fr 1fr}.dock-section{padding:17px 14px}.turntable-control{display:block}.dock-actions{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);padding:12px}.dock-actions button{min-width:0}}@media (width<=1120px) and (width>=721px){.lighting-tools{width:184px;font-size:.6rem}}@media (width<=720px){.app-shell{grid-template:80px minmax(0,1fr) 112px 214px/minmax(0,1fr);overflow:auto}.topbar{grid-row:1;gap:10px;padding:0 14px}.brand-logo{width:36px;height:46px}.title-block p{display:none}.title-block h1{white-space:normal;font-size:1rem;line-height:1.15}.model-selector{min-width:94px}.model-status small{display:none}.model-status{padding-left:10px}.model-status strong{font-size:.58rem}.viewer-stage{grid-row:2}.scene-tools{gap:7px;width:min(250px,100% - 78px);top:10px;left:10px}.comparison-tools{padding:10px}.comparison-tools p{margin-top:7px}.lighting-tools{width:174px;padding:10px;font-size:.55rem;top:10px;left:10px}.lighting-tools .finish-key{display:none}.lighting-select{margin-top:10px}.view-tools{flex-direction:column}.viewer-stage:before{inset:12px auto auto 12px}.viewer-stage:after{inset:auto 12px 12px auto}.view-tools{top:10px;right:10px}.view-tools button{min-width:46px;min-height:34px}.interaction-hint{gap:10px;font-size:.52rem;bottom:12px;right:14px}.interaction-hint span:nth-child(2){display:none}.parts-panel{border-top:1px solid var(--line);border-right:0;grid-row:3}.panel-heading{padding:10px 14px 8px}.parts-list{display:flex;overflow-x:auto}.part-row{border-bottom:0;border-right:1px solid #ffffff0e;flex:0 0 155px;grid-template-columns:22px minmax(0,1fr);min-height:74px;padding:10px}.part-skeleton{flex:0 0 130px;height:74px}.control-dock{border-bottom:1px solid var(--line);grid-area:4/1;grid-template-rows:112px 102px;grid-template-columns:1fr 1fr}.selected-readout,.turntable-control{display:none}.dock-section{padding:14px}.range-control input{margin-top:13px}.dock-actions{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);padding:8px}.dock-actions button{min-width:0;min-height:40px;padding:6px 4px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}