.dashboard-shell{--dashboard-bg:var(--surface-page);--dashboard-surface:var(--surface-1);--dashboard-raised:var(--surface-2);--dashboard-border:var(--border);--dashboard-text:var(--text);--dashboard-muted:var(--text-muted);--dashboard-green:var(--accent-text);--dashboard-sidebar-width:248px;display:grid;min-height:100dvh;grid-template-columns:var(--dashboard-sidebar-width) minmax(0,1fr);background:var(--surface-page);color:var(--text);font-family:var(--font-ui)}.dashboard-shell *{box-sizing:border-box}.dashboard-shell a{color:inherit;text-decoration:none}.dashboard-shell button{font:inherit}.dashboard-shell :is(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dashboard-sidebar{position:fixed;top:0;left:0;display:flex;width:var(--dashboard-sidebar-width);height:100dvh;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border);background:var(--qc-slate-950);padding:22px 14px 16px}.dashboard-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:-.01em;padding:0 6px}.dashboard-brand span{display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:9px;background:var(--qc-fog-50);color:var(--qc-ink-900);font-size:16px;line-height:1}.dashboard-upload{display:flex;min-height:var(--control-lg);align-items:center;justify-content:center;gap:8px;margin-top:28px;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent)!important;font-size:var(--text-md);font-weight:var(--weight-semibold)}.dashboard-upload:hover{background:var(--accent-hover)}.dashboard-upload svg{width:18px;height:18px}.dashboard-upload.is-active{box-shadow:0 0 0 2px var(--qc-slate-950),0 0 0 4px var(--accent-line)}.dashboard-nav{display:grid;gap:2px;margin-top:24px}.dashboard-nav a{display:flex;min-height:40px;align-items:center;gap:10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-md);font-weight:var(--weight-semibold);padding:0 12px;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.dashboard-nav a svg{width:18px;height:18px;flex:none}.dashboard-nav a:hover{background:var(--surface-2);color:var(--text)}.dashboard-nav a.is-active{background:var(--accent-soft);color:var(--text)}.dashboard-nav a.is-active svg{color:var(--accent-text)}.dashboard-member{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);padding:14px 4px 0}.dashboard-member>a{color:var(--accent-text);font-weight:var(--weight-semibold)}.dashboard-avatar{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--weight-bold)}.dashboard-member div{min-width:0}.dashboard-member small,.dashboard-member strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-member strong{max-width:110px;color:var(--text);font-size:var(--text-sm)}.dashboard-member small{margin-top:2px;color:var(--text-faint);font-size:var(--text-xs)}.dashboard-member button{min-height:32px;flex:none;white-space:nowrap;margin-left:auto;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:0 6px}.dashboard-member button:hover{background:var(--surface-2);color:var(--text)}.dashboard-main{min-width:0;grid-column:2}.quick-create-page,.videos-page{min-width:0;padding:clamp(22px,3vw,40px) clamp(16px,3.2vw,48px) 56px}.quick-create-header,.videos-empty,.videos-error,.videos-generation-warning,.videos-grid,.videos-header,.videos-toolbar{width:min(1320px,100%);margin-right:auto;margin-left:auto}.quick-create-header h1,.videos-header h1{margin:0;color:var(--text);font:var(--weight-medium) clamp(30px,3vw,42px) /1.05 var(--font-display);letter-spacing:-.015em}.quick-create-header span,.videos-header>div>span{display:block;max-width:640px;margin-top:8px;color:var(--text-muted);font-size:var(--text-md);line-height:1.5}.quick-create-header{margin-bottom:20px}body:has(.quick-create-page),html:has(.quick-create-page){overflow-x:clip;overflow-y:visible}.quick-create-grid{display:grid;width:min(1320px,100%);align-items:start;gap:24px;grid-template-columns:minmax(0,1fr) clamp(340px,31vw,440px);margin:0 auto}.quick-create-stage{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;gap:12px}.quick-create-media-input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0}.quick-create-media-input:focus-visible~.quick-create-file label,.quick-create-media-input:focus-visible~.quick-create-preview-dock .quick-create-drop{outline:2px solid var(--focus);outline-offset:4px}.quick-create-preview-dock{position:relative;z-index:2;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.quick-create-preview-size{display:none}.quick-create-drop,.quick-create-preview{position:relative;width:min(100%,calc((100dvh - 230px) * var(--create-preview-ratio, .5625)));max-width:100%;height:auto;max-height:calc(100dvh - 230px);aspect-ratio:var(--create-preview-ratio,.5625)}.quick-create-preview{overflow:hidden;border-radius:var(--radius-lg);background:#050608;box-shadow:0 0 0 1px rgba(255,255,255,.07),var(--shadow-2);touch-action:none}.quick-create-preview>video{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:contain;background:#050608}.composed-video-dim,.editor-video-dim,.quick-create-preview-dim{position:absolute;z-index:1;inset:0;pointer-events:none}.quick-create-audio,.quick-create-neutral{position:relative;display:grid;width:100%;height:100%;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 38%,#1d2740,#0c0e12 62%);padding:28px;text-align:center}.quick-create-audio:before{position:absolute;inset:0;background:rgba(0,0,0,.24);content:"";pointer-events:none}.quick-create-audio>*{position:relative}.quick-create-neutral>span{color:var(--qc-blue-300);font-size:48px}.quick-create-neutral p{max-width:280px;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.quick-create-audio-controls{display:block;width:min(100%,430px)}.quick-create-drop{display:grid;min-height:320px;place-content:center;justify-items:center;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(70% 50% at 50% 38%,rgba(61,102,255,.14),transparent 70%),var(--qc-slate-950);color:var(--text);cursor:pointer;padding:28px 22px;text-align:center;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.quick-create-drop.is-dragging,.quick-create-drop:hover{border-color:var(--accent-line);background-color:#10131a}.quick-create-drop>span{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;background:var(--accent);color:var(--on-accent);font-size:28px;line-height:1}.quick-create-drop strong{margin-top:18px;color:var(--text);font:var(--weight-medium) var(--text-2xl) /1.15 var(--font-display)}.quick-create-drop small{max-width:300px;margin-top:8px;color:var(--text-muted);font-size:var(--text-md);line-height:1.5}.quick-create-drop b{display:inline-flex;min-height:var(--control-lg);align-items:center;margin-top:20px;border-radius:var(--radius-md);background:var(--qc-fog-50);color:var(--qc-ink-900);font-size:var(--text-md);padding:0 18px}.quick-create-drop em{max-width:290px;margin-top:18px;color:var(--text-faint);font-size:var(--text-xs);font-style:normal;line-height:1.5}.quick-create-file{display:flex;width:min(640px,100%);min-width:0;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);padding:10px 12px 10px 14px}.quick-create-file-info{min-width:0}.quick-create-file-info strong,.quick-create-file-info>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-create-file .quick-create-file-label{margin:0 0 3px;color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.quick-create-file strong{color:var(--text);font-size:var(--text-md)}.quick-create-file-info>span:last-child{margin-top:2px;color:var(--text-faint);font-size:var(--text-xs)}.quick-create-file-actions{display:flex;flex:none;align-items:center;gap:8px}.quick-create-customize-intro,.quick-create-preview-hint,.quick-create-review-next,.quick-create-step-mark{display:none}.quick-create-file label{position:relative;display:inline-flex;min-height:var(--control-md);flex:none;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 12px}.quick-create-file label:hover{border-color:var(--accent-line)}.quick-create-drop input,.quick-create-file input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.quick-create-cleared,.quick-create-picker-error{width:min(640px,100%)}.quick-create-controls{display:flex;min-width:0;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-1)}.quick-create-status{display:flex;flex:none;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:14px 18px}.quick-create-status>span{width:10px;height:10px;flex:none;border:2px solid var(--accent-text);border-top:2px solid transparent;border-radius:50%;animation:quick-spin .9s linear infinite}.quick-create-status>span.is-ready{border:0;background:var(--success);box-shadow:0 0 0 4px var(--success-soft);animation:none}.quick-create-status small,.quick-create-status strong{display:block}.quick-create-status strong{color:var(--text);font-size:var(--text-md)}.quick-create-status small{margin-top:2px;color:var(--text-faint);font-size:var(--text-xs);line-height:1.4}@keyframes quick-spin{to{transform:rotate(1turn)}}.quick-create-sections{display:flex;flex:none;gap:2px;overflow-x:auto;margin:12px 14px 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-field);padding:3px;scrollbar-width:none}.quick-create-sections::-webkit-scrollbar{display:none}.quick-create-sections button{min-width:0;min-height:34px;flex:1 0 auto;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 10px;white-space:nowrap}.quick-create-sections button:hover:not(.is-active){color:var(--text)}.quick-create-sections button.is-active{background:var(--qc-slate-700);box-shadow:0 0 0 1px var(--border-strong);color:var(--text)}.quick-create-sections svg{display:none}.quick-create-panel{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 18px;scrollbar-gutter:stable}.quick-create-panel:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.quick-create-panel [hidden]{display:none!important}.quick-create-panel-heading,.quick-create-panel-heading span{display:none}.quick-create-panel-heading strong{display:block;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold)}.quick-create-panel-heading small{color:var(--text-faint);font-size:var(--text-xs);text-align:right}.quick-create-subsections{position:sticky;z-index:3;top:-14px;display:flex;gap:2px;overflow-x:auto;margin:0 -18px 16px;border-bottom:1px solid var(--border);background:var(--surface-1);padding:0 12px;scrollbar-width:none}.quick-create-subsections::-webkit-scrollbar{display:none}.quick-create-subsections button{position:relative;min-height:var(--control-md);flex:0 0 auto;border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 10px}.quick-create-subsections button.is-active,.quick-create-subsections button:hover{color:var(--text)}.quick-create-subsections button.is-active:after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;border-radius:2px;background:var(--accent);content:""}.quick-create-panel fieldset{display:grid;min-width:0;gap:18px;margin:0;border:0;padding:0}.quick-create-panel fieldset:disabled{opacity:.5}.quick-create-color-choice>span,.quick-create-panel legend,.quick-create-visual-group>strong{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quick-create-panel output{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.quick-create-color-list,.quick-create-subsection-body{display:grid;min-width:0;gap:16px}.quick-create-visual-group{display:grid;min-width:0}.quick-create-muted-hint{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.visual-card-grid{display:grid;min-width:0;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card-grid.is-one{grid-template-columns:1fr}.visual-card-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-card-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-card{position:relative;display:grid;min-width:0;min-height:62px;align-content:center;justify-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);cursor:pointer;font-family:var(--font-ui);padding:10px 6px;text-align:center;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.visual-card:hover:not(:disabled){border-color:var(--border-strong)}.visual-card.is-selected,.visual-card[aria-checked=true]{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.visual-card.is-selected strong,.visual-card[aria-checked=true] strong{color:var(--accent-text)}.visual-card strong{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2}.visual-card small{color:var(--text-faint);font-size:var(--text-xs)}.visual-card-sample{display:block;width:100%;overflow:hidden;color:#fff;font-size:21px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.visual-card-sample.is-translation{font-size:var(--text-md)}.visual-script-card{min-height:104px}.visual-script-card .visual-card-sample{font-size:26px}.visual-title-grid .visual-card-sample{font-size:15px}.visual-title-grid .visual-card small{color:var(--text-muted);font-family:Georgia,serif;font-size:var(--text-xs)}.visual-motion-card,.visual-position-card{min-height:66px}.visual-position-frame{position:relative;display:block;width:26px;height:36px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-field)}.visual-position-frame i{position:absolute;right:4px;left:4px;height:3px;border-radius:3px;background:var(--accent-text)}.visual-shade-example{display:grid;width:100%;min-height:36px;place-items:center;border-radius:var(--radius-sm);background-image:linear-gradient(135deg,#7d8696,#2a2f37);color:#fff;font-size:var(--text-md)}.visual-motion-example{display:block;color:var(--highlight);font-size:20px;animation:visual-motion-pulse 1.8s ease-in-out infinite alternate}@keyframes visual-motion-pulse{0%{opacity:.28;filter:blur(2px)}to{opacity:1;filter:blur(0)}}.quick-create-options{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-create-options.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-create-choice button,.quick-create-options button{position:relative;min-height:var(--control-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quick-create-choice button.is-selected,.quick-create-options button.is-selected,.quick-create-options button[aria-checked=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.quick-create-choice{display:grid;gap:8px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quick-create-choice>div{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.create-background-card[aria-pressed=true]:after,.quick-create-options[aria-label="Surah title size"] button[aria-checked=true]:after{position:absolute;top:4px;right:5px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);content:"✓";font-size:10px;font-weight:800}.quick-create-field,.quick-create-range{display:grid;min-width:0;gap:8px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quick-create-range>span{display:flex;justify-content:space-between;gap:10px}.quick-create-range small{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:1.4}.quick-create-panel input[type=range]{width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer}.quick-create-panel input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--border-strong)}.quick-create-panel input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--border-strong)}.quick-create-panel input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}.quick-create-panel input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;appearance:none;border:3px solid var(--surface-1);border-radius:50%;background:var(--accent);box-shadow:0 1px 4px rgba(0,0,0,.4)}.quick-create-panel input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--surface-1);border-radius:50%;background:var(--accent)}.quick-create-field select{width:100%;min-width:0;min-height:var(--control-md);appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-field) linear-gradient(45deg,transparent 50%,var(--text-muted) 50%) calc(100% - 17px) 50% /5px 5px no-repeat;color:var(--text);font:var(--weight-medium) var(--text-md) /1.2 var(--font-ui);padding:0 32px 0 12px}.quick-create-field select:disabled{opacity:.7}.quick-create-switch{position:relative;display:flex!important;min-height:var(--control-md);align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.quick-create-switch small,.quick-create-switch strong{display:block}.quick-create-switch strong{color:var(--text);font-size:var(--text-sm)}.quick-create-switch small{margin-top:2px;color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4}.quick-create-switch input{position:relative;width:44px;height:26px;flex:none;margin:0;appearance:none;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.quick-create-switch input:after{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);content:"";transition:transform var(--dur-fast) var(--ease-standard)}.quick-create-switch input:checked{background:var(--accent)}.quick-create-switch input:checked:after{transform:translateX(18px)}.quick-create-switch input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.quick-create-advanced{display:grid;gap:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:0 12px}.quick-create-advanced:not([open]){gap:0}.quick-create-advanced[open]{padding-bottom:14px}.quick-create-advanced summary{display:flex;min-height:var(--control-md);align-items:center;color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);list-style:none}.quick-create-advanced summary::-webkit-details-marker{display:none}.quick-create-advanced summary:before{width:7px;height:7px;margin:0 10px 0 2px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);content:"";transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease-standard)}.quick-create-advanced[open] summary:before{transform:rotate(45deg)}.quick-create-next,.quick-create-reset{display:inline-flex;min-height:var(--control-md);align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 12px}.quick-create-next:hover,.quick-create-reset:hover{border-color:var(--accent-line)}.quick-create-next{width:100%;margin-top:18px;border-style:dashed;color:var(--accent-text)}.create-background-section{display:grid;min-width:0;gap:12px}.create-background-section header{display:flex;justify-content:space-between;gap:8px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.create-background-section header small{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.create-background-section>strong{color:var(--text);font-size:var(--text-sm)}.create-background-section>p{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.create-background-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.create-background-card{position:relative;overflow:hidden;min-width:0;min-height:86px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);cursor:pointer;padding:0 0 8px;text-align:left}.create-background-card.is-selected,.create-background-card[aria-pressed=true]{border-color:var(--accent-line);box-shadow:inset 0 0 0 1px var(--accent-line)}.create-background-card>span:last-child{display:block;padding:6px 10px 0;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.create-background-thumb{display:grid;width:100%;height:66px;place-items:center;background-color:var(--surface-field);background-position:50%;background-size:cover}.create-background-upload-thumb{border-bottom:1px dashed var(--border-strong);color:var(--accent-text);font-size:22px}.create-background-file{position:absolute;width:1px;height:1px;opacity:0}.create-background-section .quick-create-range{margin:0}.visual-background-card{width:100%;min-height:66px;border-radius:var(--radius-sm);background-position:50%;background-size:cover}.quick-create-action{display:grid;flex:none;gap:10px;border-top:1px solid var(--border);padding:14px 18px 16px}.quick-create-generate{min-height:var(--control-lg);border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);cursor:pointer;font:var(--weight-semibold) var(--text-base) /1 var(--font-ui)}.quick-create-generate:hover:not(:disabled){background:var(--accent-hover)}.quick-create-generate:disabled{background:var(--surface-2);color:var(--text-faint);cursor:not-allowed}.quick-create-local-note{margin:0;color:var(--text-faint);font-size:var(--text-xs);line-height:1.5;text-align:center}.quick-create-fifo{margin:0;border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font-size:var(--text-sm);line-height:1.45;padding:10px 12px}.quick-create-error{background:var(--danger-soft);color:var(--danger);padding:12px 14px}.quick-create-error,.quick-create-size-notice{border-radius:var(--radius-md);font-size:var(--text-sm)}.quick-create-size-notice{width:min(640px,100%);margin:0;background:var(--surface-2);color:var(--text-muted);line-height:1.45;padding:10px 12px}.quick-create-allowance{margin:0;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.quick-create-creation-notice p{margin:0}.quick-create-creation-notice a{display:inline-block;margin-top:6px;color:inherit;font-weight:600}.quick-create-error strong{display:block;font-size:var(--text-sm)}.quick-create-error p{margin:4px 0;color:var(--text);font-size:var(--text-sm);line-height:1.45}.quick-create-error button{min-height:var(--control-md);margin-top:6px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:transparent;color:var(--danger);cursor:pointer;font-weight:var(--weight-semibold);padding:0 12px}.generation-visibility-warning{min-width:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text);padding:10px 12px}.generation-visibility-warning strong{display:block;font-size:var(--text-sm)}.generation-visibility-warning p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.generation-visibility-warning small{display:block;margin-top:6px;color:var(--text-faint);font-size:var(--text-xs)}.quick-create-mobile-action{display:none}.quick-create-action .generation-visibility-warning{padding:8px 10px}.quick-create-action .generation-visibility-warning strong{display:inline;font-size:var(--text-xs)}.quick-create-action .generation-visibility-warning p{display:inline;margin:0 0 0 4px;font-size:var(--text-xs);line-height:1.4}.quick-create-action .generation-visibility-warning small{display:none}.quick-create-step-label{display:inline-flex;align-items:center;gap:7px;color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.01em}.quick-create-step-label i{display:inline-grid}.quick-create-step-label i,.quick-create-step-mark{width:18px;height:18px;flex:none;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font:var(--weight-bold) 11px /1 var(--font-ui);font-style:normal}.quick-create-step-mark.is-done{background:var(--success-soft);color:var(--success)}.quick-create-step-mark svg{width:12px;height:12px;stroke-width:3}.quick-create-review{position:fixed;inset:auto 0 0;width:min(100%,560px);max-width:100%;max-height:min(90dvh,760px);margin:auto auto 0;overflow:hidden;border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface-1);color:var(--text);padding:0;box-shadow:var(--shadow-pop)}.quick-create-review[open]{display:flex;flex-direction:column;animation:quick-create-sheet var(--dur-slow) var(--ease-out)}.quick-create-review::backdrop{background:rgba(4,6,9,.72)}@keyframes quick-create-sheet{0%{opacity:0;transform:translateY(24px)}}.quick-create-review-header{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))}.quick-create-review-header h2{margin:6px 0 0;color:var(--text);font:var(--weight-medium) 26px /1.1 var(--font-display);letter-spacing:-.01em}.quick-create-review h2[tabindex]:is(:focus,:focus-visible){outline:none}.quick-create-review-close{display:grid;width:44px;height:44px;flex:none;place-items:center;margin:-6px -8px 0 0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer}.quick-create-review-close svg{width:20px;height:20px}.quick-create-review-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.quick-create-review-summary{display:grid;margin:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.quick-create-review-summary>div{display:grid;min-width:0;align-items:center;gap:10px;grid-template-columns:88px minmax(0,1fr);padding:2px 4px 2px 12px}.quick-create-review-summary>div+div{border-top:1px solid var(--border)}.quick-create-review-summary dt{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.quick-create-review-summary dd{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:space-between;gap:6px;margin:0}.quick-create-review-summary dd span{display:-webkit-box;min-width:0;overflow:hidden;color:var(--text);font-size:var(--text-sm);line-height:1.35;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.quick-create-review-summary dd button{min-width:44px;min-height:44px;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--accent-text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 8px}.quick-create-review-footer{display:grid;flex:none;gap:10px;border-top:1px solid var(--border);background:var(--surface-1);padding:12px max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.quick-create-review-notices{display:grid;gap:8px}.quick-create-review-notices:empty{display:none}.quick-create-review .quick-create-fifo{border:1px solid rgba(246,195,90,.32)}.quick-create-review .generation-visibility-warning{padding:8px 10px}.quick-create-review .generation-visibility-warning strong{display:inline;font-size:var(--text-xs)}.quick-create-review .generation-visibility-warning p{display:inline;margin:0 0 0 4px;font-size:var(--text-xs);line-height:1.4}.quick-create-review-actions{display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr)}.quick-create-review .quick-create-generate{min-height:50px}.quick-create-review-back{min-height:50px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer;font:var(--weight-semibold) var(--text-md) /1.15 var(--font-ui);padding:0 14px;white-space:nowrap}.create-auth-backdrop .editor-auth-modal{max-height:calc(100dvh - 40px);overflow-y:auto}.create-auth-backdrop .editor-auth-close{width:44px;height:44px}.quick-create-caption-stage{z-index:3}.quick-create-sample{position:absolute;z-index:3;left:50%;display:grid;width:min(84%,580px);color:#fff;cursor:grab;pointer-events:auto;text-align:center;text-shadow:0 2px 4px #000,0 0 9px rgba(0,0,0,.7);transform:translate(-50%,-50%);transition-property:opacity,filter;user-select:none}.quick-create-sample:active{cursor:grabbing}.quick-create-sample>span{position:absolute;bottom:100%;left:50%;display:inline-flex;margin-bottom:8px;border-radius:var(--radius-pill);background:rgba(10,12,16,.78);color:var(--qc-fog-50);font:var(--weight-semibold) 11px /1 var(--font-ui);padding:5px 9px;pointer-events:none;text-shadow:none;transform:translateX(-50%);white-space:nowrap}.quick-create-sample p{margin:0;font-family:UthmanicHafs,serif;font-weight:400;line-height:1.45}.quick-create-sample small{display:block;margin-top:0;color:#f0f3f1;font-size:clamp(10px,1.1vw,14px);line-height:1.3}.quick-create-caption-surface{position:relative;min-width:0;cursor:move;pointer-events:auto;touch-action:none;user-select:none}.quick-create-caption-surface.is-selected{outline:1px solid var(--qc-blue-300);outline-offset:3px;box-shadow:0 0 0 1px rgba(8,10,14,.7),0 2px 8px rgba(0,0,0,.22)}.quick-create-caption-handle{position:absolute;z-index:4;width:20px;height:20px;border:0;background:transparent;cursor:nwse-resize;padding:0;pointer-events:auto;touch-action:none}.quick-create-caption-handle:after{position:absolute;top:5px;left:5px;width:8px;height:8px;box-sizing:border-box;border:1px solid var(--qc-blue-500);border-radius:2px;background:#eef2ff;box-shadow:0 0 0 1px rgba(5,8,14,.7);content:""}.quick-create-caption-handle-left{top:50%;left:-10px;cursor:ew-resize;transform:translateY(-50%)}.quick-create-caption-handle-right{top:50%;right:-10px;cursor:ew-resize;transform:translateY(-50%)}.quick-create-caption-handle-top-left{top:-10px;left:-10px}.quick-create-caption-handle-top-right{top:-10px;right:-10px;cursor:nesw-resize}.quick-create-caption-handle-bottom-left{bottom:-10px;left:-10px;cursor:nesw-resize}.quick-create-caption-handle-bottom-right{right:-10px;bottom:-10px}@media (min-width:1024px) and (min-height:600px){.quick-create-page{display:grid;height:100dvh;min-height:560px;grid-template-rows:auto minmax(0,1fr);padding-bottom:24px}.quick-create-grid{height:100%;min-height:0;align-items:stretch}.quick-create-stage{height:100%}.quick-create-preview-dock{min-height:0;flex:1 1 auto;container-type:size}.quick-create-drop,.quick-create-preview{width:min(100cqw,100cqh * var(--create-preview-ratio,.5625));max-height:100cqh}.quick-create-preview-dock.is-audio{gap:8px}.quick-create-preview-dock.is-audio .quick-create-preview{width:min(100cqw,(100cqh - 64px) * var(--create-preview-ratio,.5625));max-height:calc(100cqh - 64px)}.quick-create-controls{height:100%;min-height:0;overflow:hidden}.quick-create-page.has-selected-media .quick-create-header{margin-bottom:14px}.quick-create-page.has-selected-media .quick-create-header span,.quick-create-page.has-selected-media .quick-create-local-note{display:none}}@media (min-width:1024px) and (min-height:600px) and (max-height:800px){.quick-create-header h1{font-size:30px}.quick-create-status{padding:10px 18px}.quick-create-action{gap:8px;padding:10px 18px 12px}}@media (min-width:761px) and (max-height:599px),(min-width:761px) and (max-width:1023px){.quick-create-grid{display:block}.quick-create-stage{display:contents}.quick-create-preview-dock{position:sticky;z-index:2;top:0;background:var(--surface-page);padding:8px 0 12px}.quick-create-preview-dock.is-empty{position:relative}.quick-create-cleared,.quick-create-file,.quick-create-picker-error,.quick-create-size-notice{margin:0 auto 12px}.quick-create-drop,.quick-create-preview{width:min(100%,calc(42dvh * var(--create-preview-ratio, .5625)));max-height:42dvh;min-height:0}.quick-create-drop{min-height:260px}.quick-create-controls{margin-top:16px}.quick-create-action{position:sticky;z-index:3;bottom:0;border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--surface-1);box-shadow:0 -10px 24px -16px rgba(0,0,0,.8)}}@media (max-width:760px){:root{--dashboard-mobile-header-height:106px;--create-bar-h:calc(54px + max(10px, env(safe-area-inset-bottom)))}html:has(.quick-create-page){scroll-padding-top:calc(var(--dashboard-mobile-header-height) + 8px);scroll-padding-bottom:24px}html:has(.quick-create-page.has-selected-media){scroll-padding-top:calc(var(--create-card-h, 240px) + 64px);scroll-padding-bottom:calc(var(--create-bar-h) + 16px);overflow-anchor:none}.quick-create-page{min-height:calc(100dvh - var(--dashboard-mobile-header-height));padding:20px max(16px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.quick-create-header h1{font-size:32px}.quick-create-grid{display:flex;flex-direction:column}.quick-create-stage{display:contents}.quick-create-preview-dock.is-empty{position:relative}.quick-create-drop{width:100%;max-height:none;min-height:300px;aspect-ratio:auto}.quick-create-picker-error{order:-2;margin:0 0 12px}.quick-create-controls{margin-top:16px;border-radius:var(--radius-lg)}.quick-create-panel{overflow:visible;padding:14px 16px 18px}.quick-create-subsections{position:static;margin:0 -16px 16px}.quick-create-controls>.generation-visibility-warning,.quick-create-controls>.quick-create-generate,.quick-create-page.has-selected-media .quick-create-controls .quick-create-action{display:none}.quick-create-choice button,.quick-create-file label,.quick-create-next,.quick-create-options button,.quick-create-panel input[type=range],.quick-create-reset,.quick-create-sections button,.quick-create-subsections button{min-height:44px}.quick-create-field select{min-height:44px;font-size:16px}.create-auth-backdrop .editor-auth-modal{padding:26px 18px 18px}.quick-create-page.has-selected-media{--create-preview-h:clamp(150px,28dvh,210px);padding-top:0;padding-bottom:calc(var(--create-bar-h) + 24px)}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded){--create-preview-h:clamp(220px,54dvh,520px)}.quick-create-page.has-selected-media .quick-create-header{position:absolute;width:1px;height:1px;overflow:hidden;margin:0;clip-path:inset(50%);white-space:nowrap}.dashboard-shell:has(.quick-create-page.has-selected-media) .dashboard-sidebar{position:relative}.quick-create-page.has-selected-media .quick-create-stage{position:sticky;z-index:6;top:0;display:grid;align-items:center;gap:10px 14px;grid-template-areas:"preview info";grid-template-columns:auto minmax(0,1fr);margin:0 calc(-1 * max(16px, env(safe-area-inset-right))) 0 calc(-1 * max(16px, env(safe-area-inset-left)));border-bottom:1px solid var(--border);background:var(--surface-page);padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.quick-create-page.has-selected-media .quick-create-preview-dock{display:contents}.quick-create-page.has-selected-media .quick-create-grid{align-items:stretch;gap:0}.quick-create-page.has-selected-media .quick-create-preview{grid-area:preview;width:calc(var(--create-preview-h) * var(--create-preview-ratio, .5625));max-width:100%;max-height:var(--create-preview-h);touch-action:auto}.quick-create-page.has-selected-media :is(.quick-create-audio-controls,.quick-create-picker-error,.quick-create-size-notice){width:100%;margin:0;grid-column:1/-1}.quick-create-page.has-selected-media .quick-create-file{grid-area:info;display:grid;width:100%;align-content:center;gap:12px;margin:0;border:0;background:none;padding:0}.quick-create-page.has-selected-media .quick-create-file-info strong{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.quick-create-page.has-selected-media .quick-create-file-label{display:flex;align-items:center;gap:7px}.quick-create-page.has-selected-media .quick-create-step-mark{display:inline-grid}.quick-create-page.has-selected-media .quick-create-file-actions{display:grid;align-items:stretch;gap:8px}.quick-create-page.has-selected-media .quick-create-file-actions label{justify-content:center}.quick-create-page.has-selected-media .quick-create-preview-size{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 12px}.quick-create-page.has-selected-media .quick-create-preview-size svg{width:16px;height:16px;color:var(--accent-text)}.quick-create-page.has-selected-media .quick-create-preview-hint{display:block;color:var(--text-faint);font-size:var(--text-xs);line-height:1.4}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded) .quick-create-stage,.quick-create-page.has-selected-media[data-create-format=landscape] .quick-create-stage{justify-items:center;grid-template-areas:"preview" "info";grid-template-columns:minmax(0,1fr)}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded) .quick-create-file,.quick-create-page.has-selected-media[data-create-format=landscape] .quick-create-file{align-items:center;gap:6px 12px;grid-template-columns:minmax(0,1fr) auto}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded) .quick-create-file-actions,.quick-create-page.has-selected-media[data-create-format=landscape] .quick-create-file-actions{display:flex}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded) .quick-create-file-info strong,.quick-create-page.has-selected-media[data-create-format=landscape] .quick-create-file-info strong{-webkit-line-clamp:1}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded) .quick-create-preview-hint,.quick-create-page.has-selected-media[data-create-format=landscape] .quick-create-preview-hint{display:none}.quick-create-page.has-selected-media .quick-create-preview-dock:not(.is-expanded) .quick-create-caption-surface{pointer-events:none}.quick-create-page.has-selected-media .quick-create-preview-dock:not(.is-expanded) :is(.quick-create-caption-handle,.quick-create-sample>span){display:none}.quick-create-page.has-selected-media .quick-create-preview-dock:not(.is-expanded) .quick-create-caption-surface.is-selected{outline:0;box-shadow:none}.quick-create-caption-handle{width:44px;height:44px}.quick-create-caption-handle:after{top:18px;left:18px}.quick-create-caption-handle-left{left:-22px}.quick-create-caption-handle-right{right:-22px}.quick-create-caption-handle-top-left{top:-22px;left:-22px}.quick-create-caption-handle-top-right{top:-22px;right:-22px}.quick-create-caption-handle-bottom-left{bottom:-22px;left:-22px}.quick-create-caption-handle-bottom-right{right:-22px;bottom:-22px}.quick-create-page.has-selected-media .quick-create-status{display:none}.quick-create-page.has-selected-media .quick-create-controls{margin-top:12px;scroll-margin-top:-64px}.quick-create-page.has-selected-media .quick-create-customize-intro{display:grid;gap:3px;padding:14px 16px 0}.quick-create-customize-intro h2{margin:2px 0 0;color:var(--text);font:var(--weight-medium) 24px /1.15 var(--font-display);letter-spacing:-.01em}.quick-create-customize-intro p{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.quick-create-page.has-selected-media .quick-create-sections{position:sticky;z-index:5;top:var(--create-card-h,240px);margin:14px 10px 0;box-shadow:0 0 0 10px var(--surface-1);display:grid;overflow:visible;gap:2px;grid-template-columns:repeat(5,minmax(0,1fr))}.quick-create-page.has-selected-media .quick-create-sections button{display:grid;min-width:0;min-height:52px;align-content:center;justify-items:center;gap:3px;font-size:11px;letter-spacing:-.01em;padding:4px 0}.quick-create-page.has-selected-media .quick-create-sections button span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.quick-create-page.has-selected-media .quick-create-sections svg{display:block;width:18px;height:18px}.quick-create-page.has-selected-media .quick-create-sections button.is-active svg{color:var(--accent-text)}.quick-create-page.has-selected-media .quick-create-panel{min-height:calc(100dvh - var(--create-preview-h) - var(--create-bar-h) - 120px)}.quick-create-page.has-selected-media .quick-create-review-next{display:inline-flex;border-style:solid;border-color:transparent;background:var(--accent);color:var(--on-accent)}.quick-create-page.has-selected-media .quick-create-review-next:disabled{background:var(--surface-2);color:var(--text-faint)}.quick-create-mobile-action{position:fixed;z-index:25;right:0;bottom:0;left:0;display:grid;gap:8px;border-top:1px solid var(--border);background:rgba(16,18,22,.96);padding:10px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-create-mobile-action .quick-create-error{padding:8px 12px}.quick-create-mobile-bar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.quick-create-mobile-status{display:flex;min-width:0;align-items:center;gap:8px;margin:0;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.3}.quick-create-mobile-status>span{width:10px;height:10px;flex:none;border:2px solid var(--accent-text);border-top:2px solid transparent;border-radius:50%;animation:quick-spin .9s linear infinite}.quick-create-mobile-status>span.is-ready{border:0;background:var(--success);box-shadow:0 0 0 4px var(--success-soft);animation:none}.quick-create-mobile-status>span.is-failed{border:0;background:var(--danger);animation:none}.quick-create-review-open{display:inline-flex;min-height:44px;flex:none;align-items:center;gap:8px;border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);cursor:pointer;font:var(--weight-semibold) var(--text-md) /1 var(--font-ui);padding:0 16px 0 12px}.quick-create-review-open i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:rgba(255,255,255,.2);font:var(--weight-bold) 11px /1 var(--font-ui);font-style:normal}.quick-create-review-open:disabled{background:var(--surface-2);color:var(--text-faint);cursor:not-allowed}.quick-create-page:has(:is(input:not([type=range],[type=checkbox],[type=radio],[type=file],[type=color]),select,textarea):focus) .quick-create-mobile-action{display:none}}@media (max-width:760px) and (max-height:520px){html:has(.quick-create-page.has-selected-media){scroll-padding-top:64px}.dashboard-shell:has(.quick-create-page.has-selected-media) .dashboard-upload{display:none}.dashboard-shell:has(.quick-create-page.has-selected-media) .dashboard-nav{order:0;width:auto}.quick-create-page.has-selected-media,.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded){--create-preview-h:clamp(120px,calc(100dvh - var(--create-bar-h) - 96px),300px)}.quick-create-page.has-selected-media .quick-create-preview-hint{display:none}.quick-create-page.has-selected-media .quick-create-grid{display:grid;align-items:start;gap:0 16px;grid-template-columns:minmax(0,46%) minmax(0,1fr)}.quick-create-page.has-selected-media .quick-create-stage{margin:0;border:0;padding:12px 0}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded):not([data-create-format=landscape]) .quick-create-stage{justify-items:stretch;grid-template-areas:"preview info";grid-template-columns:auto minmax(0,1fr)}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded):not([data-create-format=landscape]) .quick-create-file{display:grid;grid-template-columns:minmax(0,1fr)}.quick-create-page.has-selected-media:has(.quick-create-preview-dock.is-expanded):not([data-create-format=landscape]) .quick-create-file-actions{display:grid}.quick-create-page.has-selected-media .quick-create-controls{margin-top:12px;scroll-margin-top:8px}.quick-create-page.has-selected-media .quick-create-sections{top:0}.quick-create-page.has-selected-media .quick-create-panel{min-height:calc(100dvh - var(--create-bar-h) - 64px)}}@media (max-width:380px){.quick-create-sections button{padding:0 8px;font-size:var(--text-xs)}.visual-card-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.quick-create-status>span,.visual-motion-example{animation:none}}.videos-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.videos-new,.videos-quota{display:inline-flex;align-items:center;gap:8px}.videos-new{min-height:var(--control-lg);flex:none;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent)!important;font-size:var(--text-md);font-weight:var(--weight-semibold);padding:0 18px}.videos-new:hover{background:var(--accent-hover)}.videos-new svg{width:18px;height:18px}.videos-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.videos-filters{display:inline-flex;max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-field);padding:3px}.videos-filters button{min-height:34px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 14px;white-space:nowrap}.videos-filters button:hover:not(.is-active){color:var(--text)}.videos-filters button.is-active{background:var(--qc-slate-700);box-shadow:0 0 0 1px var(--border-strong);color:var(--text)}.videos-search{position:relative;display:block;width:min(340px,100%)}.videos-search svg{position:absolute;top:50%;left:12px;width:16px;height:16px;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.videos-search input{width:100%;min-height:var(--control-lg);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-field);color:var(--text);font:var(--weight-medium) var(--text-md) /1 var(--font-ui);padding:0 12px 0 36px}.videos-search input:focus{border-color:var(--accent-line);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.videos-search input::placeholder{color:var(--text-faint)}.videos-error{margin-bottom:16px;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-md);padding:12px 14px}.videos-generation-warning{margin-bottom:18px}.video-generation-phase{color:var(--accent-text)!important;font-size:var(--text-sm);line-height:1.4}.videos-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.video-card{position:relative;display:flex;min-width:0;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-1)}.video-card-poster{position:relative;display:grid;width:100%;aspect-ratio:4/5;place-items:center;overflow:hidden;border:0;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;background:radial-gradient(80% 60% at 50% 40%,#1b2236,#0a0c0f 70%);color:var(--text);cursor:pointer;padding:0}.video-card-poster:disabled{cursor:default}.video-card-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-card-poster[data-format=landscape] img,.video-card-poster[data-format=square] img{object-fit:contain}.video-card-placeholder{color:var(--qc-blue-300);font-size:44px}.video-card-poster>i{position:absolute;display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:var(--qc-ink-900);font-style:normal;opacity:0;transform:scale(.92);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.video-card-poster>i svg{width:22px;height:22px;margin-left:3px;fill:currentColor}.video-card-poster:focus-visible>i,.video-card-poster:hover:not(:disabled)>i{opacity:1;transform:scale(1)}.video-status{position:absolute;top:10px;left:10px;display:inline-flex;min-height:26px;align-items:center;gap:5px;border-radius:var(--radius-pill);background:rgba(10,12,16,.82);color:var(--qc-fog-50);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:0 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-status.is-ready{color:var(--qc-green-400)}.video-status.is-generating{color:var(--qc-blue-300)}.video-status.is-failed,.video-status.is-interrupted{color:var(--qc-amber-400)}.video-progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:rgba(255,255,255,.12)}.video-progress>span{display:block;height:100%;background:var(--highlight);transition:width var(--dur-slow) var(--ease-standard)}.video-card-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px;padding:14px 14px 12px}.video-card-body h2{display:-webkit-box;margin:0;overflow:hidden;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-card-body>p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.video-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--text-faint);font-size:var(--text-xs)}.video-card-error,.video-card-warning{display:block;border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.45;padding:8px 10px}.video-card-error{background:var(--danger-soft);color:var(--danger)}.video-card-warning{background:var(--warning-soft);color:var(--warning)}.video-card-body .editor-notice{margin:4px 0 0;border:0;border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--text);font-size:var(--text-sm);padding:10px}.video-card-body .editor-notice strong{color:var(--warning)}.video-card-body .editor-text-button{min-height:36px;color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.video-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:10px}.video-card-actions>.is-primary{flex-basis:100%}.video-card-actions>.video-card-cancel{order:1;flex-basis:100%}.video-card-actions>:is(a,button){display:inline-flex;min-width:0;min-height:var(--control-md);flex:1 1 0;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 10px;white-space:nowrap}.video-card-actions>:is(a,button):hover:not(:disabled){border-color:var(--accent-line)}.video-card-actions>:is(a,button):disabled{cursor:not-allowed;opacity:.5}.video-card-actions>.is-primary{border-color:transparent;background:var(--accent);color:var(--on-accent)}.video-card-actions>.is-primary:hover:not(:disabled){border-color:transparent;background:var(--accent-hover)}.video-card-actions svg{width:15px;height:15px;flex:none}.video-card-more{position:relative;flex:none}.video-card-more>button{display:grid;width:var(--control-md);height:var(--control-md);place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.video-card-more>button:hover,.video-card-more>button[aria-expanded=true]{border-color:var(--accent-line);color:var(--text)}.video-card-more>button svg{width:18px;height:18px}.video-card-menu{position:absolute;z-index:20;right:0;bottom:calc(100% + 6px);display:grid;min-width:220px;gap:2px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--qc-slate-800);box-shadow:var(--shadow-pop);padding:6px}.video-card-menu button{display:flex;min-height:40px;align-items:center;gap:10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 10px;text-align:left}.video-card-menu button:hover:not(:disabled){background:var(--surface-3)}.video-card-menu button:disabled{color:var(--text-faint);cursor:default}.video-card-menu button{white-space:nowrap}.video-card-menu button small{margin-left:auto;padding-left:12px;color:var(--text-faint);font-size:var(--text-xs)}.video-card-menu svg{width:16px;height:16px}.video-card-menu .is-danger{color:var(--danger)}.videos-empty{display:grid;justify-items:center;gap:10px;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);color:var(--text-muted);padding:clamp(40px,7vw,72px) 20px;text-align:center}.videos-empty h2{margin:0;color:var(--text);font:var(--weight-medium) var(--text-2xl) /1.15 var(--font-display)}.videos-empty p{max-width:460px;margin:0;font-size:var(--text-md);line-height:1.55}.videos-empty .videos-new{margin-top:8px}.videos-skeleton{pointer-events:none}.videos-skeleton .video-card-poster,.videos-skeleton i{background:linear-gradient(100deg,var(--surface-2) 40%,var(--surface-3) 50%,var(--surface-2) 60%) 0 0 /200% 100%;animation:videos-shimmer 1.4s linear infinite}.videos-skeleton i{display:block;height:12px;border-radius:6px}.videos-skeleton i+i{width:60%}@keyframes videos-shimmer{to{background-position:-200% 0}}.watch-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;overflow-y:auto;background:var(--surface-overlay);padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.watch-modal{width:min(960px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-pop);color:var(--text);padding:18px}.watch-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.watch-modal>header span{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.watch-modal>header h2{margin:2px 0 0;font:var(--weight-medium) var(--text-xl) /1.2 var(--font-display)}.watch-modal>header button{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;font-size:24px;line-height:1}.watch-modal>header button:hover{background:var(--surface-2);color:var(--text)}.watch-modal>footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px}.watch-modal>footer :is(a,button){display:inline-flex;min-height:var(--control-lg);align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-semibold);padding:0 16px}.watch-modal>footer button{border-color:transparent;background:var(--accent);color:var(--on-accent)}.watch-modal>footer button:disabled{cursor:not-allowed;opacity:.6}.composed-player{display:grid;width:min(100%,900px);min-width:0;justify-items:center;gap:12px;margin:0 auto}.composed-player[data-project-format=vertical]{width:min(405px,100%,calc(65dvh * 9 / 16))}.composed-player[data-project-format=square]{width:min(650px,100%,65dvh)}.composed-player[data-project-format=portrait]{width:min(650px,100%,calc(65dvh * 4 / 5))}.composed-player[data-project-format=landscape]{width:min(900px,100%,calc(65dvh * 16 / 9))}.composed-player .composed-video{width:100%;max-height:none}.composed-player .composed-video[data-project-format=portrait]{aspect-ratio:4/5}.composed-video[data-project-format=portrait]{width:min(520px,100%);aspect-ratio:4/5}.composed-caption-layer{z-index:2}.composed-player .composed-audio{position:relative;padding:0}.composed-player .composed-audio audio{display:none}.composed-transport{display:grid;width:100%;min-width:0;align-items:center;gap:10px;grid-template-columns:auto auto minmax(0,1fr) auto}.composed-transport button{min-height:var(--control-md);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0 12px}.composed-transport span{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.composed-transport input{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer}.composed-transport :focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:430px){.composed-transport{grid-template-columns:auto 1fr auto}.composed-transport input{grid-column:1/-1;grid-row:2}}@media (max-width:760px){.dashboard-shell{display:block}.dashboard-sidebar{position:sticky;z-index:20;top:0;left:auto;width:auto;height:auto;min-height:0;overflow:visible;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 10px;border-right:0;border-bottom:1px solid var(--border);background:rgba(10,12,15,.94);padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dashboard-brand{margin-right:auto;padding:0;font-size:var(--text-md)}.dashboard-brand span{width:28px;height:28px;font-size:15px}.dashboard-upload{min-height:40px;margin-top:0;padding:0 12px;font-size:var(--text-sm)}.dashboard-nav{display:flex;order:3;width:100%;gap:4px;margin-top:0;overflow-x:auto}.dashboard-nav a{min-height:40px;flex:1 0 auto;justify-content:center;padding:0 12px}.dashboard-member{display:none}.videos-page{padding:20px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}.videos-header{align-items:stretch;flex-direction:column}.videos-header h1{font-size:32px}.videos-header .videos-new{display:none}.videos-empty .videos-new{justify-content:center}.videos-toolbar{align-items:stretch;flex-direction:column}.videos-filters{width:100%}.videos-filters button{min-height:40px;flex:1 0 auto}.videos-search{width:100%}.videos-search input{font-size:16px}.videos-grid{gap:12px;grid-template-columns:1fr}.video-card{display:grid;align-items:start;grid-template-columns:108px minmax(0,1fr)}.video-card-poster{height:100%;min-height:135px;aspect-ratio:auto;border-radius:calc(var(--radius-lg) - 1px) 0 0 calc(var(--radius-lg) - 1px)}.video-card-poster>i{width:40px;height:40px;opacity:1;transform:none}.video-status{top:auto;right:6px;bottom:6px;left:6px;justify-content:center;overflow:hidden;font-size:11px;padding:0 6px;white-space:nowrap}.video-card-body{padding:12px}.video-card-actions>:is(a,button),.video-card-more>button{min-height:44px}.video-card-more>button{width:44px;height:44px}.video-card-menu button{min-height:44px}.videos-generation-warning{position:sticky;z-index:10;top:calc(var(--dashboard-mobile-header-height, 106px) - 2px)}}@media (prefers-reduced-motion:reduce){.videos-skeleton .video-card-poster,.videos-skeleton i{animation:none}}.account-card h1,.billing-header h1{font-family:var(--font-display);font-weight:var(--weight-medium);letter-spacing:-.015em}.billing-primary,.dashboard-shell .account-action{border-color:transparent;background:var(--accent);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.billing-primary:hover:not(:disabled),.dashboard-shell .account-action:hover:not(:disabled){background:var(--accent-hover)}.billing-secondary,.dashboard-shell .account-secondary{font-size:var(--text-sm);font-weight:var(--weight-semibold)}