*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{background:#212121;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ECECF1}button,input,select{font-family:inherit}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:9999px;background:#3A3A3A;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#F7F7F8;border:1px solid #D8DCE3;box-shadow:0 1px 6px rgba(0,0,0,.35);cursor:pointer}.app{height:100vh;background:#212121;display:flex;flex-direction:column;overflow:hidden}.header{height:48px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#212121;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.brand{font-size:18px;font-weight:500;letter-spacing:-.02em;color:#F7F7F8;white-space:nowrap}.brand sup{font-size:.58em;line-height:0;vertical-align:super;margin:0 1px}.header-actions{display:flex;gap:8px;align-items:center;min-width:0}.pill{font-size:12px;color:#B9BDC6;padding:6px 12px;background:#2B2B2B;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:color .15s,background .15s,border .15s;white-space:nowrap}.pill:hover{color:#ECECF1;background:#343434}.pill.primary{color:#F7F7F8;border-color:#6A6A6A;background:#3A3A3A}.layout{flex:1;min-height:0;display:flex;overflow:hidden}.stage{flex:1;min-width:0;background:#212121;display:flex;flex-direction:column;position:relative;overflow:hidden}.viewport-wrap{flex:1;min-height:0;position:relative;overflow:hidden}#viewer{position:absolute;inset:0;width:100%;height:100%;display:block}.drop-overlay{position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.12);border-radius:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .2s,border-color .2s,background .2s}.drop-overlay.hidden{opacity:0;pointer-events:none}.statusbar{min-height:42px;flex-shrink:0;padding:0 20px;border-top:1px solid rgba(255,255,255,.05);background:#212121;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#8E8EA0}.status-left,.status-right{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{width:300px;flex-shrink:0;height:calc(100vh - 48px);border-left:1px solid rgba(255,255,255,.05);background:#212121;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column}.side-title{font-size:12px;font-weight:500;color:#F7F7F8;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.section{margin-bottom:12px}.section.collapsed .panel{display:none}.section-head{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:4px 0;margin-bottom:8px}.section-head span:first-child{font-size:11px;font-weight:600;color:#8E8EA0;letter-spacing:.06em;text-transform:uppercase}.section-head::after{content:'−';margin-left:auto;color:#4A4A5A;font-size:12px}.section.collapsed .section-head::after{content:'+'}.count{font-size:10px;color:#4A4A5A;background:#2B2B2B;padding:1px 7px;border-radius:9999px}.panel{background:#272727;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:14px}.row{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.label-line{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;color:#F1F1F3}.value{font-size:12px;color:#8E8EA0}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.toggle-label{font-size:13px;color:#F1F1F3}.toggle{width:36px;height:20px;border-radius:10px;background:#3A3A3A;position:relative;flex-shrink:0;transition:background .2s}.toggle.on{background:#6A6A6A}.toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#F7F7F8;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.4)}.toggle.on::after{left:18px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-grid.two{grid-template-columns:repeat(2,1fr)}.mini-btn{font-size:11px;color:#B9BDC6;background:#2B2B2B;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:8px 6px}.mini-btn:hover{color:#F7F7F8;background:#343434}.stat{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.stat:last-child{border-bottom:0}.stat span:first-child{color:#8E8EA0}.stat span:last-child{color:#ECECF1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-list{max-height:220px;overflow:auto}.object-row{font-size:12px;color:#CFCFD4;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.object-row:hover{color:#F7F7F8}.selected-row{color:#F7F7F8;background:rgba(255,255,255,.045);border-radius:8px;padding-left:8px;padding-right:8px}.footer-credit{margin-top:auto;padding-top:24px;font-size:11px;color:#8E8EA0;text-align:center}.toast{position:absolute;top:16px;left:50%;transform:translateX(-50%);max-width:min(760px,calc(100% - 40px));z-index:5;background:rgba(39,39,39,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.35);color:#ECECF1;border-radius:18px;padding:12px 16px;font-size:12px;line-height:1.45;display:none}.toast.show{display:block}.toast.error{border-color:rgba(255,90,90,.28)}.load-hud{position:absolute;left:18px;right:18px;bottom:18px;z-index:4;display:none;background:rgba(39,39,39,.88);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px 14px;box-shadow:0 14px 34px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.load-hud.show{display:block}.load-title{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#ECECF1;margin-bottom:8px}.load-title span:last-child{color:#8E8EA0}.progress-line{width:100%;height:5px;border-radius:999px;background:#3A3A3A;overflow:hidden;margin-top:8px}.progress-line>div{height:100%;width:0%;background:#B9BDC6;transition:width .15s}.file-input{display:none}.full-btn{width:100%;font-size:12px;color:#B9BDC6;background:#2B2B2B;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:9px 10px;transition:color .15s,background .15s}.full-btn:hover{color:#F7F7F8;background:#343434}.select-input{width:100%;background:#2B2B2B;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;color:#ECECF1;font-size:12px;outline:none}.mini-note{font-size:11px;color:#8E8EA0;line-height:1.45}@media(max-width:920px){.sidebar{width:260px}.pill.optional{display:none}}

.color-slider{background:linear-gradient(90deg,#ff3b30,#ff9500,#ffcc00,#34c759,#00c7be,#007aff,#5856d6,#ff2d55,#ff3b30)!important}.color-slider::-webkit-slider-thumb{background:#fff!important;border:1px solid #d8dce3!important}

.movie-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.movie-row{display:grid;grid-template-columns:1fr 54px 34px 46px;gap:6px;align-items:center}.movie-input{min-width:0;background:#2B2B2B;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;color:#ECECF1;font-size:12px;outline:none}.movie-status{font-size:10px;color:#8E8EA0;text-align:right}.movie-row .mini-btn{padding:8px 4px}.movie-keyframe-list{display:flex;flex-direction:column;gap:6px}.movie-keyframe-item{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;background:#2B2B2B;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:8px 10px;font-size:12px;color:#ECECF1}.movie-keyframe-item span:first-child{color:#8E8EA0}.movie-keyframe-meta{font-size:10px;color:#8E8EA0;white-space:nowrap}.movie-empty{font-size:11px;color:#8E8EA0;background:#2B2B2B;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:8px 10px;text-align:center}