.view-tabs{display:flex;align-items:center;gap:18px;padding:0 36px;height:48px;border-bottom:1px solid #edf0f2;flex:none}.view-tab{height:100%;border:0;border-bottom:2px solid transparent;background:none;color:#8b9593;font-size:12px;font-weight:600;padding:0 3px}.view-tab[aria-pressed=true]{color:#247356;border-bottom-color:#247356}.live-indicator{margin-left:auto;display:flex;align-items:center;gap:7px;color:#809189;font-size:10px}.live-indicator .dot{width:5px;height:5px}.models-view{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px max(30px,calc((100% - 1050px)/2)) 0;gap:12px}.model-topbar{display:flex;align-items:flex-end;gap:10px;flex:none}.model-picker{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0;color:#839089;font-size:10px}.model-picker select{width:100%;border:1px solid #dfe5e2;border-radius:8px;padding:9px 12px;background:#f8faf9;color:#4b5b53;font-size:12px;min-height:37px}.live-toggle{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;color:#6b7f74;padding-bottom:10px}.models-view input[type=checkbox]{accent-color:#308b67}.model-stage{position:relative;flex:1;min-height:130px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#354a48 0,#1d2c2d 68%,#182526 100%);border:1px solid #304241;border-radius:14px}.model-canvas{position:absolute;inset:0;touch-action:none}.model-canvas canvas{display:block;width:100%;height:100%}.model-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#bdd2ca;pointer-events:none}.model-overlay>span{font-size:44px;margin-bottom:18px;color:#7caca0}.model-overlay strong{font-size:14px;font-weight:500}.model-overlay p{font-size:11px;line-height:1.9;max-width:300px;color:#829e94}.model-stamp{position:absolute;top:14px;left:16px;font-size:10px;color:#8eaaa0;pointer-events:none}.model-controls{position:absolute;top:12px;right:12px;display:flex;gap:9px;align-items:center;color:#b0c6bd;font-size:10px}.model-controls button,.animation-bar button{border:1px solid #68837855;border-radius:6px;padding:6px 9px;color:inherit;background:#14232170;font-size:10px}.model-controls label{font-size:10px;font-weight:400;display:flex;align-items:center;gap:4px}.model-controls input{margin:0}.model-info{position:absolute;bottom:14px;left:16px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.model-info strong{font-size:12px;color:#d2e1da;font-weight:500}.model-info span{font-size:9px;color:#87a297}.model-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#93a198;flex:none}.local-file{color:#597663;font-size:10px;cursor:pointer;white-space:nowrap}.local-file input{display:none}.animation-bar{display:flex;align-items:center;gap:10px;color:#698173;font-size:10px}.animation-bar label{font-size:10px}.animation-bar select{border:1px solid #dce5df;border-radius:6px;padding:5px;max-width:180px;color:#527360;font-size:10px}.animation-bar button{background:#eef5f0;color:#527360}.animation-bar input[type=range]{flex:1;min-width:40px;accent-color:#3a8f68}.model-mode .composer textarea{min-height:48px;max-height:100px}.model-mode .composer-area{padding-top:13px}.model-mode .footer-meta{padding-top:8px}
@media(max-width:760px){.view-tabs{padding:0 18px;gap:15px;height:42px}.view-tab{font-size:11px}.live-indicator{font-size:8px;gap:4px;max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.models-view{padding:11px 13px 0;gap:8px}.model-picker{gap:4px;font-size:9px}.model-picker select{font-size:11px;padding:8px;min-height:33px}.model-controls{top:auto;bottom:14px;right:10px;gap:7px}.model-controls button{font-size:9px;padding:5px 6px}.model-controls label{font-size:9px}.model-stamp{top:12px;left:12px;font-size:9px}.model-info{bottom:44px;left:12px}.model-info strong{font-size:11px}.model-info span{font-size:8px;max-width:260px}.model-bottom{font-size:8px;align-items:center}.local-file{font-size:9px}.model-mode .composer-area{padding-top:10px}.model-mode .composer textarea{height:50px;min-height:40px;resize:none}.model-mode .composer-bottom{padding-top:4px}.model-mode .composer{padding:11px}.model-stage{min-height:140px}.animation-bar{gap:7px}}