:root{color-scheme:dark;--bg:#080e18;--panel:#0b1421;--line:#202d3d;--muted:#8d9aad;--muted2:#5e7086;--text:#e5effd;--bright:#fff;--cyan:#55dcfa;--cyan2:#1ab8df;--violet:#898aff;--green:#45d5a6;--red:#fc827e;--shadow:0 18px 45px rgba(0,0,0,.25);font:14px/1.5 Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{padding:0;margin:0;color:var(--text);background:var(--bg)}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.26;letter-spacing:-.025em}.eyebrow,.kicker,.panel-heading,.view-label,.section-counter,.field-label,.sidebar-section-title,.stage-footer,.timeline-fps,.brand-text small,.status-indicator,.engine-state,.version,.left-footer,.info-key{letter-spacing:.09em}.eyebrow,.kicker{font-weight:800;font-size:10px;color:var(--cyan)}.muted{color:#7b8ca4;font-weight:500}.subtle{color:var(--muted);font-size:12px;line-height:1.75}.app-shell{height:100dvh;min-height:690px;display:grid;grid-template-columns:276px minmax(440px,1fr) 318px;grid-template-rows:76px minmax(0,1fr)}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#0b1726 0%,#0a1320 52%,#0c1321 100%);padding:0 27px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:15px;min-width:238px}.brand-mark{font-family:Impact,"Arial Black",sans-serif;font-size:33px;font-style:italic;letter-spacing:-.09em;color:#fff;line-height:1}.brand-mark>span:first-child{color:var(--cyan)}.brand-mark-dot{color:var(--violet)}.brand-text{display:flex;flex-direction:column;line-height:1.25;gap:5px}.brand-text strong{font-size:14px;letter-spacing:.15em;font-weight:900}.brand-text small{font-size:8px;font-weight:800;color:#637c95}.top-center{display:flex;align-items:center;gap:16px}.top-center .eyebrow{color:#8a99ad;font-size:10px;letter-spacing:.19em}.top-divider{height:1px;width:38px;background:#344558}.top-actions{display:flex;align-items:center;gap:20px}.version{font:800 10px/1.5 "Segoe UI",sans-serif;color:#a0b3c8;display:flex;gap:8px;align-items:center}.online-dot,.status-indicator,.pulse-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(69,213,166,.5)}.site-link{font-size:12px;font-weight:750;color:#d8e7f8;padding:9px 12px;border-radius:8px;border:1px solid #2c3c4d}.site-link span{color:var(--cyan)}.sidebar{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#314457 transparent;background:var(--panel)}.left-panel{border-right:1px solid var(--line);padding:28px 20px 16px;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:10px;color:#69839a;letter-spacing:.15em}.heading-ornament{font-size:16px;color:#4c6c88}.left-panel>h2{font-size:22px;margin:29px 0 12px}.left-panel>.subtle{margin:0 0 23px}.upload-zone{border:1px dashed #3b5972;min-height:184px;background:linear-gradient(155deg,rgba(33,88,118,.17),rgba(6,20,35,.55));border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#e6f4ff;width:100%;transition:background .2s,border-color .2s}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--cyan);background:rgba(30,138,172,.17)}.upload-symbol{display:grid;place-items:center;border:1px solid #345a73;color:var(--cyan);border-radius:11px;background:rgba(23,117,145,.15);width:45px;height:45px;font-size:28px;line-height:1;margin-bottom:7px}.upload-zone strong{font-size:13px}.upload-zone>span:nth-of-type(2){color:#96a8ba;font-size:11px}.file-tag{color:#75bdd4!important;font-size:9px!important;font-weight:800;letter-spacing:.1em;margin-top:9px}.btn{border:1px solid #30465a;background:#152537;color:#e7f3fc;border-radius:9px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:12px;transition:background .2s,border-color .2s}.btn:hover{border-color:#5e819e;background:#20364c}.btn-demo{width:100%;margin-top:12px;background:rgba(22,78,101,.15);border-color:#2e4a60;color:var(--cyan);height:45px}.btn-icon{font-size:18px}.btn-arrow{margin-left:auto;font-size:17px}.primary{background:var(--cyan);color:#09131e;border-color:var(--cyan)}.primary:hover{background:#b0f2ff;border-color:#b0f2ff}.small-btn{padding:8px 12px}.outline{width:100%;background:transparent;border-color:#34495f}.sidebar-section-title{font-size:10px;font-weight:900;color:#8ba0b6;display:flex;justify-content:space-between;margin:33px 0 13px}.pill{border:1px solid #26394b;border-radius:5px;color:var(--cyan);padding:0 6px;font-size:9px}.file-library{display:flex;flex-direction:column;gap:7px;max-height:245px;overflow:auto;scrollbar-width:thin}.empty-library{font-size:11px;color:#627b91;padding:11px 0;line-height:1.75}.file-entry{width:100%;background:#101e2e;border:1px solid #263647;border-radius:8px;display:flex;gap:10px;padding:10px 9px;text-align:left;color:#c6d8e8;align-items:center;min-width:0}.file-entry.active{background:rgba(29,168,210,.11);border-color:#2694b4}.file-entry:hover{border-color:#42718c}.file-entry-icon{font-size:16px;color:#69d5fa;flex:none}.file-entry-text{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.file-entry-text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-entry-text small{font-size:10px;color:#68849b}.privacy-note{border-top:1px solid #23354b;margin-top:auto;padding:20px 0 0;display:flex;gap:11px}.privacy-icon{color:var(--green);font-size:22px;line-height:1}.privacy-note strong{font-size:11px;color:#abcfdb}.privacy-note p{font-size:10px;line-height:1.55;color:#6f879d;margin-top:5px}.left-footer{display:flex;gap:5px;justify-content:space-between;margin-top:20px;font-size:8px;font-weight:800;color:#4f687f}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;gap:17px;padding:25px 25px 20px;overflow:auto;background:radial-gradient(ellipse at top left,rgba(22,50,83,.18),transparent 40%),var(--bg)}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-shrink:0}.workspace-header h1{font-size:28px;font-weight:820;letter-spacing:-.045em;margin:5px 0 7px}.workspace-header h1 span{color:var(--cyan)}.workspace-header p{font-size:11px;color:#8294a8}.workspace-header-actions{display:flex;align-items:center;gap:13px}.engine-state{font-weight:900;font-size:9px;color:var(--green);display:flex;gap:7px;align-items:center;white-space:nowrap}.viewer-panel{flex:1;min-height:360px;border:1px solid #293a50;border-radius:11px;background:#0b131e;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.viewer-toolbar{min-height:49px;background:#101c2c;border-bottom:1px solid #293a4c;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-left{flex-wrap:wrap}.view-label{font-size:10px;font-weight:900;color:#d4e6f5;white-space:nowrap;margin-right:5px}.view-label i{font-style:normal;color:#5796b3}.toolbar-separator{height:15px;width:1px;background:#375067;margin:0 3px}.tool{background:transparent;border:1px solid transparent;border-radius:6px;color:#8198ad;padding:5px 7px;font-size:11px;white-space:nowrap}.tool span{font-size:10px;font-weight:700}.tool:hover{color:#fff;background:#1e3347}.tool.on{color:#7ce3ff;background:rgba(33,149,182,.14);border-color:rgba(49,180,216,.18)}.stage{flex:1;min-height:280px;position:relative;background:linear-gradient(180deg,#0d1927,#0b1420)}.stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 33%,rgba(45,86,119,.13),transparent 55%);pointer-events:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-corner{position:absolute;font-family:ui-monospace,"Cascadia Code",monospace;font-size:9px;color:#7690a7;font-weight:700;z-index:2;display:flex;gap:8px;align-items:center;letter-spacing:.07em}.stage-corner.top-left{top:16px;left:17px}.stage-corner.top-right{top:17px;right:17px;color:#6c958f}.crosshair{font-size:18px;color:#7fc2d8}.stage-bottom-info{pointer-events:none;position:absolute;bottom:12px;left:15px;z-index:2;display:flex;gap:13px;font:750 10px/1.4 ui-monospace,monospace;color:#8598aa}.stage-bottom-info i{color:var(--cyan);font-style:normal}.stage-bottom-info b{color:#d8e5f0;font-weight:700}.axis-widget{position:absolute;bottom:15px;right:18px;width:53px;height:51px;z-index:2;font-family:monospace}.axis-widget::before,.axis-widget::after{content:"";position:absolute;left:25px;top:24px;width:29px;height:1px;background:#5c7085;transform-origin:left}.axis-widget::before{transform:rotate(-44deg)}.axis-widget::after{transform:rotate(150deg)}.axis-widget span{position:absolute;font-weight:900;font-size:11px}.axis-y{color:#5edbac;top:0;left:25px}.axis-x{color:#f18b90;bottom:2px;right:1px}.axis-z{color:#71b8ff;bottom:4px;left:1px}.stage-footer{min-height:38px;border-top:1px solid #263547;background:#101b2a;display:flex;align-items:center;gap:18px;padding:4px 13px;color:#647d92;font-size:8px;font-weight:900;flex-wrap:wrap}.stage-footer b{color:#c4d4e2;margin-left:4px}.stage-footer-actions{margin-left:auto}.link-button{background:transparent;border:0;color:#84def5;padding:5px;font-size:10px;font-weight:850}.link-button:hover{text-decoration:underline}.stage-empty{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(350px,92%);text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none}.stage-empty>button{pointer-events:auto}.empty-hologram{width:104px;height:104px;border:1px dashed #24566e;display:grid;place-items:center;border-radius:30px;transform:rotate(45deg);background:radial-gradient(circle,rgba(21,127,154,.11),rgba(20,52,80,.04));margin:4px 0 29px}.holo-inner{font-size:60px;color:#4caecd;transform:rotate(-45deg)}.empty-label{color:var(--cyan);font-size:10px;letter-spacing:.18em;font-weight:900;margin-bottom:6px}.stage-empty h3{font-size:23px;margin:5px 0 8px}.stage-empty p{color:#92a6b8;font-size:11px;line-height:1.6;margin-bottom:19px}.stage-empty .btn{padding:11px 23px}.drop-cover{position:absolute;inset:0;background:rgba(3,29,43,.91);border:2px dashed var(--cyan);z-index:6;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--cyan)}.drop-cover.show{display:flex}.drop-cover span{font-size:58px}.drop-cover strong{font-size:19px}.drop-cover small{color:#b4d0dd}.timeline-panel{border:1px solid #26384c;border-radius:11px;background:#0f1b2b;padding:18px 20px;min-height:149px;flex-shrink:0}.timeline-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.timeline-title h2{font-size:15px;margin-top:3px}.timeline-title .kicker{font-size:9px}.timeline-fps{color:#8ba7b8;display:flex;gap:7px;align-items:center;font:800 10px/1.3 ui-monospace,monospace}.pulse-dot{width:5px;height:5px}.timeline-row{display:flex;gap:16px;align-items:center}.play-btn{width:44px;height:44px;border-radius:9px;border:1px solid #2a6d88;color:#7ee7ff;background:rgba(20,125,158,.16);font-size:20px;flex:none}.play-btn:hover{background:rgba(20,125,158,.3)}.timeline-controls{flex:1;min-width:0}.anim-select-row{display:flex;align-items:center;gap:12px}.anim-select-row label{color:#7894ad;font-weight:700;font-size:10px}.anim-select-row select{flex:1;min-width:0;background:#101e2c;border:1px solid #33465d;color:#cfdeef;border-radius:6px;padding:6px 8px;font-weight:650;font-size:11px}.range-row{display:flex;align-items:center;gap:12px;margin-top:12px}.range-row input{flex:1;min-width:0}.monospace{font:800 10px/1.4 ui-monospace,monospace;color:#8fa6bf;white-space:nowrap}.speed-control{display:flex;flex-direction:column;gap:6px;width:94px}.speed-control label{font-size:9px;font-weight:900;color:#8193a5}.speed-control select{border-radius:6px;border:1px solid #34475a;padding:8px;color:#e7f2fc;background:#122436;font-weight:800;font-size:12px}.blend-container{margin:18px 0 0 60px;max-width:70%}.blend-container label{font-size:10px;color:#8ca9bb;display:flex;justify-content:space-between}.blend-container input{width:100%}.blend-secondary{margin-top:7px}input[type=range]{accent-color:var(--cyan);height:5px;cursor:pointer}.inspector{border-left:1px solid var(--line);padding:28px 19px 20px}.inspector-heading{margin:25px 0 18px}.inspector-heading h2{font-size:17px;margin:7px 0 6px;overflow-wrap:anywhere}.inspector-heading p{font-size:11px;color:#7c91a7;overflow-wrap:anywhere}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stats-grid>div{background:#101f30;border:1px solid #22354a;border-radius:8px;padding:11px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}.stats-grid small{color:#7890a6;font-size:10px}.stats-grid strong{color:#edf7fe;font:850 22px/1.18 "Segoe UI",sans-serif;letter-spacing:-.04em}.inspector-section{border-top:1px solid #25364a;margin-top:23px;padding-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h3{font-size:13px}.section-counter{color:var(--cyan);font:900 10px/1.4 ui-monospace,monospace}.field-label{display:block;color:#7f9aaf;font-weight:800;font-size:9px;margin-bottom:7px}.form-select{width:100%;padding:10px 11px;color:#dcebf6;border:1px solid #344b61;border-radius:7px;background:#102234;font-size:12px}.skin-hint{color:#7890a7;font-size:10px;line-height:1.6;margin-top:10px}.bodypart-controls{display:flex;flex-direction:column;gap:12px;margin-top:15px}.bodypart-controls label{color:#8da8bd;font-size:10px;display:block;margin-bottom:5px}.bodypart-controls select{width:100%;background:#102234;border:1px solid #344b61;border-radius:7px;padding:8px 10px;color:#d3e6f5;font-size:11px}.texture-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inspector-placeholder{grid-column:1/-1;color:#6f879c;font-size:11px;line-height:1.65}.texture-tile{background:#122236;border:1px solid #2e4055;border-radius:7px;padding:5px;min-width:0;text-align:left;color:#a0b4c7}.texture-tile:hover,.texture-tile.selected{border-color:var(--cyan)}.texture-tile canvas{width:100%;aspect-ratio:1;display:block;background:#1b2b3a;image-rendering:auto;border-radius:4px;object-fit:contain}.texture-tile span{font-size:9px;font-weight:750;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.texture-detail{margin-top:12px}.texture-detail-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#96acc2;margin-bottom:9px}.texture-detail-label strong{color:#d6e7f3;max-width:62%;overflow-wrap:anywhere}.texture-detail>canvas{width:100%;height:auto;aspect-ratio:1;background:repeating-conic-gradient(#182535 0% 25%,#293c4e 0% 50%) 50% / 20px 20px;image-rendering:pixelated;border-radius:8px;object-fit:contain}.texture-detail .btn{margin-top:9px}.diagnostic-message{display:flex;align-items:center;gap:9px;border:1px solid #34455a;border-radius:7px;padding:10px 11px;color:#a3b5c7;background:#142334;font-size:11px}.diagnostic-message.success{border-color:#2c765f;color:#9cebc8;background:rgba(29,125,92,.12)}.diagnostic-message.warning{border-color:#896c3d;color:#efd0a4;background:rgba(145,99,35,.11)}.diag-icon{font-size:15px}.warning-list{max-height:205px;overflow:auto;margin:10px 0;color:#b7a98e;font-size:10px;line-height:1.65}.warning-item{padding:7px 1px;border-bottom:1px solid #2d3c4a}.diagnostic-section .btn{margin-top:10px}.inspector-footer{padding-top:18px;margin-top:24px;border-top:1px solid #25364a;font-size:10px;color:#667f93}.inspector-footer .info-key{font-size:9px;color:#789bb3;margin-right:8px}.separator-line{height:1px;background:#203244;margin:13px 0}.inspector-footer p{line-height:1.7}.toast{position:fixed;bottom:23px;left:50%;z-index:99;transform:translate(-50%,20px);background:#13344a;border:1px solid #4384a8;color:#eaf9ff;padding:12px 18px;max-width:min(520px,calc(100% - 24px));border-radius:10px;box-shadow:0 15px 45px #0008;font-size:12px;opacity:0;visibility:hidden;transition:transform .2s,opacity .2s,visibility .2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast.error{background:#4d222c;border-color:#d37a82}
@media(min-width:1500px){.app-shell{grid-template-columns:294px minmax(560px,1fr) 342px}.workspace{padding:28px 32px 24px}.inspector,.left-panel{padding-left:23px;padding-right:23px}.viewer-panel{min-height:450px}}
@media(max-width:1270px){.app-shell{grid-template-columns:230px minmax(350px,1fr) 272px}.left-panel{padding:24px 15px 16px}.inspector{padding:24px 14px 20px}.workspace{padding:20px 17px 16px}.toolbar-left,.toolbar-right{gap:3px}.tool{padding:5px}.tool span{font-size:9px}.view-label{font-size:9px}.top-center{display:none}.brand{min-width:0}.upload-zone strong{font-size:12px}.stage-footer{gap:9px}}
@media(max-width:1030px){.app-shell{height:auto;min-height:100dvh;grid-template-columns:230px minmax(0,1fr);grid-template-rows:66px auto auto}.topbar{padding:0 17px}.left-panel{grid-row:2/4;overflow:visible}.workspace{grid-column:2;grid-row:2;min-height:610px}.inspector{grid-column:2;grid-row:3;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 20px}.inspector>.panel-heading,.inspector-heading,.stats-grid,.inspector-footer{grid-column:1/-1}.inspector-section{min-width:0}.diagnostic-section{grid-column:1/-1}.texture-list{grid-template-columns:repeat(4,minmax(0,1fr))}.inspector-footer{margin-bottom:30px}.left-panel>.privacy-note{margin-top:30px}.left-footer{margin-bottom:18px}}
@media(max-width:710px){.app-shell{display:flex;flex-direction:column;min-height:100dvh}.topbar{height:67px;flex:none}.brand-mark{font-size:29px}.brand-text strong{font-size:12px}.version{display:none}.left-panel{order:2;border-right:0;border-top:1px solid var(--line);padding:20px}.left-panel>h2,.left-panel>.subtle{display:none}.left-panel>.panel-heading{margin-bottom:12px}.upload-zone{min-height:112px}.upload-symbol{width:31px;height:31px;font-size:22px;margin-bottom:0}.file-library{max-height:200px}.workspace{order:1;min-height:0;padding:17px 13px 18px;gap:14px;overflow:visible}.workspace-header h1{font-size:24px}.workspace-header p{font-size:10px}.workspace-header-actions .engine-state{display:none}.workspace-header-actions .btn{font-size:10px;padding:8px}.viewer-panel{flex:none;height:460px;min-height:0}.viewer-toolbar{padding:7px;gap:5px;flex-wrap:wrap;min-height:55px}.tool span{font-size:9px}.stage{min-height:250px}.stage-footer{font-size:7px;gap:8px}.timeline-panel{min-height:130px;padding:16px 14px}.inspector{order:3;display:block;padding:20px}.inspector>.panel-heading{margin-bottom:17px}.texture-list{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-text small{font-size:7px}.site-link{padding:7px;font-size:11px}.speed-control{width:72px}.timeline-row{gap:9px}.play-btn{width:37px;height:37px}.stage-corner.top-right{font-size:7px}.stage-empty h3{font-size:20px}}
@media(max-width:380px){.toolbar-left{gap:0}.tool span{display:none}.workspace-header h1{font-size:21px}.timeline-controls{min-width:0}.anim-select-row{gap:5px}.anim-select-row label{display:none}.speed-control{width:65px}.stage-footer>span:nth-child(2){display:none}}

.color-label{font-size:9px;letter-spacing:.08em;color:#7791a9;font-weight:900}.color-input{width:24px;height:24px;border:1px solid #395069;border-radius:5px;background:transparent;padding:2px;cursor:pointer;flex:none}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:2px}.color-input::-moz-color-swatch{border:0;border-radius:2px}

/* RBS Model Lab 2.2: library, tools, compare mode */
.library-toolbar{display:flex;align-items:center;gap:7px;margin:10px 0 0}
.library-toolbar input,.editor-input,.texture-editor input[type=text]{min-width:0;width:100%;background:#0d2130;border:1px solid #34526a;border-radius:7px;color:#e8f4fc;padding:9px 10px;font-size:12px}
.library-toolbar input::placeholder{color:#778ba2}
.mini-icon-button{height:35px;min-width:35px;color:#9cb4c5;border:1px solid #34475c;border-radius:7px;background:#172739}
.mini-icon-button:hover,.remove-file:hover{border-color:#da7783;color:#fff;background:#5e2932}
.load-progress{padding:9px 10px;margin-top:8px;border:1px solid #285b6f;background:#0b3240;color:#a6eafa;border-radius:7px;font-size:11px}
.file-entry-row{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;border:1px solid #263647;flex-shrink:0;background:#101e2e}
.file-entry-row.active{border-color:#3195bb;box-shadow:0 0 0 1px #14526d}
.file-entry-row .file-entry{border:none;border-radius:0;flex:1;min-width:0;background:transparent}
.file-entry-row .file-entry:disabled{opacity:.63}
.file-entry-row .remove-file{width:30px;flex:none;background:transparent;color:#7792a7;border:0;border-left:1px solid #263647;font-size:18px;cursor:pointer}
.batch-button{font-size:11px;width:100%;margin-top:3px;background:#102638;border-color:#2b465b;color:#bdeaff}
.stat-meta{color:#7795af;font-size:9px;line-height:1.15}
.team-skin-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.team-button{background:#10253a;border:1px solid #38536e;border-radius:7px;color:#b0cae0;font-size:11px;padding:10px 4px;font-weight:800}
.team-button.team-ct{border-color:#3670ab;color:#91c8ff}.team-button.team-t{border-color:#a85d5d;color:#ffb3ae}
.team-button.active{box-shadow:inset 0 0 0 1px currentColor;background:#234359}
.mapping-label{margin-top:13px}
.texture-editor{margin-top:15px;border-top:1px solid #324559;padding-top:14px;display:flex;flex-direction:column;gap:9px}
.editor-title{font-size:10px;font-weight:900;letter-spacing:.1em;color:#82cce4}
.beta{padding:2px 5px;font-size:9px;border-radius:5px;color:#ecd0a1;border:1px solid #9b773c;letter-spacing:0}
.texture-editor .field-label{margin:1px 0 -5px;font-size:10px;letter-spacing:.025em}
.texture-editor input[type=file]{width:100%;font-size:11px;color:#9fb2c2;max-width:100%}
.texture-editor input[type=file]::file-selector-button{border:1px solid #44718b;border-radius:6px;background:#18364b;color:#d8f3ff;margin-right:6px;padding:8px;cursor:pointer}
.texture-editor .btn{margin:0}
.edit-hint,.tool-description{font-size:11px;line-height:1.6;color:#9caec0;margin:8px 0}
.soft-button{background:transparent!important;color:#9cb4c8}
.comparison-section .btn{margin-top:10px}
.compare-results{background:#0e2030;border:1px solid #223e50;border-radius:7px;padding:11px 12px;font-size:10px;color:#a9bfd3;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}
.compare-results p+p{margin-top:7px}
.compare-ok{color:#70dcb5;font-weight:800}.compare-bad,.compare-fault{color:#ffc58c}
.secondary-view{position:absolute;left:50%;width:50%;height:100%;top:0;border-left:1px solid #59819a;z-index:1;background:#0a1826}
.secondary-view canvas{position:absolute!important;inset:0;width:100%;height:100%}
.stage.compare-mode > #viewerCanvas{width:50%;right:auto}
.compare-label{position:absolute;top:15px;left:13px;z-index:3;color:#e0f5ff;background:#133247;padding:6px 9px;border:1px solid #376684;border-radius:6px;font-size:10px;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.compare-main-label{z-index:4}
.stage.compare-mode .stage-corner{display:none}
.all-section .field-label{margin-top:12px}
.all-section .form-select{margin-bottom:2px}
.family-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.family-picker label{font-size:10px;color:#9ab2c8}.family-picker .form-select{margin-top:5px}
.all-build{width:100%;padding:12px 10px;margin-top:13px;font-size:11px;line-height:1.5}
.tool-success{border-left:3px solid #45d5a6;padding:8px;color:#85e7c2}
.tool-error{border-left:3px solid #fa9b8a;padding:8px;color:#f3b1a3;overflow-wrap:anywhere}
@media(max-width:1030px){.comparison-section,.all-section{grid-column:1/-1}}
@media(max-width:710px){
  .left-panel{order:0;padding:13px 18px 15px}
  .workspace{order:1}
  .left-panel .upload-zone{min-height:74px;flex-direction:row;flex-wrap:wrap;gap:7px;padding:10px}
  .left-panel .upload-zone .file-tag,.left-panel .upload-zone .upload-symbol{display:none}
  .left-panel .btn-demo{height:38px}
  .left-panel .sidebar-section-title{margin-top:12px}
  .left-panel .file-library{max-height:132px}
  .left-panel .privacy-note,.left-panel .left-footer{display:none}
  .library-toolbar{margin:7px 0}
  .batch-button{margin-top:6px}
  .stage.compare-mode > #viewerCanvas{width:100%;height:50%;bottom:auto}
  .secondary-view{left:0;top:50%;width:100%;height:50%;border-left:none;border-top:1px solid #59819a}
  .compare-label{top:4px;left:6px;font-size:8px;padding:4px 6px}
  .stage-bottom-info{z-index:5;background:rgba(3,12,22,.7)}
  .all-build{font-size:12px}
}

/* pixel painting */
.texture-detail>canvas#texturePreview{aspect-ratio:auto;max-height:420px;image-rendering:pixelated;cursor:crosshair;touch-action:none}
.paint-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.paint-toolbar label{font-size:10px;color:#8fa9c0;flex:1;min-width:64px}
.paint-toolbar select{width:100%;border-radius:5px;border:1px solid #35536a;background:#132a3c;color:#d8effd;padding:7px 3px;margin-top:5px;font-size:10px}
.paint-toolbar input[type=color]{width:100%;height:30px;margin-top:5px;background:transparent;border:1px solid #35536a;border-radius:5px;padding:2px}
.paint-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.paint-actions button{background:#102639;color:#a7cadf;border:1px solid #355168;border-radius:7px;font-size:10px;padding:8px}
#paintHint{margin:8px 0 4px}

.mobile-quicknav{display:none}
@media(max-width:710px){
  .topbar{order:-2}
  .mobile-quicknav{order:-1;display:flex;gap:8px;padding:9px 14px;overflow-x:auto;position:sticky;top:0;background:#0a1726;border-bottom:1px solid #2c4559;z-index:10}
  .mobile-quicknav a{white-space:nowrap;flex:1;text-align:center;border:1px solid #2c5267;border-radius:7px;padding:8px 10px;background:#102638;color:#b7e7f6;font-size:11px;font-weight:750}
  #stage,#textureList,#compareSelect,#allModelName,#diagState{scroll-margin-top:64px}
  .inspector-section .field-label{font-size:11px}
  .inspector-section h3{font-size:14px}
  .skin-hint,.tool-description,.edit-hint{font-size:12px}
  .texture-tile span{font-size:10px}
}

/* RBS 2.3: two-way CT/T converter and team texture naming */
.texture-naming-section{border-top:2px solid rgba(63,178,210,.30)}
.rename-example{border-radius:7px;border:1px dashed #315267;background:#0a1e2c;padding:10px;font-size:11px;color:#81cfe4;line-height:1.5;overflow-wrap:anywhere}
.texture-naming-section .field-label{margin-top:10px}
.direct-mdl{width:100%;margin-top:8px}
.split-section{border-top:2px solid rgba(90,174,228,.4)}
.direct-downloads{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.direct-downloads .btn{min-width:0;padding:10px 6px;font-size:11px}
.split-section .form-select{min-width:0}
@media(max-width:1030px){.split-section,.texture-naming-section{grid-column:1/-1}}
@media(max-width:480px){.direct-downloads{grid-template-columns:1fr 1fr}.direct-downloads .btn{font-size:12px}}

/* 2.3.2 — animation auto-repair switch */
.repair-switch{display:flex;align-items:flex-start;gap:12px;margin:15px 0 5px;padding:12px;border:1px solid #37576c;border-radius:9px;background:rgba(33,93,125,.13);cursor:pointer;color:#d8eefa}
.repair-switch input{width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:#42c7ea;cursor:pointer}
.repair-switch span{display:flex;flex-direction:column;gap:6px;min-width:0}.repair-switch strong{font-size:12px}.repair-switch small{font-size:10px;line-height:1.6;color:#a3bacc}
.repair-notice{margin:10px 0;padding:9px 10px;border-left:3px solid #e6ae5b;color:#efd6aa;background:rgba(196,128,46,.1);font-size:11px;line-height:1.5}