/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
.studio-app{--background:#090b10;--foreground:#f3f4f6;--card:#11141b;--card-foreground:#f3f4f6;--popover:#161a22;--popover-foreground:#f3f4f6;--primary:#dfff36;--primary-foreground:#0b0d0f;--secondary:#1b202a;--secondary-foreground:#f3f4f6;--muted:#242a35;--muted-foreground:#949baa;--accent:#262d38;--accent-foreground:#fff;--destructive:#ff5a65;--border:#2b313d;--input:#303744;--ring:#dfff36;--radius:.8rem;background:var(--background);min-height:100svh;color:var(--foreground);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.studio-app,.studio-app *{box-sizing:border-box}.studio-app button{font:inherit}.studio-grid{grid-template-columns:230px minmax(0,1fr) 286px;height:calc(100vh - 58px);display:grid}.panel{border-color:var(--border);background:#0e1117;overflow:auto}.viewer-shell{background:#06080b;min-width:0;position:relative;overflow:hidden}.viewer-shell canvas{touch-action:none;width:100%;height:100%;display:block}.mobile-tabs{display:none}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1016c7;border:1px solid #ffffff1a}.control-label{color:#9199a8;letter-spacing:.02em;font-size:12px}.preset{text-align:left;background:#151921;border:1px solid #2a303b;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 11px;transition:all .18s;display:flex}.preset span{flex-direction:column;display:flex}.preset b{font-size:13px}.preset small{color:#8e96a5;margin-top:2px;font-size:11px}.preset:hover{border-color:#545e70;transform:translateY(-1px)}.preset.active{background:#202619;border-color:#dfff36;box-shadow:inset 0 0 0 1px #dfff3626}.section-title{color:#8d96a4;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:11px;font-weight:700}.object-categories{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px;display:grid}.object-categories button{color:#8791a0;background:#131821;border:1px solid #2d3541;border-radius:8px;padding:7px 4px;font-size:10px;font-weight:700}.object-categories button:hover,.object-categories button.active{color:#dfff36;background:#dfff3614;border-color:#dfff36}.object-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.object-grid button{border:1px solid var(--border);color:#aeb5c1;background:#151921;border-radius:10px;align-items:center;gap:7px;padding:9px;font-size:11px;display:flex}.object-grid button:hover{color:#fff;border-color:#dfff36}.important-object-button{color:#eef6c3;text-align:left;background:#dfff3612;border:1px solid #dfff3652;border-radius:11px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.important-object-button:hover{background:#dfff361f;border-color:#dfff36}.important-object-button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.important-object-button b{font-size:11px}.important-object-button small{color:#8f9980;margin-top:2px;font-size:9px}.important-object-icon{color:#0c0f12;background:#dfff36;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.obj-import-button{color:#aeb5c1;background:#12171f;border:1px dashed #46505f;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:7px;padding:9px;font-size:11px;font-weight:700;display:flex}.obj-import-button:hover{color:#dfff36;border-color:#dfff36}.obj-export-button{align-items:center;gap:6px;display:flex}.project-buttons{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.project-buttons button{border:1px solid var(--border);color:#aeb5c1;background:#171c24;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:11px;font-weight:700;display:flex}.project-buttons button:hover{color:#dfff36;border-color:#dfff36}.audio-list{flex-direction:column;gap:5px;margin-top:7px;display:flex}.audio-file-row{color:#a9b2c0;cursor:pointer;background:#151a22;border:1px solid #303846;border-radius:10px;align-items:center;gap:6px;padding:6px;font-size:11px;display:flex}.audio-file-row.active{color:#d6e6ff;background:#76abff14;border-color:#76abff}.audio-file-row>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.audio-file-row>button{color:#8996a8;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid}.audio-file-row>button:last-child{color:#ff6b75}.audio-file-row>button:hover{color:#fff;background:#ffffff14}.audio-editor{background:#00000026;border:1px solid #76abff33;border-radius:12px;flex-direction:column;gap:16px;margin-top:8px;padding:11px;display:flex}.audio-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.audio-actions button{color:#b8c2cf;background:#171d26;border:1px solid #354050;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:700;display:flex}.audio-actions button:hover{color:#fff;border-color:#76abff}.scene-row{color:#aeb5c1;text-align:left;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;width:100%;margin-bottom:5px;padding:8px 9px;font-size:12px;display:flex}.scene-row:hover,.scene-row.active{color:#fff;background:#171c24;border-color:#39414e}.scene-row.active{border-color:#dfff36}.scene-select{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.scene-select>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-delete{color:#ff6b75;background:#ff5a6512;border:1px solid #ff5a6538;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.scene-delete:hover{color:#fff;background:#ff5a6529;border-color:#ff6b75}.view-button{color:#8f98a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f14c2;border:1px solid #ffffff1f;border-radius:9px;padding:7px 11px;font-size:12px}.view-button.active{color:#dfff36;border-color:#dfff36}.camera-view-cta{color:#dfff36;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d2213e6;border:1px solid #dfff36;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 28px #00000047}.camera-view-cta:hover{color:#0c0f12;background:#dfff36}.camera-view-cta kbd{opacity:.65;border:1px solid;border-radius:4px;margin-left:3px;padding:0 4px;font-size:9px}.preview-toggle{align-items:center;gap:6px;display:flex}.camera-preview-frame{z-index:18;touch-action:none;border:1px solid #a6b2c385;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 14px 38px #0000008c,0 0 0 3px #080a0eb8}.camera-preview-title{z-index:2;cursor:move;color:#dfff36;letter-spacing:.13em;-webkit-user-select:none;user-select:none;background:#07090cd1;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:800;display:flex;position:absolute;top:6px;left:7px}.camera-preview-title span{position:static}.camera-preview-resize{z-index:2;cursor:nwse-resize;color:#dfff36;-webkit-user-select:none;user-select:none;background:#07090cc7;border-radius:8px 0;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:0;right:0}.camera-preview-title:hover,.camera-preview-resize:hover{color:#0b0d0f;background:#dfff36eb}.gizmo-button{color:#939cab;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f14c2;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:flex}.gizmo-button:hover,.gizmo-button.active{color:#dfff36;background:#1d2213e6;border-color:#dfff36}.number-stepper{background:#171c24;border:1px solid #343c49;border-radius:9px;height:32px;display:flex;overflow:hidden}.number-stepper>button{color:#9da6b4;place-items:center;width:29px;font-size:16px;display:grid}.number-stepper>button:hover{color:#dfff36;background:#29311e}.number-stepper label{border-left:1px solid #343c49;border-right:1px solid #343c49;align-items:center;display:flex}.number-stepper input{color:#fff;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:58px;padding:0 4px;font-size:12px;font-weight:700}.number-stepper input::-webkit-inner-spin-button{display:none}.number-stepper label span{color:#7f8998;padding-right:6px;font-size:10px}.mode-button{border:1px solid var(--border);background:var(--secondary);color:#9ba3b1;border-radius:10px;padding:9px;font-size:12px;font-weight:700}.mode-button.active{color:#dfff36;background:#dfff3614;border-color:#dfff36}.key-button{color:#dfff36;background:#dfff3617;border:1px solid #dfff36;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:12px;font-weight:700;display:flex}.advanced{border:1px solid var(--border);background:#0000001f;border-radius:12px;overflow:hidden}.advanced>button{color:#99a2b1;text-align:left;align-items:center;gap:7px;width:100%;padding:10px 11px;font-size:11px;display:flex}.advanced>button:hover{color:#fff}.timeline{z-index:30;background:#0d101699;border-radius:15px;max-height:235px;position:absolute;bottom:16px;left:4%;right:4%;overflow:hidden;box-shadow:0 16px 50px #00000052}.timeline-head{z-index:4;background:#0e1117d1;border-bottom:1px solid #ffffff17;align-items:center;gap:6px;height:42px;padding:0 10px;font-size:11px;display:flex;position:relative}.timeline-head span{color:#89919d}.key-help{color:#dfff36;margin-left:8px;font-size:10px}.timeline-play{color:#0c0f12;background:#dfff36;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.timeline-tools{align-items:center;gap:5px;margin-left:5px;display:flex}.timeline-icon,.zoom-controls button{color:#aab3c0;background:#ffffff09;border:1px solid #ffffff1a;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.timeline-icon:hover,.zoom-controls button:hover{color:#dfff36;border-color:#dfff36}.timeline-icon:disabled,.zoom-controls button:disabled{cursor:not-allowed;opacity:.28}.zoom-controls{border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:2px;margin-left:3px;padding:1px;display:flex}.zoom-controls button{background:0 0;border:0;width:25px;height:25px}.zoom-controls>b{color:#dfff36;text-align:center;min-width:33px;font-size:10px}.timeline-scroll{max-height:192px;overflow:auto}.timeline-body{min-width:100%;padding:32px 10px 10px 112px;position:relative}.timeline-body:before{content:"";background:#ffffff2e;height:1px;position:absolute;top:29px;left:10px;right:10px}.ruler{background-image:linear-gradient(90deg,#ffffff40 1px,#0000 1px);height:19px;position:absolute;top:10px;left:114px;right:12px}.ruler input{cursor:ew-resize;opacity:0;width:100%;position:absolute;inset:-10px 0}.playhead{pointer-events:none;background:#dfff36;width:1px;position:absolute;top:0;bottom:-160px}.playhead:before{content:"";border:4px solid #0000;border-top:5px solid #dfff36;border-bottom-width:0;position:absolute;top:-2px;left:-4px}.track{color:#838d9b;border-radius:6px;align-items:center;height:28px;margin-bottom:4px;font-size:10px;transition:background .12s,transform .12s;display:flex;position:relative}.track.drop-target{background:#dfff3621;box-shadow:inset 0 1px #dfff36}.track-label{justify-content:flex-end;align-items:center;gap:4px;width:101px;display:flex;position:absolute;right:calc(100% + 7px)}.track-label>span{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-drag{cursor:grab;color:#626d7c;border-radius:5px;flex:none;place-items:center;width:18px;height:20px;display:grid}.track-drag:hover{color:#dfff36;background:#dfff361a}.track-drag:active{cursor:grabbing}.track-line{background:#ffffff0e;border-radius:4px;width:100%;height:12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.track.active .track-line{background:#dfff3614}.diamond{touch-action:none;cursor:grab;background:#dfff36;border:1px solid #111;width:9px;height:9px;position:absolute;top:2px;transform:translate(-50%)rotate(45deg);box-shadow:0 0 0 1px #dfff3640}.diamond:active{cursor:grabbing}.diamond.selected{z-index:2;background:#fff;border-color:#dfff36;box-shadow:0 0 0 3px #dfff364d,0 0 13px #dfff36a6}.ruler-labels{pointer-events:none;position:absolute;inset:0}.ruler-mark{color:#8e97a5;font-variant-numeric:tabular-nums;font-size:8px;position:absolute;top:-7px;transform:translate(-50%)}.ruler-mark:first-child{transform:none}.ruler-mark:last-child{transform:translate(-100%)}.waveform{background:#76abff0e;border-radius:4px;width:100%;height:22px;position:relative;box-shadow:inset 0 0 0 1px #76abff1a}.audio-clip{touch-action:none;cursor:grab;background:#3166ae66;border:1px solid #76abff99;border-radius:4px;min-width:12px;height:22px;position:absolute;top:0;overflow:hidden}.audio-clip:active{cursor:grabbing}.audio-clip.selected{border-color:#dfff36;box-shadow:0 0 0 1px #dfff3659}.audio-clip.muted{filter:saturate(.15);opacity:.55}.waveform-inner{align-items:center;height:100%;padding:2px 5px;display:flex}.waveform-bar{opacity:.82;background:#8bbaff;border-radius:2px;flex:1;min-width:0}.trim-handle{z-index:5;cursor:ew-resize;opacity:.7;background:#d4e5ff;width:7px;position:absolute;top:0;bottom:0}.trim-handle:hover{opacity:1;background:#dfff36}.trim-left{left:0}.trim-right{right:0}.fade-zone{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0}.fade-in{background:linear-gradient(135deg,#0a0f16e0,#0000);left:0}.fade-out{background:linear-gradient(225deg,#0a0f16e0,#0000);right:0}.audio-track{color:#8eb8ff;height:28px}.audio-track.active .track-label{color:#dfff36}@media (max-width:900px){body{padding-bottom:env(safe-area-inset-bottom);overflow:auto}.app-header{height:54px;padding-left:10px;padding-right:10px}.brand{gap:8px}.brand-subtitle{display:none}.export-button{min-height:42px;padding:0 13px}.export-button span{font-size:0}.export-button span:after{content:"MP4";font-size:13px}.studio-grid{background:#0e1117;flex-direction:column;height:auto;min-height:calc(100svh - 54px);display:flex}.viewer-shell{flex:none;order:1;height:calc(100svh - 112px);min-height:510px}.mobile-tabs{z-index:80;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#0e1117f0;border-width:1px 0 0;border-radius:0;order:2;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0;box-shadow:0 -12px 36px #0000005c}.mobile-tabs button{color:#8f98a6;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:48px;font-size:11px;font-weight:700;display:flex}.mobile-tabs button.active{color:#dfff36;background:#dfff361a}.panel{background:#0e1117;border-left:0;border-right:0;order:3;max-height:none;display:none;overflow:visible;padding-bottom:84px!important}.panel.mobile-active{display:block}.panel.left,.panel.right{border-top:1px solid var(--border)}.mobile-motion .viewer-shell,.mobile-params .viewer-shell{height:58svh;min-height:430px}.viewer-tools{gap:6px;top:10px!important;left:10px!important}.view-button,.camera-view-cta,.gizmo-button{min-height:40px;padding:7px 10px}.camera-view-cta kbd{display:none}.preview-toggle{font-size:0}.preview-toggle svg{width:17px;height:17px}.viewer-shell>.absolute.right-4{text-overflow:ellipsis;white-space:nowrap;max-width:62%;padding:6px 9px;font-size:10px;top:58px;right:10px;overflow:hidden}.timeline{background:#0d1016b8;border-radius:13px;max-height:178px;bottom:9px;left:8px;right:8px}.timeline-head{height:40px;padding:0 8px}.timeline-play{width:32px;height:32px}.timeline-head .ml-auto{min-height:32px;padding-left:10px;padding-right:10px}.timeline-scroll{max-height:137px}.timeline-body{padding:30px 8px 7px 88px}.ruler{left:90px;right:9px}.track{height:28px}.track:not(.active):not(.audio-track){display:none}.track-label{width:80px;right:calc(100% + 5px)}.diamond{width:12px;height:12px;top:0}.key-help{display:none}.timeline-tools{margin-left:2px}.zoom-controls>b{display:block}.preset{min-height:52px}.object-grid button{min-height:46px}.scene-row,.mode-button,.key-button,.advanced>button{min-height:44px}}@media (max-width:430px){.viewer-shell{min-height:470px}.mobile-motion .viewer-shell,.mobile-params .viewer-shell{height:54svh;min-height:400px}.camera-view-cta{font-size:0}.camera-view-cta svg{width:18px;height:18px}.camera-view-cta:after{content:"Из камеры";font-size:11px}.view-button{font-size:11px}.timeline-head span{display:none}}