:root{--badge-slide-dur:.26s;--badge-pop-dur:.5s;--badge-pop-close-dur:.18s;--badge-fade-dur:.4s;--badge-fade-close-dur:.18s;--badge-blur:2px;--badge-offset-x:-8.2px;--badge-offset-y:12.4px;--badge-slide-ease:cubic-bezier(.22, 1, .36, 1);--badge-pop-ease:cubic-bezier(.34, 1.36, .64, 1);--badge-close-ease:cubic-bezier(.4, 0, .2, 1);--badge-bg:linear-gradient(135deg, #72e8f6 0%, #0284c7 100%);--badge-color:#0c0e10;--badge-ring:#13171a;--bell-trigger-bg:transparent;--bell-trigger-hover:#ffffff14;--bell-trigger-border:#ffffff17;--bell-trigger-color:#9cb1bc}.dark{--badge-bg:linear-gradient(135deg, #72e8f6 0%, #0284c7 100%);--badge-color:#0c0e10;--badge-ring:#13171a;--bell-trigger-bg:transparent;--bell-trigger-hover:#ffffff14;--bell-trigger-border:#ffffff17;--bell-trigger-color:#9cb1bc}@keyframes t-badge-slide-in{0%{transform:translate(var(--badge-offset-x), var(--badge-offset-y))}to{transform:translate(0)}}@keyframes t-bell-swing{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes t-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.t-badge{pointer-events:none;will-change:transform;z-index:10;position:absolute;top:-4px;right:-5px}.t-badge[data-open=true]{animation:t-badge-slide-in var(--badge-slide-dur) var(--badge-slide-ease)}.t-badge-dot{background:var(--badge-bg);min-width:18px;height:18px;color:var(--badge-color);letter-spacing:-.02em;box-shadow:0 0 0 2px var(--badge-ring), 0 2px 6px #dc262673;-webkit-user-select:none;user-select:none;transform-origin:50%;opacity:1;filter:blur();transition:transform var(--badge-pop-dur) var(--badge-pop-ease), opacity var(--badge-fade-dur) var(--badge-pop-ease), filter var(--badge-pop-dur) var(--badge-pop-ease);will-change:transform, opacity, filter;border-radius:9999px;justify-content:center;align-items:center;padding:0 4.5px;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex;transform:scale(1)}.t-badge[data-open=false] .t-badge-dot{opacity:0;filter:blur(var(--badge-blur));transition:transform var(--badge-pop-close-dur) var(--badge-close-ease), opacity var(--badge-fade-close-dur) var(--badge-close-ease), filter var(--badge-pop-close-dur) var(--badge-close-ease);transform:scale(0)}.t-badge-dot.is-dot{width:9px;min-width:9px;height:9px;padding:0}.t-bell-trigger{border:1px solid var(--bell-trigger-border);background:var(--bell-trigger-bg);width:34px;height:34px;color:var(--bell-trigger-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s,transform .12s;display:inline-flex;position:relative}.t-bell-trigger:hover{background:var(--bell-trigger-hover);color:#fff;border-color:#ffffff29}.dark .t-bell-trigger:hover{color:#fff}.t-bell-trigger:active{transform:scale(.95)}.t-bell-trigger:focus-visible{box-shadow:0 0 0 3px #3b82f659}.t-bell-icon{transform-origin:top;transition:transform .2s}.t-bell-trigger[data-ringing=true] .t-bell-icon{animation:.75s cubic-bezier(.36,.07,.19,.97) both t-bell-swing}@media (prefers-reduced-motion:reduce){.t-badge,.t-badge-dot,.t-bell-trigger[data-ringing=true] .t-bell-icon{transition:none!important;animation:none!important}}
.preview-viewport-container{background:#0d0f14;border:1px solid #232732;border-radius:10px;flex-direction:column;flex:1;min-height:600px;display:flex;position:relative;overflow:hidden}.preview-viewport-container.viewport-fullscreen{z-index:9999;background:#06070a;border:none;border-radius:0;min-height:100vh;position:fixed;inset:0}.viewport-top-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:25;background:#11141ce0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.viewport-left-controls,.viewport-right-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewport-badge{color:#00d2ff;letter-spacing:.02em;background:#00d2ff1a;border:1px solid #00d2ff47;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.viewport-meta-pill{color:#9da6b3;background:#191c24;border:1px solid #2a303d;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.viewport-btn{color:#c5cbd5;cursor:pointer;background:#1c202a;border:1px solid #2d3342;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.viewport-btn:hover,.viewport-btn.active{color:#00d2ff;background:#00d2ff1a;border-color:#00d2ff73}.compare-clear-btn{color:#8c95a3;border-radius:4px;align-items:center;margin-left:2px;display:inline-flex}.compare-clear-btn:hover{color:#ff5252}.compare-mode-selector{background:#14171f;border:1px solid #2b313f;border-radius:6px;display:inline-flex;overflow:hidden}.compare-mode-selector .sub-btn{color:#8993a2;cursor:pointer;background:0 0;border:none;place-items:center;padding:4px 8px;transition:all .15s;display:grid}.compare-mode-selector .sub-btn.active{color:#000;background:#00d2ff}.viewport-icon-btn{color:#8e98a7;cursor:pointer;background:#171a22;border:1px solid #272c38;border-radius:6px;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.viewport-icon-btn:hover{color:#f0f3f8;background:#202430;border-color:#3f4757}.viewport-icon-btn.active{color:#00d2ff;background:#00d2ff1f;border-color:#00d2ff80;box-shadow:0 0 10px #00d2ff33}.viewport-divider{background:#282e3b;width:1px;height:20px;margin:0 4px}.zoom-stepper{background:#151820;border:1px solid #272d3a;border-radius:6px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.zoom-display{color:#b0b8c4;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:42px;font-size:11px;font-weight:500}.zoom-display:hover{color:#00d2ff}.viewport-pill-btn{color:#00d2ff;cursor:pointer;background:#00d2ff1a;border:1px solid #00d2ff4d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.viewport-stage{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#111722d9 0%,#080a0efa 100%);flex:1;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.viewport-stage.draggable{cursor:grab}.viewport-stage.dragging{cursor:grabbing}.viewport-media-wrapper{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.viewport-media{object-fit:contain;border-radius:6px;max-width:100%;max-height:540px;display:block;box-shadow:0 16px 48px #000000a6,0 0 1px #ffffff1a}.viewport-fullscreen .viewport-media{max-height:calc(100vh - 170px)}.split-comparison-overlay{pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden}.split-underlay-media{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.split-divider-line{cursor:ew-resize;z-index:20;background:#00d2ff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #00d2ffb3}.split-handle{color:#00d2ff;cursor:ew-resize;background:#0b1c26;border:2px solid #00d2ff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #00d2ff99}.split-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:15;letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:14px}.before-badge{color:#cfd6e0;background:#0e1116d9;border:1px solid #ffffff26;left:14px}.after-badge{color:#00d2ff;background:#00d2ff33;border:1px solid #00d2ff73}.side-by-side-stage{grid-template-columns:1fr 1fr;gap:16px;width:100%;height:100%;padding:20px;display:grid}.side-pane{background:#11141a;border:1px solid #232833;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.pane-tag{color:#9fa9b8;z-index:10;background:#191c24;border:1px solid #2c3240;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;top:12px;left:12px}.pane-tag.active{color:#00d2ff;background:#00d2ff1a;border-color:#00d2ff66}.side-media{object-fit:contain;border-radius:4px;max-width:100%;max-height:460px}.composition-grid-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.grid-line{background:#00d2ff38;position:absolute}.grid-line.v1{width:1px;top:0;bottom:0;left:33.333%}.grid-line.v2{width:1px;top:0;bottom:0;left:66.666%}.grid-line.h1{height:1px;top:33.333%;left:0;right:0}.grid-line.h2{height:1px;top:66.666%;left:0;right:0}.crosshair-overlay{pointer-events:none;z-index:10;place-items:center;display:grid;position:absolute;inset:0}.crosshair-center{border:1px solid #00d2ff73;border-radius:50%;width:24px;height:24px;position:relative}.crosshair-center:before{content:"";background:#00d2ff73;height:1px;position:absolute;top:50%;left:-12px;right:-12px}.crosshair-center:after{content:"";background:#00d2ff73;width:1px;position:absolute;top:-12px;bottom:-12px;left:50%}.safe-areas-overlay{pointer-events:none;z-index:10;place-items:center;display:grid;position:absolute;inset:0}.safe-box{border:1px dashed;border-radius:6px;justify-content:flex-end;align-items:flex-start;padding:6px;display:flex;position:absolute}.safe-box span{opacity:.8;font-size:10px;font-weight:600}.safe-16-9{aspect-ratio:16/9;color:#00d2ff;border-color:#00d2ff66;width:90%}.safe-1-1{aspect-ratio:1;color:#ffaa40;border-color:#ffaa4066;height:75%}.safe-9-16{aspect-ratio:9/16;color:#34d399;border-color:#34d39966;height:88%}.video-custom-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0d1016f0;border-top:1px solid #212632;align-items:center;gap:12px;padding:10px 16px;display:flex}.video-ctrl-btn{color:#d1d8e2;cursor:pointer;background:#1b1e27;border:1px solid #2b3140;border-radius:6px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.video-ctrl-btn:hover{color:#00d2ff;background:#252a37;border-color:#3d4659}.video-ctrl-btn.active{color:#00d2ff;background:#00d2ff1f;border-color:#00d2ff73}.video-scrubber-group{flex:1;align-items:center;gap:10px;display:flex}.time-code{color:#8f98a6;min-width:65px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.video-scrubber{appearance:none;cursor:pointer;accent-color:#00d2ff;background:#252a37;border-radius:2px;flex:1;height:4px}.speed-pills{background:#141720;border:1px solid #272d3a;border-radius:6px;display:inline-flex;overflow:hidden}.speed-pill{color:#8c96a4;cursor:pointer;background:0 0;border:none;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s}.speed-pill.active{color:#00d2ff;background:#00d2ff1f;font-weight:600}.video-snapshot-btn{color:#00d2ff;cursor:pointer;background:#00d2ff1a;border:1px solid #00d2ff59;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.video-snapshot-btn:hover{color:#000;background:#00d2ff}.viewport-hud{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#0c0f15e6;border:1px solid #00d2ff40;border-radius:8px;width:calc(100% - 32px);max-width:380px;padding:12px;animation:.2s ease-out hudFadeIn;position:absolute;top:56px;left:16px;box-shadow:0 12px 36px #0009}@keyframes hudFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hud-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hud-title{color:#e4e9f0;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.hud-close-btn{color:#8c96a5;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.hud-close-btn:hover{color:#f1f4f8;background:#1f2430}.hud-prompt-block{background:#141822;border:1px solid #232936;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.hud-prompt{color:#c8d0dc;flex:1;max-height:56px;margin:0;font-size:11px;line-height:1.45;overflow-y:auto}.hud-copy-btn{color:#8fa0b5;cursor:pointer;background:#1c2230;border:1px solid #2a3447;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:3px 6px;font-size:10px;display:inline-flex}.hud-copy-btn:hover{color:#00d2ff;border-color:#00d2ff66}.hud-specs-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.spec-item{background:#141822;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.spec-label{color:#7b8595;font-size:10px}.spec-value{color:#00d2ff;font-size:10px;font-weight:500}.viewport-action-bar{z-index:20;background:#11141b;border-top:1px solid #222631;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.action-bar-left,.action-bar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.action-pill-btn{color:#d1d8e2;cursor:pointer;background:#1a1d26;border:1px solid #2b3140;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.action-pill-btn:hover{color:#fff;background:#232733;border-color:#3f475a}.action-pill-btn.animate-btn{color:#00d2ff;background:#00d2ff14;border-color:#00d2ff59}.action-pill-btn.animate-btn:hover{color:#000;background:#00d2ff;border-color:#00d2ff}.action-icon-pill{color:#b5becb;cursor:pointer;background:#191c25;border:1px solid #2a303d;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.action-icon-pill:hover{color:#fff;background:#212531;border-color:#3f4657}.action-icon-pill.highlight{color:#000;background:#00d2ff;border-color:#00d2ff;font-weight:600}.action-icon-pill.highlight:hover{background:#33dcff;box-shadow:0 0 16px #00d2ff66}.generation-reel-wrapper{background:#0a0c10;border-top:1px solid #1f232d;padding:12px 16px 14px}.reel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reel-title-group{align-items:center;gap:8px;display:flex}.reel-title-group h3{color:#d1d8e2;margin:0;font-size:12px;font-weight:600}.reel-count-pill{color:#8c96a4;background:#161921;border:1px solid #262c39;border-radius:4px;padding:2px 6px;font-size:10px}.reel-actions{align-items:center;gap:8px;display:flex}.reel-clear-btn{color:#858f9d;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11px;display:inline-flex}.reel-clear-btn:hover{color:#ff5252}.reel-scroll-controls{align-items:center;gap:4px;display:flex}.scroll-btn{color:#8b95a3;cursor:pointer;background:#161921;border:1px solid #262b37;border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.scroll-btn:hover{color:#00d2ff;background:#202430}.reel-scroll-track{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#262c3a transparent;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.reel-card{cursor:pointer;background:#13161d;border:1px solid #232834;border-radius:8px;flex-direction:column;flex:0 0 160px;transition:all .18s;display:flex;overflow:hidden}.reel-card:hover{border-color:#3d4659;transform:translateY(-2px)}.reel-card.active{background:#161a24;border-color:#00d2ff;box-shadow:0 0 14px #00d2ff40}.reel-card.comparing{border-color:#ffaa40;box-shadow:0 0 12px #ffaa4040}.reel-thumb-container{background:#090a0e;width:100%;height:95px;position:relative;overflow:hidden}.reel-thumb-media{object-fit:cover;width:100%;height:100%}.reel-video-thumb{width:100%;height:100%;position:relative}.video-pill{color:#00d2ff;background:#000000b3;border:1px solid #fff3;border-radius:4px;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:6px;left:6px}.reel-card-badges{align-items:center;gap:4px;display:flex;position:absolute;top:6px;left:6px}.take-number{color:#fff;background:#000000bf;border:1px solid #fff3;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600}.ratio-tag{color:#00d2ff;background:#000000bf;border:1px solid #00d2ff4d;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:500}.reel-hover-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#090b0fbf;justify-content:center;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;inset:0}.reel-thumb-container:hover .reel-hover-actions{opacity:1}.reel-action-btn{color:#d1d8e2;cursor:pointer;background:#1c202a;border:1px solid #2f3647;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.reel-action-btn:hover{color:#00d2ff;background:#252a38;border-color:#00d2ff}.reel-action-btn.active{color:#00d2ff;border-color:#00d2ff}.reel-action-btn.delete:hover{color:#ff5252;border-color:#ff5252}.reel-card-meta{flex-direction:column;gap:4px;padding:8px 10px;display:flex}.reel-prompt-snippet{color:#9aa4b2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.reel-card-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.reel-model-tag{color:#00d2ff;font-size:9px}.reel-time{color:#727b88;align-items:center;gap:3px;font-size:9px;display:flex}.workflow-controls-container{flex-direction:column;gap:20px;margin-top:16px;display:flex}.creative-stepper{background:#14171f;border:1px solid #242936;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 14px;display:flex}.step-item{align-items:center;gap:6px;display:flex}.step-dot{color:#7f8a9a;background:#1f2430;border:1px solid #333c4d;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:grid}.step-title{color:#7f8a9a;font-size:11px;font-weight:500}.step-item.active .step-dot{color:#000;background:#00d2ff;border-color:#00d2ff}.step-item.active .step-title{color:#fff;font-weight:600}.step-connector{background:#252b39;flex:1;height:1px;margin:0 8px}.workflow-section{flex-direction:column;gap:8px;display:flex}.section-label-row{justify-content:space-between;align-items:center;display:flex}.section-label-row .field-label{align-items:center;gap:6px;margin:0;display:flex}.active-ratio-badge{color:#00d2ff;font-size:11px;font-weight:600}.chips-hint{color:#7b8594;font-size:10px}.ratio-cards-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ratio-card{cursor:pointer;background:#141720;border:1px solid #262c3a;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px;transition:all .15s;display:flex}.ratio-card:hover{background:#1c212c;border-color:#3f4759}.ratio-card.selected{background:#00d2ff14;border-color:#00d2ff;box-shadow:0 0 12px #00d2ff26}.ratio-visual-box{place-items:center;width:40px;height:34px;display:grid}.ratio-rect{background:#ffffff08;border:1.5px solid #6b7584;border-radius:2px;transition:border-color .15s}.ratio-card.selected .ratio-rect{background:#00d2ff26;border-color:#00d2ff}.ratio-text{color:#cdd4df;font-size:11px;font-weight:600}.ratio-card.selected .ratio-text{color:#00d2ff}.ratio-sub{color:#747d8b;text-align:center;font-size:9px}.chips-flow{flex-wrap:wrap;gap:6px;display:flex}.style-chip{color:#9ea8b7;cursor:pointer;background:#151821;border:1px solid #262c39;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.style-chip:hover{color:#fff;background:#1e222e;border-color:#3f485a}.style-chip.active{color:#00d2ff;background:#00d2ff1a;border-color:#00d2ff}.style-chip.lighting-chip.active{color:#ffaa40;background:#ffaa401a;border-color:#ffaa40}.motion-chips-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.motion-chip-card{cursor:pointer;text-align:left;background:#141720;border:1px solid #262c39;border-radius:7px;flex-direction:column;gap:3px;padding:8px 10px;transition:all .15s;display:flex}.motion-chip-card:hover{background:#1c212c;border-color:#3a4253}.motion-chip-card.selected{background:#00d2ff14;border-color:#00d2ff}.motion-card-top{align-items:center;gap:6px;display:flex}.motion-name{color:#d1d8e2;font-size:11px;font-weight:600}.motion-chip-card.selected .motion-name{color:#00d2ff}.motion-desc{color:#7b8594;font-size:9px}.negative-prompt-accordion{background:#13161e;border:1px solid #262c39;border-radius:8px;overflow:hidden}.negative-accordion-header{cursor:pointer;color:#cbd3de;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.negative-accordion-header:hover{background:#181c26}.negative-title{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.negative-title small{color:#768190;font-size:10px}.negative-accordion-content{background:#0f1218;border-top:1px solid #232835;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.negative-textarea{color:#d5dce6;resize:vertical;background:#151922;border:1px solid #282f3e;border-radius:6px;width:100%;padding:8px 10px;font-size:12px}.negative-textarea:focus{border-color:#ff5252;outline:none}.negative-quick-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-tag-label{color:#7d8898;font-size:10px}.neg-tag-pill{color:#9ea7b4;cursor:pointer;background:#1a1e28;border:1px solid #2a3140;border-radius:4px;padding:2px 7px;font-size:10px}.neg-tag-pill:hover{color:#ff5252;border-color:#ff525266}@media (max-width:768px){.ratio-cards-grid{grid-template-columns:repeat(3,1fr)}.motion-chips-grid{grid-template-columns:repeat(2,1fr)}.creative-stepper{display:none}.side-by-side-stage{grid-template-columns:1fr}}.scene-thumb-preview{background:#0d1016;border:1px solid #282f3d;border-radius:6px;flex-shrink:0;width:100px;height:68px;overflow:hidden}.scene-thumb-img{object-fit:cover;width:100%;height:100%}.edit-preview-overlay-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#00d2ff;background:#0d1016d9;border:1px solid #2a3140;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}