.video-trimmer{user-select:none;flex-direction:column;gap:6px;width:100%;display:flex}.video-trimmer-hidden{display:none}.video-trimmer-loading{background:var(--muted);border-radius:6px;height:44px;margin:0 16px}.video-trimmer-track{cursor:default;touch-action:none;height:44px;padding:0 16px;position:relative}.video-trimmer-filmstrip-wrap{height:100%;position:relative}.video-trimmer-filmstrip{height:100%;display:flex;overflow:hidden}.video-trimmer-thumb{object-fit:cover;pointer-events:none;flex:1;height:100%}.video-trimmer-dim{pointer-events:none;z-index:1;background:#0009;position:absolute;top:0;bottom:0}.video-trimmer-selection{z-index:2;border-top:3px solid var(--success-background);border-bottom:3px solid var(--success-background);cursor:grab;box-sizing:border-box;position:absolute;top:0;bottom:0}.video-trimmer-selection:active{cursor:grabbing}.video-trimmer-handle{z-index:4;cursor:ew-resize;touch-action:none;justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:0;bottom:0}.video-trimmer-handle-start{background:var(--success-background);border-radius:6px 0 0 6px;transform:translate(-100%)}.video-trimmer-handle-end{background:var(--success-background);border-radius:0 6px 6px 0}.video-trimmer-handle-grip{background:#0006;border-radius:2px;width:3px;height:16px}@keyframes playhead-sweep{0%{left:var(--playhead-start)}to{left:var(--playhead-end)}}.video-trimmer-playhead{z-index:3;pointer-events:none;width:2px;animation:playhead-sweep var(--playhead-duration) linear infinite;background:#fff;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 3px #00000080}.audio-slider-cover-bg{object-fit:cover;pointer-events:none;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.audio-slider-track-bg{background:linear-gradient(90deg, var(--muted) 0%, color-mix(in srgb, var(--muted) 80%, var(--foreground)) 50%, var(--muted) 100%);border-radius:6px;position:absolute;inset:0}.audio-slider-selection{cursor:grab}.audio-slider-selection:active{cursor:grabbing}.video-trimmer-label{color:var(--muted-foreground);text-align:center;font-size:11px}.canvas-sheet{transform-origin:top;transition:transform .2s ease-out,opacity .2s ease-out}.canvas-sheet[data-stacked-depth]{will-change:transform, opacity}.canvas-sheet[data-stacked-depth="1"]{transform:translateY(-12px)scale(.96)}.canvas-sheet[data-stacked-depth="2"]{transform:translateY(-24px)scale(.92)}.canvas-sheet[data-stacked-depth="3"]{transform:translateY(-36px)scale(.88)}.canvas-sheet-content{transition:opacity .2s ease-out}.canvas-sheet[data-stacked-depth] .canvas-sheet-content{opacity:0}@keyframes canvas-sheet-in{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}.canvas-sheet-in{animation:.2s ease-out canvas-sheet-in}[data-chat-collapsed=true] .canvas-sheet{left:3rem}.canvas-sheet-header{border-bottom:1px solid var(--border)}.canvas-sheet-padded>.canvas-sheet-header,.canvas-sheet-padded>.canvas-sheet-content{padding-left:40px;padding-right:40px}.canvas-sheet-padded .canvas-sheet-chrome{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;padding:4px 0;display:grid}.media-card{background:var(--card);color:var(--foreground);isolation:isolate;border-radius:12px;flex-direction:column;transition:transform .15s ease-out;display:flex;position:relative}.media-card[data-interactive=true]{cursor:pointer}.media-card[data-interactive=true]:active{transform:scale(.96)}.media-card-media{border-radius:12px 12px 0 0;position:relative;overflow:hidden}.media-card[data-no-footer=true] .media-card-media{border-radius:12px}.media-card-footer{background:var(--card);border-radius:0 0 12px 12px;flex-direction:column;flex-grow:1;justify-content:center;gap:4px;min-height:48px;padding:10px 12px;font-size:12px;display:flex;position:relative}.media-card-hover{opacity:0;pointer-events:none;background:radial-gradient(circle at -22% 13%,#ff7d00cc 0%,#0000 60%),radial-gradient(circle at 64% 42%,#d840ff 0%,#0000 100%),radial-gradient(circle at 24% 73%,#d9ff1e 0%,#0000 100%),radial-gradient(circle at 100% 70%,#00d063 0%,#0000 52%),tomato;border-radius:14px;transition:opacity .3s ease-out,inset .3s ease-out;position:absolute;inset:0}.media-card[data-interactive=true]:hover .media-card-hover{opacity:1;transition-duration:.15s;inset:-4px}.tooltip-multiple-timestamps{font-family:var(--mono), monospace;text-transform:uppercase;flex-direction:column;gap:4px;display:flex}.generated-post{background:var(--card);color:var(--foreground);isolation:isolate;cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .15s ease-out;display:flex;position:relative;&[data-status=processing]{& .post-preview{cursor:wait}&:hover .post-card-hover{opacity:0;inset:0}&:active{transform:none}& .generated-post-footer.is-static{cursor:wait}}& .generated-post-media{aspect-ratio:9/16;color:#fff;background:#000;border-radius:12px 12px 0 0;position:relative;overflow:hidden}& .post-preview{border-radius:12px 12px 0 0;position:relative}&[data-no-footer=true]{& .generated-post-media,& .post-preview{border-radius:12px}}& .post-card-hover{border-radius:14px}&:hover{& .post-card-hover{opacity:1;transition-duration:.15s;inset:-4px}}&:active{transform:scale(.96)}& .generated-post-footer{background:var(--card);width:100%;color:var(--foreground);text-align:left;cursor:pointer;border:0;border-radius:0 0 12px 12px;flex-grow:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-family:inherit;font-size:12px;display:grid;position:relative;&.is-static{cursor:default}& .footer-cell{align-items:center;gap:8px;min-width:0;display:flex;&.schedule-cell{text-align:right;justify-content:flex-end}}& .footer-cell-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden;&.is-empty{color:var(--muted-foreground)}}& .footer-cell-extra{color:var(--muted-foreground);margin-left:6px;font-size:11px}}}.post-card-hover{opacity:0;pointer-events:none;background:radial-gradient(circle at -22% 13%,#ff7d00cc 0%,#0000 60%),radial-gradient(circle at 64% 42%,#d840ff 0%,#0000 100%),radial-gradient(circle at 24% 73%,#d9ff1e 0%,#0000 100%),radial-gradient(circle at 100% 70%,#00d063 0%,#0000 52%),tomato;border-radius:20px;transition:opacity .3s ease-out,inset .3s ease-out;position:absolute;inset:0}[data-slot=card]:hover>.post-card-hover{opacity:1;transition-duration:.15s;inset:-4px}.media-preview{opacity:0;background:#000;align-items:center;width:100%;height:100%;transition:opacity .2s ease-out;display:flex;position:relative;overflow:hidden}.media-preview.fade-in-media{opacity:1}.media-preview-inner{align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.media-preview img,.media-preview video{object-fit:contain;width:100%;height:100%}.media-preview-full{aspect-ratio:9/16;opacity:1;border-radius:12px}.slide-indicators{z-index:10;justify-content:center;gap:4px;min-width:100%;display:flex;position:absolute;bottom:8px;left:0}.slide-indicators>div{cursor:pointer;background-color:#ffffff80;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background-color .2s}.slide-indicators>div.active{background-color:#fff}.media-player-nav{background:linear-gradient(#0000,#00000080);justify-content:center;align-items:center;gap:12px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0;& button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s;display:flex;&:hover:not(:disabled){background:#fff6}&:disabled{opacity:.3;cursor:default}}}.media-player-counter{color:#fff;font-variant-numeric:tabular-nums;font-size:12px}@keyframes svgOpacityPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes dyanmicFallbackGradient{0%,to{background-position:0 0;background-size:100% 100%}25%{background-position:100% 100%;background-size:200% 200%}50%{background-position:0 100%;background-size:100% 100%}75%{background-position:100% 0;background-size:200% 200%}}@keyframes dynamicFallbackNoise{0%{background-position:0 0}25%{background-position:10px 10px}50%{background-position:5px 5px}75%{background-position:20px 20px}}@keyframes placeholder-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-preview{color:#fff;cursor:pointer;background:radial-gradient(circle at -22% 13%,#ff7d00cc 0%,#0000 60%),radial-gradient(circle at 64% 42%,#d840ff 0%,#0000 100%),radial-gradient(circle at 24% 73%,#d9ff1e 0%,#0000 100%),radial-gradient(circle at 100% 70%,#00d063 0%,#0000 52%),tomato;width:100%;padding-bottom:177.78%;transition:transform .15s ease-out;animation:15s linear infinite dyanmicFallbackGradient;position:relative;overflow:hidden;& .noise{background:var(--noise-url);mix-blend-mode:plus-lighter;pointer-events:none;user-select:none;background-repeat:repeat;background-size:500px 500px;justify-content:center;align-items:center;animation:1s step-end infinite dynamicFallbackNoise;display:flex;position:absolute;inset:0;& svg{mix-blend-mode:overlay;opacity:.3;width:40px;animation:1s infinite svgOpacityPulse}}& .placeholder-center{flex-direction:column;align-items:stretch;gap:10px;width:50%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .placeholder-thumbnail-wrap{aspect-ratio:9/16;background:#00000040;border-radius:8px;margin-top:12px;position:relative;overflow:hidden}& .placeholder-thumbnail{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}& .placeholder-border-spin{pointer-events:none;z-index:1;-webkit-mask-composite:xor;border-radius:8px;padding:3px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}& .placeholder-border-spin:before{content:"";background:conic-gradient(from 0deg, transparent 0%, transparent 40%, var(--logo-color) 50%, transparent 60%, transparent 100%);animation:2.4s cubic-bezier(.4,0,.2,1) infinite placeholder-border-spin;position:absolute;inset:-50%}& .placeholder-progress-track{background:#00000080;border-radius:4px;height:8px;padding:2px;overflow:hidden}& .placeholder-progress-fill{background:var(--logo-color);border-radius:4px;height:100%;transition:width .3s}& .placeholder-step-name{color:#fff;text-align:center;height:24px;font-size:12px;font-weight:600}& .placeholder-failed-message{text-align:center;color:#ffffffe6;font-size:13px;line-height:1.4}& .placeholder-failed-actions{justify-content:center;gap:8px;display:flex}&[data-status=failed]{background:radial-gradient(circle at -22% 13%,#505050cc 0%,#0000 60%),radial-gradient(circle at 64% 42%,#2d2d2d 0%,#0000 100%),radial-gradient(circle at 24% 73%,#787878 0%,#0000 100%),radial-gradient(circle at 100% 70%,#282828 0%,#0000 52%),#1e1e1e;animation:none;& .noise{animation:none}}}.table-wrap{overscroll-behavior:none;border:1px solid var(--border);border-radius:12px;overflow:auto;& table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}& th{z-index:2;text-align:left;vertical-align:middle;height:40px;font-family:var(--mono), monospace;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;color:var(--muted-foreground);background:var(--background);border-bottom:1px solid var(--border);padding:0 8px;font-size:10px;font-weight:500;position:sticky;top:0}& td{vertical-align:middle;border-bottom:1px solid var(--border);padding:10px 8px}& tbody tr:last-child td{border-bottom:none}& tbody tr{transition:background-color .15s ease-out}& tbody tr:hover{background:var(--accent);transition:none}& thead,& tbody{& th:first-child,& td:first-child{padding-left:16px}& th:last-child,& td:last-child{padding-right:16px}}& tr.loading-row:hover{background:0 0}& tr.loading-row:hover .sticky-col{background:var(--background)}& .sticky-col{background:var(--background);position:sticky}& th.sticky-col{z-index:3;background:var(--background)}& td.sticky-col{z-index:1}& tbody tr:hover .sticky-col{background:var(--accent)}& .sticky-col-last{border-right:1px solid var(--border)}& .sort-header{cursor:pointer;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:none;border-radius:4px;align-items:center;gap:2px;margin:-2px -4px;padding:2px 4px;display:inline-flex}& .sort-header:hover{background:var(--accent)}& .sort-indicator{opacity:0;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .15s;display:inline-flex}& .sort-header:hover .sort-indicator{opacity:.5}& .sort-indicator[data-active],& .sort-header:hover .sort-indicator[data-active]{opacity:1}}