:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#31382f;background:#f5f4ee;font-synthesis:none;--ink:#31382f;--muted:#899084;--line:#dedfd5;--green:#46573b;--lime:#d9e6c4;--paper:#f8f8f3;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}button,select{touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #718d51;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}button svg,[data-icon] svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;padding:14px;background:#263c24;color:white;z-index:100}.skip-link:focus{top:10px}
.app-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:40px;background:#f9f9f4}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:760;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:31px;height:34px}.brand-mark svg{fill:var(--ink);width:30px}.brand-sub{display:block;font-family:var(--mono);font-size:7.5px;letter-spacing:.16em;margin-top:4px;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;color:#8b9085}.breadcrumb strong{font-weight:550;color:#535b4d}.slash{opacity:.5}.version{font-family:var(--mono);font-size:8px;border:1px solid #d7dacd;padding:4px 5px;border-radius:3px;color:#88907d;letter-spacing:.02em}.session{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.09em}.status-dot{display:inline-block;width:5px;height:5px;background:#788f56;border-radius:50%;flex-shrink:0}.session-id{margin-left:9px;display:grid;place-items:center;border:1px solid var(--line);width:26px;height:26px;border-radius:50%;letter-spacing:0;font-size:9px;color:#777e6f}
.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 348px;height:calc(100dvh - 103px);min-height:750px}.viewport{position:relative;overflow:hidden;background:#eaece3;min-width:0}.viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-5px}.viewport canvas.dragging{cursor:grabbing}.viewport-top{position:absolute;left:28px;right:24px;top:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.eyebrow{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.07em;display:flex;align-items:center;gap:7px;color:#788171}.eyebrow i{width:5px;height:5px;background:#7f9367;border-radius:50%}.eyebrow b{font-weight:400;color:#a9b1a0;margin:0 4px}.viewport-actions{display:flex;align-items:center;gap:5px;pointer-events:auto}.icon-button{width:32px;height:32px;border:1px solid transparent;border-radius:5px;display:grid;place-items:center;color:#69745e;transition:background .15s,border-color .15s}.icon-button:hover{background:#ffffff88;border-color:#c8d0bd}.icon-button[aria-pressed="true"]{background:#ffffff77;border-color:#cad0c0}.unit-heading{position:absolute;left:34px;top:92px;pointer-events:none}.unit-code{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.03em}.unit-code span{font-size:8px;color:#89937e;font-weight:400;letter-spacing:.11em;margin-left:14px}.unit-heading h1{font-size:clamp(32px,3.35vw,51px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:17px 0}.unit-subline{display:flex;align-items:center;gap:7px;font-size:10px;color:#788271}.unit-subline>span:first-child{height:5px;width:5px;background:#55727e;border-radius:1px}.viewport-stamp{position:absolute;right:26px;top:102px;display:flex;align-items:center;gap:10px;color:#89907f;font-family:var(--mono);font-size:7px;line-height:1.5;letter-spacing:.1em}.viewport-stamp>span:first-child{font-size:18px;letter-spacing:-.08em;border-right:1px solid #bdc5b3;padding-right:11px;color:#838e75}.model-spec{position:absolute;left:32px;bottom:122px;display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:#87927c;pointer-events:none}.model-spec strong{font-size:11px;letter-spacing:.06em;color:#657058;font-weight:500}.model-spec>span:last-child{font-family:inherit;font-size:7px;letter-spacing:0;display:flex;align-items:center;gap:5px;color:#849078}.model-spec .status-dot{width:4px;height:4px}.axis-widget{position:absolute;bottom:124px;right:29px;opacity:.8;width:59px;height:59px;pointer-events:none}.axis-widget svg{overflow:visible;fill:#78816e;stroke-width:1.5;font:9px var(--mono)}
.camera-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:55px;display:flex;align-items:center;gap:3px;padding:5px;background:#fafbf4e8;box-shadow:0 4px 18px #586b3e0c;border:1px solid #d3d9c6;border-radius:8px;backdrop-filter:blur(12px);max-width:calc(100% - 40px)}.preset-group{display:flex;gap:2px}.preset-group button{font-size:10px;padding:9px 14px;min-width:45px;border-radius:4px;white-space:nowrap;transition:background .2s,color .2s}.preset-group button:hover{background:#e6ebdc}.preset-group button.selected{background:#3e4b35;color:#fff}.dock-divider{display:block;height:20px;width:1px;background:#d9dfce;margin:0 3px}.camera-dock .icon-button{width:30px;height:31px}.camera-dock .icon-button svg{width:15px;height:15px}.viewport-hint{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:center;gap:22px;font-family:var(--mono);font-size:8px;color:#869078;pointer-events:none}.viewport-hint>span{display:flex;align-items:center;gap:6px}.viewport-hint [data-icon] svg{width:12px;height:12px;stroke-width:1.4}.viewport-hint b{font-weight:400}.viewport-hint kbd{font-family:var(--mono);font-size:7px;font-weight:400;letter-spacing:.06em;padding:2px 3px;border:1px solid #cbd3bf;border-radius:3px}.hint-or{opacity:.6}
.swap-toast{position:absolute;bottom:109px;left:50%;transform:translate(-50%,7px);display:flex;align-items:center;gap:6px;background:#354831;color:#edf5e5;border:1px solid #5f7550;border-radius:5px;padding:8px 12px;font-family:var(--mono);font-size:9px;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.swap-toast.show{opacity:1;transform:translate(-50%,0)}.swap-toast svg{width:12px;height:12px}
.control-panel{background:#fafaf5;border-left:1px solid #dce0d3;padding:24px 23px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8cebe transparent;min-width:0}.panel-title>.eyebrow{font-size:8px;color:#8f9687;justify-content:space-between}.panel-title>.eyebrow>span{border:1px solid #d9ddce;border-radius:3px;padding:2px 4px;font-size:7px}.panel-title h2{font-size:28px;line-height:1.1;letter-spacing:-1.1px;font-weight:570;margin:13px 0 9px}.title-dot{color:#9aaf7d}.panel-title p{font-size:10px;color:#8b9183;margin:0}.panel-section{border-bottom:1px solid var(--line);padding:21px 0 17px}.roster-section{padding-top:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h3{font-size:11px;font-weight:620;margin:0;letter-spacing:-.01em}.section-heading>span{font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:#939b88}.roster{display:flex;flex-direction:column;gap:6px}.roster-card{position:relative;display:flex;align-items:center;text-align:left;padding:8px 10px;gap:12px;border:1px solid #e1e4d9;border-radius:6px;width:100%;background:#f7f8f0;transition:border-color .2s,background .2s;min-height:59px}.roster-card:hover{background:#edf0e5;border-color:#bcc7ae}.roster-card.active{background:#ecf0e2;border-color:#8fa17a;box-shadow:0 0 0 1px #9caf831a}.unit-thumbnail{width:40px;height:40px;border-radius:4px;background:#e5e8dd;display:grid;place-items:center;flex-shrink:0}.unit-thumbnail svg{width:35px;height:38px;stroke:none}.roster-text{flex:1;min-width:0}.roster-text strong{font-size:11px;display:block;font-weight:580;letter-spacing:-.15px}.roster-text small{display:block;margin-top:5px;font-family:var(--mono);font-size:7px;color:#919781;letter-spacing:.035em}.roster-card .radio{width:13px;height:13px;border:1px solid #c7cfba;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.roster-card.active .radio{border-color:#6c8357;background:#6c8357}.roster-card.active .radio:after{content:"";width:4px;height:4px;background:#f1f8e8;border-radius:50%}
.scene-controls{display:grid;grid-template-columns:1fr;gap:10px}.field{display:block;font-size:9px;color:#8a9380}.field>span:first-child{display:block;margin-bottom:6px}.select-wrap{position:relative;display:block}.select-wrap:after{content:"";pointer-events:none;position:absolute;right:13px;top:15px;width:5px;height:5px;border-right:1px solid #869379;border-bottom:1px solid #869379;transform:rotate(45deg)}select{appearance:none;-webkit-appearance:none;border:1px solid #dfe3d5;background:#fdfdf8;color:#505c43;border-radius:5px;font-size:10px;height:36px;width:100%;padding:0 28px 0 35px;cursor:pointer;outline-offset:1px!important;transition:border-color .15s}select:hover{border-color:#aab89a}.field-icon{position:absolute;z-index:1;left:10px;top:10px;color:#94a186;pointer-events:none}.field-icon svg{width:14px;height:14px;stroke-width:1.4}.loadout-section{padding-top:18px}.loadout-row{display:grid;grid-template-columns:63px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:7px}.loadout-row>span{display:flex;align-items:center;gap:7px;color:#848e77;font-size:9px}.loadout-row>span [data-icon] svg{width:13px;height:13px;stroke-width:1.4}.loadout-row select{padding-left:11px;height:34px}.loadout-row .select-wrap:after{top:13px}.loadout-row.just-swapped select{animation:select-pulse .75s ease-out}@keyframes select-pulse{0%{box-shadow:0 0 0 2px #a5bd7b;background:#eaf2dd}100%{box-shadow:0 0 0 0 transparent;background:#fdfdf8}}.compatibility{display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#97a28a;margin-top:14px}.compatibility [data-icon] svg{width:10px;height:10px}.render-section{padding:14px 0;display:flex;flex-direction:column;gap:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:10px;color:#616e53;min-height:19px}.switch-row>span:first-child{display:flex;align-items:center;gap:8px}.switch-row svg{width:13px;height:13px;color:#8e9d7e}.switch{position:relative;display:inline-block;width:28px;height:17px}.switch input{appearance:none;display:block;margin:0;width:28px;height:17px;background:#d5dbca;border-radius:30px;cursor:pointer;transition:background .2s}.switch input:checked{background:#758b59}.switch i{pointer-events:none;position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #3f532d22;transition:transform .2s}.switch input:checked+i{transform:translateX(11px)}.render-stats{background:#eef1e5;border:1px solid #e1e5d6;border-radius:6px;padding:13px 12px 9px;margin-top:17px}.stats-header{display:flex;align-items:center;justify-content:space-between}.stats-header .eyebrow{font-size:6.5px;letter-spacing:.05em;gap:5px}.stats-header .eyebrow i{width:4px;height:4px}.stats-header>span:last-child{font-family:var(--mono);font-size:7px;color:#8a967a}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0}.stats-grid>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid #d9e0cc;padding-left:13px}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{border:0}.stats-grid strong{font-family:var(--mono);font-weight:450;font-size:19px;letter-spacing:-1px;color:#536444}.stats-grid span{font-size:7px;color:#8a957a}.stats-foot{display:flex;justify-content:space-between;border-top:1px solid #dce3cf;padding-top:7px;font-family:var(--mono);font-size:6px;letter-spacing:.035em;color:#95a084}.reset-button{display:flex;align-items:center;gap:7px;justify-content:center;background:transparent;border:1px solid #dce2d1;border-radius:5px;width:100%;font-size:9px;height:34px;color:#828e73;margin-top:11px;transition:background .2s}.reset-button:hover{background:#e9eedf}.reset-button svg{width:12px;height:12px}.reset-button>span:last-child{margin-left:auto;font-size:12px;opacity:.6}.reset-button>span:first-child{margin-left:auto}.panel-footnote{text-align:center;font-size:7px;color:#a0a894;margin:14px 0 1px}
.app-footer{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-top:1px solid var(--line);font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:#919a86;background:#f9f9f4}.app-footer>span{display:flex;align-items:center;gap:7px}.app-footer strong{font-weight:500;color:#79866c}.footer-divider{margin:0 5px;color:#bcc4b3}.loading-state,.error-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#eaece3;color:#627253;z-index:6;font-size:12px}.loading-state>span:last-child{font-size:10px;color:#94a084}.loading-spinner{width:24px;height:24px;border:2px solid #c5d1b4;border-top-color:#6f8754;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{padding:40px;text-align:center}.error-state p{max-width:300px;line-height:1.6;color:#849376}.error-state button{padding:10px 18px;border:1px solid #8b9a7a;border-radius:4px}.is-dark .unit-heading{color:#e0e5dc}.is-dark .unit-code span,.is-dark .unit-subline,.is-dark .viewport-stamp,.is-dark .eyebrow,.is-dark .model-spec,.is-dark .model-spec strong,.is-dark .model-spec>span:last-child,.is-dark .viewport-hint{color:#acbbb0}.is-dark .viewport-actions .icon-button{color:#d0decf}.is-dark .viewport-actions .icon-button[aria-pressed="true"]{background:#f0f9e41f;border-color:#728574}.is-dark .viewport-hint kbd{border-color:#6b7d69}
@media(min-height:1030px) and (min-width:821px){.control-panel{padding-top:31px}.panel-section{padding-top:25px;padding-bottom:21px}.roster-card{min-height:66px}.panel-title h2{font-size:31px}.render-section{padding:18px 0}.render-stats{margin-top:22px}}
@media(min-width:821px) and (max-height:950px){.lab-layout{min-height:680px}.control-panel{padding:21px 22px 16px}.panel-title h2{font-size:25px}.panel-section{padding-top:16px;padding-bottom:13px}.roster-section{padding-top:21px}.roster-card{min-height:55px;padding:6px 8px}.scene-controls{grid-template-columns:1fr 1fr;gap:9px}.scene-controls select{padding-left:9px;font-size:9px}.scene-controls .field-icon{display:none}.render-section{padding:13px 0}.render-stats{margin-top:14px}}
@media(max-width:1100px) and (min-width:821px){.lab-layout{grid-template-columns:minmax(0,1fr) 318px}.breadcrumb{display:none}.unit-heading{left:25px;top:80px}.unit-heading h1{font-size:38px}.unit-code span{display:block;margin:8px 0 0}.viewport-stamp{display:none}.control-panel{padding-left:19px;padding-right:19px}.model-spec{left:24px}.viewport-hint{gap:12px;font-size:7px}.viewport-hint>span:last-child{display:none}.camera-dock{bottom:49px}.unit-subline{max-width:190px;font-size:9px}.axis-widget{right:20px}}
@media(max-width:820px){.app-header{height:60px;padding:0 20px}.brand{font-size:12px;gap:7px}.brand-mark,.brand-mark svg{width:26px}.brand-sub{font-size:6px}.breadcrumb{display:none}.session{font-size:7px;gap:6px}.session-id{display:none}.lab-layout{display:block;height:auto;min-height:0}.viewport{height:600px}.control-panel{border-left:0;border-top:1px solid #d7ddcd;padding:26px 26px 30px;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.panel-title{grid-column:1/-1}.panel-title h2 br{display:none}.panel-title h2{font-size:28px}.panel-title p{font-size:11px}.roster-section{grid-column:1/-1;padding-top:24px}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.roster-card{min-height:72px;padding:10px 7px;gap:8px}.unit-thumbnail{width:34px;height:38px}.roster-card .radio{display:none}.roster-text strong{font-size:10px;line-height:1.3}.roster-text small{font-size:6px;line-height:1.4}.scene-controls{gap:14px}.scene-controls select{height:42px;font-size:11px}.scene-controls .field-icon{top:13px}.scene-controls .select-wrap:after{top:17px}.loadout-row select{height:39px;font-size:11px}.loadout-row{grid-template-columns:57px 1fr;margin-bottom:8px}.loadout-row .select-wrap:after{top:16px}.field{font-size:10px}.render-section{grid-column:1;grid-row:4;border-bottom:0;padding-top:22px;align-self:start;gap:13px}.switch-row{min-height:32px;font-size:11px}.switch{width:36px;height:22px}.switch input{width:36px;height:22px}.switch i{width:16px;height:16px}.switch input:checked+i{transform:translateX(14px)}.render-stats{grid-column:2;grid-row:4;margin-top:20px}.reset-button{height:42px;font-size:11px;grid-column:1/-1;margin-top:20px}.panel-footnote{grid-column:1/-1;font-size:8px}.app-footer{height:36px;font-size:6px;padding:0 20px}.app-footer>span:last-child{display:none}.unit-heading{top:70px;left:26px}.unit-heading h1{font-size:39px}.unit-code span{font-size:7px}.unit-subline{font-size:9px}.viewport-top{left:24px;top:15px;right:20px}.viewport-stamp{right:25px;top:81px}.camera-dock{bottom:45px;padding:5px}.preset-group button{font-size:11px;padding:12px 16px}.camera-dock .icon-button{width:36px;height:38px}.viewport-hint{bottom:18px}.model-spec{bottom:112px;left:26px}.axis-widget{bottom:112px;right:24px}.swap-toast{bottom:101px}.icon-button{width:40px;height:40px}.section-heading h3{font-size:12px}}
@media(max-width:520px){.app-header{padding:0 16px}.session{font-size:6px}.brand{font-size:11px}.viewport{height:525px;position:sticky;top:-118px;z-index:1}.viewport-top{top:8px;left:18px;right:12px}.viewport-top .eyebrow{font-size:7px;gap:5px}.viewport-top .eyebrow b{margin:0 1px}.viewport-actions{gap:0}.unit-heading{top:62px;left:20px}.unit-code{font-size:9px}.unit-code span{display:block;margin:7px 0 0;font-size:6px}.unit-heading h1{font-size:31px;line-height:1.03;letter-spacing:-1.1px;margin:11px 0}.unit-subline{font-size:7px;gap:4px}.unit-subline>span:first-child{width:3px;height:3px}.viewport-stamp{display:none}.camera-dock{bottom:37px;max-width:calc(100% - 28px);padding:4px;gap:1px;left:50%;border-radius:6px}.preset-group{gap:1px}.preset-group button{font-size:10px;min-width:40px;padding:13px 11px}.camera-dock .icon-button{width:31px;height:39px}.dock-divider{margin:0 1px;height:22px}.camera-dock .icon-button svg{width:15px;height:15px}.viewport-hint{bottom:15px;font-size:7px}.viewport-hint>span:last-child{display:none}.viewport-hint>span:first-child{font-size:0}.viewport-hint>span:first-child:after{content:"Drag to orbit · Pinch to zoom";font-size:7px}.viewport-hint>span:first-child [data-icon],.viewport-hint b{display:none}.model-spec{left:20px;bottom:99px;font-size:5px;gap:5px;letter-spacing:.04em}.model-spec strong{font-size:8px}.model-spec>span:last-child{font-size:5px;gap:3px}.model-spec .status-dot{width:3px;height:3px}.axis-widget{width:38px;height:38px;bottom:98px;right:20px}.swap-toast{bottom:91px;font-size:8px;padding:7px 9px}.control-panel{position:relative;z-index:2;padding:25px 20px 22px;display:block;background:#fafaf5}.panel-title h2{font-size:27px;letter-spacing:-.9px;margin:13px 0 7px}.panel-title h2 br{display:none}.panel-title p{font-size:10px}.panel-title>.eyebrow{font-size:7px}.panel-title>.eyebrow>span{font-size:7px}.roster-section{padding-top:25px}.roster{gap:6px}.roster-card{display:flex;flex-direction:column;text-align:center;padding:10px 3px 9px;min-height:122px;gap:7px}.unit-thumbnail{width:40px;height:40px}.roster-text strong{font-size:9px;line-height:1.3;max-width:85px;margin:auto}.roster-text small{font-size:5px;letter-spacing:0;margin-top:5px;line-height:1.5;max-width:90px}.roster-card.active:after{content:"";height:3px;background:#839b62;border-radius:5px;position:absolute;left:32%;right:32%;bottom:-1px}.panel-section{padding-top:22px;padding-bottom:20px}.section-heading{margin-bottom:14px}.section-heading h3{font-size:12px}.section-heading>span{font-size:7px}.scene-controls{grid-template-columns:1fr 1fr;gap:12px}.scene-controls select{font-size:10px;height:43px;padding-left:29px}.scene-controls .field-icon{left:9px;top:14px}.scene-controls .field-icon svg{width:12px;height:12px}.scene-controls .select-wrap:after{right:12px;top:17px}.field{font-size:10px}.loadout-row{grid-template-columns:75px 1fr;margin-bottom:10px}.loadout-row>span{font-size:11px;gap:8px}.loadout-row>span [data-icon] svg{width:15px;height:15px}.loadout-row select{font-size:12px;height:43px}.loadout-row .select-wrap:after{top:17px}.compatibility{font-size:8px;margin-top:16px}.compatibility [data-icon] svg{width:12px;height:12px}.render-section{display:flex;flex-direction:row;gap:23px;border-bottom:1px solid var(--line)}.switch-row{font-size:10px;gap:13px;flex:1}.switch-row>span:first-child{gap:6px}.switch-row svg{width:14px;height:14px}.render-stats{margin-top:22px;padding:15px 15px 10px}.stats-header .eyebrow{font-size:7px}.stats-header>span:last-child{font-size:8px}.stats-grid{margin:15px 0}.stats-grid strong{font-size:23px}.stats-grid span{font-size:8px}.stats-grid>div{padding-left:18px}.stats-foot{font-size:7px;padding-top:9px}.reset-button{height:44px;font-size:11px;margin-top:12px}.panel-footnote{margin-top:16px}.app-footer{font-size:6px;letter-spacing:0;padding:0 19px}.loading-state{font-size:11px}}
.loadout-row>span>svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(min-width:821px) and (max-height:1100px){.control-panel{padding:18px 22px 14px}.panel-title h2{font-size:25px;margin:11px 0 7px}.panel-section{padding-top:16px;padding-bottom:14px}.section-heading{margin-bottom:10px}.roster-section{padding-top:19px}.roster-card{min-height:52px;padding:6px 9px}.unit-thumbnail{height:34px;width:35px}.unit-thumbnail svg{width:31px;height:33px}.scene-controls{grid-template-columns:1fr 1fr;gap:9px}.scene-controls select{height:34px;padding-left:9px;font-size:9px}.scene-controls .field-icon{display:none}.scene-controls .select-wrap:after{top:13px;right:11px}.loadout-row{margin-bottom:6px}.loadout-row select{height:32px}.loadout-row .select-wrap:after{top:12px}.compatibility{margin-top:10px}.render-section{flex-direction:row;gap:18px;padding:13px 0}.switch-row{flex:1;font-size:9px;gap:8px}.switch-row>span:first-child{gap:5px}.switch-row svg{width:11px;height:11px}.render-stats{margin-top:12px;padding:12px 11px 8px}.stats-grid{margin:10px 0}.reset-button{height:32px;margin-top:10px}.panel-footnote{margin-top:10px}}
@media(max-width:520px){.unit-subline{display:none}.loadout-row>span>svg{width:15px;height:15px}.panel-title h2{font-size:26px;letter-spacing:-1px}}
@media(min-width:821px) and (max-height:1100px){.control-panel{padding-top:16px}.panel-section{padding-top:13px;padding-bottom:12px}.roster-section{padding-top:16px}.roster-card{min-height:49px}.loadout-row{margin-bottom:5px}.render-section{padding:12px 0}.stats-grid{margin:9px 0}}
@media(max-width:820px){.panel-title h2 br{display:initial}}
@media(max-width:520px){.viewport{height:455px;top:0;z-index:3}.control-panel button,.control-panel select,.control-panel input{scroll-margin-top:475px}.unit-heading h1{font-size:28px}.unit-heading{top:58px}.viewport .model-spec{bottom:96px}.viewport .axis-widget{bottom:96px}}
@media(max-width:520px){.switch-row{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}