.create-auth-backdrop,.editor-auth-backdrop{position:fixed;z-index:95;inset:0;display:grid;place-items:center;overflow-y:auto;background:var(--surface-overlay);padding:max(20px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.editor-auth-modal{position:relative;width:min(100%,440px);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid oklch(1 0 0/.08);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-pop);color:var(--text);font-family:var(--font-ui);padding:32px 28px 28px;text-align:center;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}@starting-style{.editor-auth-modal{opacity:0;transform:translateY(6px) scale(.985)}}@media (prefers-reduced-motion:reduce){@starting-style{.editor-auth-modal{transform:none}}}.editor-auth-close{position:absolute;top:10px;right:10px}.editor-auth-modal>h2{padding-inline:36px}.editor-auth-modal.recording-duration-dialog>h2,.editor-auth-modal.sign-out-device-dialog>h2{padding:0 40px 0 0}@media (hover:hover) and (pointer:fine){.editor-auth-close:hover{background:var(--surface-2);color:var(--text)}}.editor-auth-brand{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--text);font:600 24px/1 var(--font-display);letter-spacing:-.005em}.editor-auth-brand:before{content:"۝";content:"۝"/"";font:400 20px/1 var(--font-ui)}.editor-auth-modal h2{margin:18px 0 8px;color:var(--text);font:600 var(--display-dialog) /1.02 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.editor-auth-modal>p:not(.editor-auth-brand):not(.editor-auth-message):not(.editor-auth-legal){margin:0 0 24px;color:var(--text-muted);font-size:var(--text-ui);line-height:1.55;text-wrap:pretty}.editor-auth-email-button,.editor-auth-google{display:flex;width:100%;min-height:var(--touch-min);align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-sm);cursor:pointer;font:500 var(--text-ui) /1 var(--font-ui);transition:transform .16s var(--ease-out),background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}.editor-auth-email-button:active:not(:disabled),.editor-auth-google:active:not(:disabled){transform:scale(.97)}.editor-auth-google{border:1px solid transparent;background:#ffffff;color:#1f1f1f}.editor-auth-google span{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#4285f4;font-family:Arial,sans-serif;font-weight:700}.editor-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-faint);font-size:var(--text-md)}.editor-auth-divider:after,.editor-auth-divider:before{height:1px;flex:1;background:var(--border);content:""}.editor-auth-modal form{text-align:left}.editor-auth-modal label{display:block;margin-bottom:6px;color:var(--text);font-size:var(--text-md);font-weight:500}.editor-auth-modal input{width:100%;min-height:var(--touch-min);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-field);color:var(--text);font:400 16px/1.2 var(--font-ui);padding:0 12px}.editor-auth-modal input::placeholder{color:var(--text-faint);opacity:1}.editor-auth-modal input:focus{border-color:var(--text-muted);outline:none}.editor-auth-modal input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.editor-auth-email-button{margin-top:12px;border:0;background:var(--accent);color:var(--on-accent)}@media (hover:hover) and (pointer:fine){.editor-auth-google:hover:not(:disabled){background:#f1f1f1}.editor-auth-email-button:hover:not(:disabled){background:var(--accent-hover)}}.editor-auth-email-button:disabled,.editor-auth-google:disabled{cursor:not-allowed;opacity:.55}.editor-auth-message{margin:14px 0 0;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);line-height:1.5;padding:10px 12px;text-align:left}.editor-auth-error{border-color:color-mix(in oklch,var(--danger) 35%,transparent);background:var(--danger-soft)}.editor-auth-success{border-color:color-mix(in oklch,var(--success) 35%,transparent);background:var(--success-soft)}.editor-auth-legal{margin:20px 0 0;color:var(--text-faint);font-size:var(--text-sm);line-height:1.55}.editor-auth-legal a{color:var(--text-muted);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.auth-text-button{width:100%;min-height:var(--touch-min);margin-top:8px;border:0;background:transparent;color:var(--text);cursor:pointer;font:500 var(--text-md) /1 var(--font-ui);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:4px}.signin-page{display:grid;min-height:100dvh;place-items:center;background:var(--surface-page);color:var(--text);font-family:var(--font-ui);padding:24px 16px}.signin-card{width:min(100%,460px);border:1px solid oklch(1 0 0/.06);border-radius:var(--radius-xl);background:var(--surface-1);color:var(--text);padding:clamp(28px,6vw,44px);text-align:center}.signin-card h1{margin:18px 0 10px;font:600 clamp(2.25rem,7vw,2.75rem) /1 var(--font-display);letter-spacing:-.012em;text-wrap:balance}.signin-card>p:not(.editor-auth-brand):not(.editor-auth-legal):not(.editor-auth-message){margin:0 0 26px;color:var(--text-muted);font-size:var(--text-base);line-height:1.55;text-wrap:pretty}.signin-card form{text-align:left}.signin-card input{width:100%;min-height:var(--touch-min);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-field);color:var(--text);font:400 16px/1.2 var(--font-ui);padding:0 12px}.signin-card label{display:block;margin-bottom:6px;font-size:var(--text-md);font-weight:500}.auth-popup-page{display:grid;min-height:100dvh;place-items:center;background:var(--surface-page);color:var(--text);font-family:var(--font-ui);padding:24px;text-align:center}.auth-popup-page>div{max-width:360px}.auth-popup-page span{color:var(--text);font:400 34px/1 var(--font-ui)}.auth-popup-page h1{margin:14px 0 8px;font:600 var(--display-dialog) /1.02 var(--font-display)}.auth-popup-page p{color:var(--text-muted);font-size:var(--text-ui);line-height:1.55}.auth-popup-page :is(button,a){display:inline-flex;min-height:var(--touch-min);align-items:center;text-decoration:none;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;font:500 var(--text-ui) /1 var(--font-ui);padding:0 18px}.recording-duration-dialog{margin:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;text-align:left}.recording-duration-dialog::backdrop{background:var(--surface-overlay)}.recording-duration-dialog>div:last-child{display:grid;gap:10px;margin-top:20px}.sign-out-device-dialog{margin:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;text-align:left}.sign-out-device-dialog::backdrop{background:var(--surface-overlay)}.sign-out-device-dialog>div:last-child{display:grid;gap:10px;margin-top:20px}.sign-out-device-list{display:grid;gap:8px;max-height:40dvh;overflow-y:auto;margin:14px 0 0;padding:0;list-style:none}.sign-out-device-list li{display:grid;gap:2px;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.sign-out-device-list strong{overflow-wrap:anywhere;color:var(--text);font-size:var(--text-md)}.sign-out-device-list small{color:var(--text-muted);font-size:var(--text-sm)}.editor-account-menu{color:var(--text);font-family:var(--font-ui)}.editor-account-identity{display:flex;align-items:center;gap:10px;padding:2px 2px 14px}.editor-account-identity>span{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:50%;background:var(--surface-2) center/cover no-repeat;box-shadow:inset 0 0 0 1px oklch(1 0 0/.08);color:var(--text);font:600 var(--text-ui) /1 var(--font-ui);text-box:trim-both cap alphabetic}.editor-account-identity small,.editor-account-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-account-identity strong{font-size:var(--text-md);font-weight:var(--weight-bold)}.editor-account-identity small{max-width:240px;margin-top:2px;color:var(--text-muted);font-size:var(--text-xs)}.editor-account-plan-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);padding:14px}.editor-account-plan-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-account-plan-card>div>span{color:var(--text);font:600 var(--text-md) /1.2 var(--font-ui)}.editor-account-plan-card>div>b{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text);font-size:var(--text-sm);font-weight:500;padding:3px 9px}.editor-account-plan-card ul{display:grid;gap:5px;margin:10px 0 12px;padding:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.35;list-style:none}.editor-account-plan-card li{display:flex;align-items:center;gap:8px}.editor-account-plan-card li:before{width:5px;height:5px;flex:none;border-radius:50%;background:var(--text-muted);content:""}.editor-account-plan-action{width:100%;min-height:var(--control-md);border:0;border-radius:var(--radius-sm);background:var(--selected);color:var(--on-selected);cursor:pointer;font:500 var(--text-md) /1 var(--font-ui);transition:transform .16s var(--ease-out),background-color var(--dur-fast) ease}@media (hover:hover) and (pointer:fine){.editor-account-plan-action:hover{background:oklch(.88 0 0)}}.editor-account-plan-action:active{transform:scale(.97)}a.editor-account-plan-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.editor-account-creations{display:grid;gap:2px;margin:10px 0 0;color:var(--text);font-size:var(--text-sm)}.editor-account-creations strong{font-weight:var(--weight-semibold)}.editor-account-creations small{color:var(--text-muted);font-size:var(--text-xs)}.editor-account-menu-links{margin-top:8px;border-top:1px solid var(--border);padding-top:4px}.editor-account-menu-item{display:flex;width:100%;min-height:38px;align-items:center;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text);cursor:pointer;font:var(--weight-medium) var(--text-md) /1.2 var(--font-ui);padding:0 8px;text-align:left;text-decoration:none}.editor-account-menu-item:hover{background:var(--surface-2)}.editor-account-menu-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.editor-account-signout{margin-top:4px;border-top:1px solid var(--border);border-radius:0;color:var(--danger)}.editor-account-button:focus-visible,.editor-back-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.editor-topbar:has(.editor-account-popover),.editor-topbar:has(.editor-auth-backdrop){z-index:85}@media (max-width:680px),(pointer:coarse){.editor-account-menu-item{min-height:var(--touch-min);font-size:var(--text-base)}}.plan-comparison-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:var(--surface-overlay);padding:20px}.plan-comparison-dialog{width:min(100%,820px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border:1px solid oklch(1 0 0/.08);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-pop);color:var(--text);font-family:var(--font-ui);padding:28px}.plan-comparison-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.plan-comparison-dialog header p{margin:0 0 8px;color:var(--text-muted);font-size:var(--text-md)}.plan-comparison-dialog h2{margin:0;font:600 var(--display-dialog) /1.02 var(--font-display);letter-spacing:-.01em}.plan-comparison-close{margin:-8px -8px 0 0}.plan-comparison-close:hover{background:var(--surface-2);color:var(--text)}.plan-comparison-intro{max-width:580px;margin:10px 0 18px;color:var(--text-muted);font-size:var(--text-md);line-height:1.5}.plan-comparison-interval{display:inline-flex;gap:2px;margin:0 0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:transparent;padding:3px}.plan-comparison-interval button{min-height:32px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer;font:500 var(--text-md) /1 var(--font-ui);padding:0 14px}.plan-comparison-interval button.is-selected{background:var(--selected);color:var(--on-selected)}.plan-comparison-interval small{margin-left:4px;color:inherit;font-size:var(--text-xs);opacity:.85}.plan-comparison-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-comparison-card{min-height:160px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);padding:16px}.plan-comparison-card.is-current{border-color:var(--border-strong);background:var(--surface-2)}.plan-comparison-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-comparison-card>div>span{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-bold)}.plan-comparison-card b{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text);font-size:var(--text-sm);font-weight:500;padding:3px 9px;white-space:nowrap}.plan-comparison-price{display:block;margin-top:12px;color:var(--text);font:600 2rem/1 var(--font-display)}.plan-comparison-saving{display:block;margin-top:3px;color:var(--success)!important}.plan-comparison-card ul{display:grid;min-height:45px;gap:6px;margin:12px 0;padding:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.35;list-style:none}.plan-comparison-card li:before{display:inline-block;width:5px;height:5px;margin:0 8px 2px 0;border-radius:50%;background:var(--text-muted);content:""}.plan-comparison-card small{color:var(--text-faint);font-size:var(--text-xs)}.plan-comparison-action{width:100%;min-height:var(--control-md);margin-top:2px;font-size:var(--text-sm)}.plan-comparison-status{display:block;margin-top:5px;color:var(--text-muted);font-size:var(--text-xs)}.plan-comparison-payment{margin-bottom:14px}.plan-comparison-payment.ui-notice p{color:var(--text)}.plan-comparison-payment>.ui-btn{justify-self:start;margin-top:8px}.plan-comparison-matrix{overflow:hidden;margin-top:16px;border:1px solid var(--border);border-radius:var(--radius-md)}.plan-comparison-matrix [role=row]{display:grid;grid-template-columns:1.45fr repeat(2,1fr);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.plan-comparison-matrix [role=row]:first-child{border-top:0}.plan-comparison-matrix [role=row]>span{min-width:0;padding:9px 10px}.plan-comparison-matrix [role=row]>span+span{border-left:1px solid var(--border)}.plan-comparison-matrix-head{background:var(--surface-2);color:var(--text)!important;font-size:var(--text-xs)!important;font-weight:var(--weight-bold)}.plan-comparison-message{margin:14px 0 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--text-md);line-height:1.5;padding:10px 12px}.plan-comparison-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;color:var(--text-faint);font-size:var(--text-xs)}.plan-comparison-dialog footer>div{display:flex;gap:8px}@media (max-width:680px){.plan-comparison-dialog{padding:18px}.plan-comparison-cards{grid-template-columns:1fr}.plan-comparison-card{min-height:0}.plan-comparison-matrix{overflow-x:auto}.plan-comparison-matrix [role=row]{min-width:420px}.plan-comparison-dialog footer{align-items:flex-start;flex-direction:column}}.editor-loading-shell{display:grid;min-height:100dvh;place-items:center;background:var(--surface-page);color:var(--text);font-family:var(--font-ui);padding:20px}.editor-loading-card{width:min(460px,100%);border:1px solid oklch(1 0 0/.08);border-radius:var(--radius-xl);background:var(--surface-1);padding:32px 28px 28px}.editor-loading-card span{display:inline-flex;align-items:center;gap:8px;color:var(--text);font:600 22px/1 var(--font-display)}.editor-loading-card span:before{content:"۝";content:"۝"/"";font:400 19px/1 var(--font-ui)}.editor-loading-card h1{margin:18px 0 8px;font:600 var(--display-dialog) /1.02 var(--font-display);letter-spacing:-.01em}.editor-loading-card p{margin:0;color:var(--text-muted);font-size:var(--text-ui);line-height:1.55}.editor-loading-card a,.editor-loading-card button{display:inline-flex;min-height:var(--touch-min);align-items:center;margin-top:20px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;font:500 var(--text-ui) /1 var(--font-ui);padding:0 18px;text-decoration:none}.editor-loading-card a+button{margin-left:8px;background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text)}@media (pointer:coarse){.editor-account-plan-action,.plan-comparison-action,.plan-comparison-interval button{min-height:var(--touch-min)}}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%,oklch(.24 0 0),var(--qc-sunken) 64%);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(--text-muted);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:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--qc-sunken);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(--text-muted);background-color:var(--surface-1)}.quick-create-drop>span{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text)}.quick-create-drop>span svg{display:block;width:26px;height:26px}.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(--touch-min);align-items:center;margin-top:22px;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font:500 var(--text-ui) /1 var(--font-ui);padding:0 20px}.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(--text-muted);font-size:var(--text-sm);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}@media (hover:hover) and (pointer:fine){.quick-create-file label:hover{border-color:var(--text)}}.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(--selected);color:var(--on-selected)}.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(--selected);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(--selected);background:var(--selected-soft);box-shadow:inset 0 0 0 1px var(--selected)}.visual-card.is-selected strong,.visual-card[aria-checked=true] strong{color:var(--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.75;text-overflow:ellipsis;white-space:nowrap}.visual-card-sample.is-translation{font-size:var(--text-md);line-height:1.5}.visual-script-card{min-height:104px}.visual-script-card .visual-card-sample{font-size:26px;line-height:2}.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(--text)}.visual-shade-example{display:grid;width:100%;min-height:36px;place-items:center;border-radius:var(--radius-sm);background-image:linear-gradient(135deg,#4f5560,#1e2126);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(--selected);background:var(--selected-soft);box-shadow:inset 0 0 0 1px var(--selected);color:var(--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(--selected);content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center /10px 10px no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center /10px 10px no-repeat exclude,linear-gradient(#000 0 0)}.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(--text)}.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(--text);box-shadow:0 1px 4px rgba(0,0,0,.45)}.quick-create-panel input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--surface-1);border-radius:50%;background:var(--text)}.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(--selected)}.quick-create-switch input:checked:after{background:var(--qc-ground);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}@media (hover:hover) and (pointer:fine){.quick-create-next:hover,.quick-create-reset:hover{border-color:var(--text)}}.quick-create-next{width:100%;margin-top:18px;color:var(--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(--selected);box-shadow:inset 0 0 0 1px var(--selected)}.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(--text-muted);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-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;font:500 var(--text-base) /1 var(--font-ui);transition:transform .16s var(--ease-out),background-color var(--dur-fast) ease}.quick-create-generate:active:not(:disabled){transform:scale(.98)}.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-creation-notice .quick-create-upgrade{margin-top:6px}.quick-create-header-allowance{display:none}.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}.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(--text-muted);font-size:var(--text-sm);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(--selected);color:var(--on-selected);font:600 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(--text);cursor:pointer;font-size:var(--text-md);font-weight:500;padding:0 8px;text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:4px}.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:oklch(.12 0 0/.82);color:var(--qc-ink);font:500 var(--text-xs) /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-ink);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-ground);border-radius:2px;background:var(--qc-ink);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{--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-header .quick-create-header-allowance{display:block;margin-top:10px;text-align:left}.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{align-self:stretch;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(--text-muted)}.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(--on-selected)}.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}.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-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;font:500 var(--text-ui) /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}}.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-player{container:composed-player/inline-size}.composed-transport{display:grid;width:100%;min-width:0;align-items:center;gap:10px 12px;grid-template-columns:auto auto auto minmax(48px,1fr);grid-template-areas:"seek seek seek seek" "play time mute volume"}@container composed-player (min-width: 600px){.composed-transport{grid-template-columns:auto auto minmax(0,1fr) auto minmax(64px,120px);grid-template-areas:"play time seek mute volume"}}.composed-transport>button:first-of-type{grid-area:play}.composed-transport>span{grid-area:time}.composed-transport>input[aria-label="Seek preview"]{grid-area:seek}.composed-transport>button:last-of-type{grid-area:mute}.composed-transport>input[aria-label="Preview volume"]{grid-area:volume}.composed-transport button{min-height:var(--control-md);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font:500 var(--text-md) /1.2 var(--font-ui);padding:0 14px;transition:transform .16s var(--ease-out),border-color var(--dur-fast) ease}.composed-transport button:active{transform:scale(.97)}.composed-transport button.composed-transport-icon{display:grid;width:var(--control-md);place-items:center;padding:0}.composed-transport-icon svg{display:block;width:18px;height:18px}.composed-transport-icon .lucide-play{margin-left:2px}@media (pointer:coarse){.composed-transport button{min-height:var(--touch-min)}.composed-transport button.composed-transport-icon{width:var(--touch-min)}.composed-transport input{min-height:var(--touch-min)}}.composed-transport span{color:var(--text-muted);font-size:var(--text-md);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 auto auto minmax(48px,1fr)}}@media (pointer:coarse){.quick-create-advanced summary,.quick-create-picker-error button,.quick-create-switch{min-height:var(--touch-min)}}.quick-create-upgrade a{display:inline-flex;min-height:24px;align-items:center}@media (pointer:coarse){.quick-create-upgrade a{min-height:var(--touch-min)}}.videos-page{padding-top:clamp(16px,1.6vw,24px)}.videos-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.videos-header>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.videos-header>div>span{margin-top:0}.videos-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:16px}.videos-filters.ui-segmented{display:inline-flex;width:auto;overflow-x:auto;scrollbar-width:none}.videos-filters.ui-segmented::-webkit-scrollbar{display:none}.videos-filters.ui-segmented button{flex:0 0 auto;padding:0 16px}.videos-search{position:relative;display:block;width:min(360px,100%)}.videos-search svg{position:absolute;top:50%;left:14px;width:18px;height:18px;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.videos-search .ui-input{padding-left:42px}.videos-search .ui-input::-webkit-search-cancel-button{cursor:pointer}.videos-error{margin-bottom:20px}.videos-generation-warning{margin-bottom:16px}@media (min-width:761px){.videos-generation-warning .generation-visibility-warning{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:10px 16px}.videos-generation-warning .generation-visibility-warning :is(p,small){margin:0}}.videos-grid{display:grid;gap:28px 20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{position:relative;display:flex;min-width:0;flex-direction:column;border:1px solid oklch(1 0 0/.06);border-radius:var(--radius-lg);background:var(--surface-1)}.video-card-poster{position:relative;display:grid;width:100%;aspect-ratio:16/9;place-items:center;overflow:hidden;border:0;border-radius:7px 7px 0 0;background:var(--qc-sunken);color:var(--text-faint);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;object-position:50% 30%}.video-card-poster[data-format=landscape] img{object-position:50% 50%}.video-card-placeholder{display:grid;place-items:center}.video-card-placeholder svg{display:block;width:30px;height:30px}.video-card-poster>i{position:absolute;display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--qc-ink);box-shadow:0 10px 30px oklch(0 0 0/.45);color:var(--qc-ground);font-style:normal;opacity:0;transform:scale(.94);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.video-card-poster>i svg{display:block;width:22px;height:22px;margin-left:3px;fill:currentColor}.video-card-poster:focus-visible{outline-offset:-3px}.video-card-poster:focus-visible>i{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.video-card-poster:hover:not(:disabled)>i{opacity:1;transform:none}}@media (hover:none){.video-card-poster:not(:disabled)>i{opacity:1;transform:none}}.video-status{display:inline-flex;min-width:0;align-items:center;gap:6px;color:var(--text);font-weight:500}.video-status svg{display:block;width:16px;height:16px;flex:none}.video-status.is-ready svg{color:var(--success)}.video-status.is-generating svg{color:var(--accent)}.video-status.is-failed svg{color:var(--danger)}.video-status.is-interrupted svg{color:var(--warning)}.video-status-spin{animation:video-status-spin .9s linear infinite}@keyframes video-status-spin{to{transform:rotate(1turn)}}.video-progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:oklch(1 0 0/.14)}.video-progress>span{display:block;height:100%;background:var(--accent);transition:width var(--dur-slow) var(--ease-standard)}.video-card-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px;padding:16px 18px}.video-card-body h2{display:-webkit-box;margin:0;overflow:hidden;color:var(--text);font:600 var(--text-lg) /1.3 var(--font-ui);letter-spacing:-.01em;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-ui);line-height:1.4;overflow-wrap:anywhere}.video-card-body>p.video-generation-phase{color:var(--accent-text);font-size:var(--text-md)}.video-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;color:var(--text-faint);font-size:var(--text-md);line-height:1.4}.video-card-storage{display:inline-flex;min-width:0;align-items:flex-start;gap:6px;color:var(--text-muted)}.video-card-storage svg{display:block;width:16px;height:16px;flex:none;margin-top:1px}.video-card-storage.is-saved{color:var(--success)}.video-card-error,.video-card-warning{display:block;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);line-height:1.5;padding:8px 12px}.video-card-error{border-color:color-mix(in oklch,var(--danger) 35%,transparent);background:var(--danger-soft)}.video-card-warning{border-color:color-mix(in oklch,var(--warning) 35%,transparent);background:var(--warning-soft)}.video-card-warning a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.video-card-body .editor-notice{display:grid;gap:2px;margin:0;border:1px solid color-mix(in oklch,var(--danger) 35%,transparent);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--text);font-size:var(--text-md);line-height:1.5;padding:10px 12px 6px}.video-card-body .editor-notice span{color:var(--text)}.video-card-body .editor-notice .editor-text-button{min-height:28px;justify-self:start;margin:0;border:0;font:500 var(--text-md) /1.3 var(--font-ui);padding:0;text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:4px}.video-card-body .editor-notice .editor-text-button,.video-card-save:not(.ui-btn){display:inline-flex;align-items:center;background:transparent;color:var(--text);cursor:pointer}.video-card-save:not(.ui-btn){min-height:var(--control-md);justify-content:center;gap:8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:500 var(--text-ui) /1.2 var(--font-ui);padding:0 16px;transition:transform .16s var(--ease-out),border-color var(--dur-fast) ease}.video-card-save:not(.ui-btn):active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.video-card-save:not(.ui-btn):hover{border-color:var(--text)}}@media (pointer:coarse){.video-card-save:not(.ui-btn){min-height:var(--touch-min)}}.video-card-save{align-self:stretch}.video-card-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:auto;padding-top:10px}.video-card-actions>:is(.video-card-edit,.video-card-watch){flex:1 1 calc(50% - 4px);min-width:max-content}.video-card-actions>.video-card-download{flex:1 1 0;min-width:max-content}.video-card-actions>.video-card-cancel{order:1;flex:1 1 100%}.video-card-actions>:is(a,button).ui-btn:not(.video-card-edit,.video-card-watch,.video-card-cancel){flex:1 1 auto;min-width:max-content}.video-card-actions>.video-card-manual{flex:0 1 auto;padding:0 6px}.video-card-actions>.video-card-manual+.video-card-more{margin-left:auto}.video-card-download.ui-split>button:first-child{justify-content:center}.video-card-more{position:relative;flex:none}.video-card-actions>.video-card-more:only-child{margin-left:auto}.video-card-more>.ui-icon-btn[aria-expanded=true]{border-color:var(--text);color:var(--text)}.video-card-menu.ui-menu{right:0;bottom:calc(100% + 8px);--ui-menu-origin:bottom right}.videos-empty{display:grid;justify-items:start;gap:12px;border-radius:var(--radius-lg);background:var(--surface-1);padding:clamp(32px,5vw,64px);text-align:left}.videos-empty h2{max-width:18em;margin:0;color:var(--text);font:600 var(--display-section) /1.05 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.videos-empty p{max-width:52ch;margin:0;color:var(--text-muted);font-size:var(--text-base);line-height:1.6;text-wrap:pretty}.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 .video-card-body{min-height:120px}.videos-skeleton i{display:block;height:14px;border-radius:7px}.videos-skeleton i:first-child{height:22px;width:80%}.videos-skeleton i+i{width:55%}@keyframes videos-shimmer{to{background-position:-200% 0}}.watch-backdrop.ui-dialog-backdrop{z-index:80}.watch-modal.ui-dialog{width:min(980px,100%);padding:20px 24px 24px}.watch-modal>header{margin-bottom:16px}.download-dialog>header h2,.watch-modal>header h2{font:600 var(--text-xl) /1.25 var(--font-ui);letter-spacing:-.01em}.download-dialog>header span,.watch-modal>header span{display:block;margin-top:6px;color:var(--text-muted);font-size:var(--text-md)}.watch-modal>.ui-dialog-actions{margin-top:20px}.download-dialog.ui-dialog{display:grid;width:min(560px,100%);min-width:0;gap:18px}.download-dialog>header h2{overflow-wrap:anywhere}.download-watermark{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);font-size:var(--text-md);font-weight:500;padding:10px 14px}.download-watermark .ui-switch{flex:1}.download-watermark a{display:inline-flex;min-height:32px;align-items:center;color:var(--text);font-weight:500;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}@media (pointer:coarse){.download-watermark a,.video-card-body .editor-notice .editor-text-button{min-height:var(--touch-min)}}.download-hint{margin:0;color:var(--text-muted);font-size:var(--text-md);line-height:1.5}.download-dialog>.ui-dialog-actions{margin-top:0}@media (max-width:760px){.videos-page{padding:22px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}.videos-header{margin-bottom:20px}.videos-header,.videos-toolbar{align-items:stretch;flex-direction:column}.videos-toolbar{margin-bottom:18px}.videos-filters.ui-segmented{display:flex;width:100%}.videos-filters.ui-segmented button{flex:1 0 auto;padding:0 12px}.videos-search{width:100%}.videos-grid{gap:12px;grid-template-columns:1fr}.video-card{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:6px;align-items:start;padding:12px}.video-card-poster{grid-column:1;grid-row:1/span 3;width:104px;aspect-ratio:4/5;border-radius:var(--radius-md)}.video-card-poster>i{display:none}.video-card-body{display:contents}.video-card-body>*{grid-column:2}.video-card-body h2{font-size:var(--text-base)}.video-card-meta{align-self:start;font-size:var(--text-md)}.video-card-body>:is(small,.editor-notice,.video-card-save,.video-card-actions){grid-column:1/-1}.video-card-body>.video-card-actions{padding-top:6px}.watch-modal.ui-dialog{padding:16px}.download-backdrop.ui-dialog-backdrop{align-items:end;padding-bottom:0}.download-dialog.ui-dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}.download-dialog .ui-choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.video-status-spin,.videos-skeleton .video-card-poster,.videos-skeleton i{animation:none}.video-card-poster>i{transition:opacity .18s var(--ease-out);transform:none}}