.live-preview-panel{position:fixed!important;inset:84px 12px auto auto!important;margin:0!important;width:340px!important;max-width:calc(100vw - 24px);max-height:calc(100dvh - 104px)!important;padding:0 16px 18px!important;border-radius:16px!important;background:#252c32!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:22;overflow:auto;box-shadow:0 6px 24px #0004!important}.live-preview-panel::backdrop{background:transparent!important;backdrop-filter:none!important}.live-preview-panel>.quick-heading,.live-preview-panel>.inspector-header,.live-preview-panel>.sheet-grip{display:none}.live-panel-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;min-height:54px;background:#252c32;border-bottom:1px solid #ffffff12;margin:0 -16px 14px;padding:5px 12px}.live-panel-heading h2{font-size:14px;flex:1;min-width:0;text-align:center}.live-panel-heading>button{min-height:40px;min-width:36px;padding:6px;font-size:12px;color:#b9ced9}.live-panel-heading>button:first-child{justify-content:flex-start}.live-panel-heading [data-live-done]{color:var(--neon)}.live-panel-heading svg{width:22px;height:22px}.preview-panel-open .workspace{margin-right:360px}.preview-panel-open .canvas-wrap{pointer-events:none}.live-preview-panel .inspector-footer{padding:10px 0 0;background:transparent}.live-preview-panel .inspector-footer #inspectorDoneBtn{display:none}.live-preview-panel .inspector-scroll{max-height:none;min-height:0;overflow:visible}.live-preview-panel .properties{padding:0;border:0}.live-preview-panel .inspector-tabs{padding:0 0 10px}.live-preview-panel .detail-note{margin:8px 0 12px}.live-preview-panel #quickPanelTitle{display:none}.live-adjust-tabs,.live-crop-tabs{display:flex;gap:5px;overflow-x:auto;padding:12px 0 3px;scrollbar-width:thin;white-space:nowrap}.live-adjust-tabs button,.live-crop-tabs button{padding:9px 14px;min-height:40px;border-radius:20px;flex-shrink:0;font-size:12px}.live-adjust-tabs button[aria-pressed=true],.live-crop-tabs button[aria-pressed=true]{background:#304650;color:var(--neon)}.live-adjust-control{padding:8px 0}.live-adjust-control>label{font-size:14px;color:var(--ink);margin:0 0 12px}.live-adjust-control .video-range-row input[type=range]{height:40px}.live-preview-panel .video-range-row input[type=number]{width:68px;min-height:42px;text-align:center;font-size:16px}.live-preview-panel .video-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-preview-panel .video-crop-presets{display:flex;overflow:auto}.live-preview-panel .video-crop-presets button{flex:1;min-width:90px}.live-preview-panel .video-crop-fields input{width:100%;min-height:42px;font-size:16px}.live-filter-strip{display:flex;gap:9px;overflow:auto;padding:8px 0}.live-filter-strip button{min-width:86px;min-height:74px;flex-direction:column;gap:8px;border:1px solid #ffffff20;border-radius:10px;padding:10px;font-size:11px}.live-filter-strip button[aria-pressed=true]{border-color:var(--neon);background:#304650}.live-preview-panel [data-preview-apply]{display:none}.live-preview-panel .live-error{color:#f6b6a9;font-size:11px;min-height:16px;margin-top:6px}.live-auto-button{width:100%;min-height:44px;border:1px solid #43d9ff66;border-radius:9px;background:#2f404a;color:var(--neon);margin:4px 0 12px}.live-rotate-buttons{display:flex;gap:8px;margin:8px 0}.live-rotate-buttons button{flex:1;min-height:42px;border:1px solid #ffffff22;border-radius:8px;font-size:12px}
@media(max-width:800px){
 .preview-panel-open .editor{height:calc(100dvh - var(--editor-header-height,48px) - var(--live-panel-height,280px));grid-template-rows:minmax(0,1fr);min-height:0}
 .preview-panel-open .workspace{margin-right:0;grid-row:1;grid-column:1}
 .preview-panel-open #timelinePanel,.preview-panel-open #timelineResizer,.preview-panel-open #zoomFooter,.preview-panel-open .rail{display:none!important}
 .preview-panel-open .playback{height:52px;min-height:52px}
 .preview-panel-open .preview-space{padding:14px 18px 8px}
 .live-preview-panel{inset:auto 0 0!important;width:100%!important;max-width:100%!important;height:min(292px,43dvh);max-height:min(292px,43dvh)!important;padding:0 18px calc(14px + env(safe-area-inset-bottom))!important;border-radius:18px 18px 0 0!important;border:0;border-top:1px solid #ffffff14;box-shadow:none!important;overscroll-behavior:contain}
 .live-preview-panel.inspector-dialog{height:min(370px,46dvh);max-height:min(370px,46dvh)!important;display:block}
 .live-preview-panel.inspector-dialog:not([open]){display:none}
 .live-panel-heading{margin:0 -18px 10px;padding:6px 14px;min-height:54px}
 .live-panel-heading h2{font-size:15px}
 .live-preview-panel .video-option-grid button{min-height:44px;font-size:12px}
 .live-preview-panel .video-more-list button{min-height:45px}
 .live-preview-panel .inspector-footer{margin:0;position:sticky;bottom:-14px;background:#252c32;padding:8px 0}
 #toast{z-index:50}.preview-panel-open #toast{bottom:calc(var(--live-panel-height,280px) + 8px)}
}
@media(max-width:800px) and (max-height:560px){.live-preview-panel{height:46dvh;max-height:46dvh!important}.live-preview-panel.inspector-dialog{height:48dvh;max-height:48dvh!important}.preview-panel-open .playback{height:42px;min-height:42px}.preview-panel-open .preview-space{padding:6px}}