.video-share-dialog{box-sizing:border-box;width:min(520px, calc(var(--app-viewport-width) - 2rem));max-height:calc(var(--app-viewport-height) - 2rem);border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:22px;padding:1.75rem;overflow-y:auto;box-shadow:0 24px 80px #0003}.video-share-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07152680}.video-share-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.video-share-heading-copy{min-width:0}.video-share-heading h2{letter-spacing:-.025em;margin:0;font-size:1.55rem;line-height:1.25}.video-share-heading-copy>p{color:var(--muted);margin:.5rem 0 0;font-size:.88rem;line-height:1.5}.video-share-dialog .video-share-close{color:var(--muted);margin-top:-.3rem;background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;min-height:40px;margin-inline-end:-.3rem;padding:0;display:grid}.video-share-dialog .video-share-close:hover{background:var(--surface-hover);color:var(--text)}.video-share-context{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem;display:flex}.video-share-context>div{min-width:0}.video-share-video-icon{background:color-mix(in srgb, var(--action) 12%, transparent);width:42px;height:42px;color:var(--action);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.video-share-context-label{color:var(--muted);font-size:.75rem;font-weight:500}.video-share-video-title{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.92rem;font-weight:650;line-height:1.4}.video-share-url{gap:.65rem;display:grid}.video-share-url-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.video-share-url-heading>label{color:var(--text);margin:0;font-size:.84rem;font-weight:650}.video-share-link-tag{color:var(--text-soft);background:color-mix(in srgb, var(--action) 10%, transparent);white-space:nowrap;border-radius:5px;padding:.25rem .45rem;font-size:.7rem;font-weight:650}.video-share-dialog .video-share-url textarea{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;min-height:108px;color:var(--text);background:var(--input);resize:none;overflow-wrap:anywhere;word-break:break-all;border-radius:12px;padding:.9rem 1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;line-height:1.7}.video-share-url textarea::placeholder{color:var(--muted)}.video-share-referral{border:1px solid var(--border);background:0 0;border-radius:12px;margin-top:1rem;padding:1rem}.video-share-referral.is-selected{border-color:color-mix(in srgb, var(--action) 45%, var(--border));background:color-mix(in srgb, var(--action) 6%, transparent)}.video-share-referral>label{cursor:pointer;flex-direction:row;align-items:center;gap:.65rem;margin:0;font-size:.88rem;font-weight:650;line-height:1.5;display:flex}.video-share-referral>label input{box-sizing:border-box;width:18px;height:18px;min-height:18px;accent-color:var(--action);flex:0 0 18px;margin:0;padding:0}.video-share-referral>p{margin:.35rem 0 0;color:var(--muted);margin-inline-start:1.8rem;font-size:.8rem;line-height:1.5}.video-share-code-info{border-top:1px solid var(--border);margin:.85rem 0 0;margin-inline-start:1.8rem;padding-top:.85rem}.video-share-code-info>p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.video-share-code-info>.video-share-expiry{margin-top:.45rem;font-size:.72rem}.video-share-loading{color:var(--muted);align-items:center;gap:.5rem;margin:.8rem 0 0;font-size:.8rem;display:flex}.video-share-loading>span{background:var(--action);border-radius:50%;flex-shrink:0;width:7px;height:7px}.video-share-footer{margin-top:1.5rem}.video-share-dialog .video-share-copy{background:var(--action);border:1px solid var(--action);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:48px;padding:.8rem 1rem;font-size:.93rem;font-weight:650;display:flex}.video-share-dialog .video-share-copy:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.video-share-copy-status{min-height:1.35rem;color:var(--muted);text-align:center;margin:.75rem 0 0;font-size:.75rem;line-height:1.6}.video-share-copy-status.has-status{color:var(--text)}.video-share-error{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:12px;margin-top:1rem;padding:1rem}.video-share-error p{margin:0 0 .75rem;font-size:.86rem;line-height:1.5}.video-share-error>div{flex-wrap:wrap;gap:.5rem;display:flex}.video-share-dialog .video-share-error button{border-radius:8px;min-height:38px;padding:.55rem .75rem;font-size:.8rem}.video-card{position:relative}.video-card-share-menu{inset-inline-end:.55rem;z-index:2;position:absolute;top:.55rem}.video-card-share-menu summary{cursor:pointer;color:#fff;letter-spacing:1px;background:#102035bc;border-radius:50%;place-items:center;width:34px;height:34px;list-style:none;display:grid}.video-card-share-menu summary::-webkit-details-marker{display:none}.video-card-share-menu>button{top:40px;border:1px solid var(--border);width:max-content;min-width:130px;color:var(--text);background:var(--surface,var(--bg,white));position:absolute;inset-inline-end:0;box-shadow:0 8px 25px #0002}@media (max-width:600px){.video-share-dialog{width:calc(var(--app-viewport-width) - 1.5rem);max-height:calc(var(--app-viewport-height) - 1.5rem);border-radius:18px;padding:1.25rem}.video-share-heading{margin-bottom:1.25rem}.video-share-heading h2{font-size:1.4rem}.video-share-context{margin-bottom:1.25rem}.video-share-dialog .video-share-url textarea{min-height:124px;padding:.8rem;font-size:.77rem}.video-share-referral{padding:.85rem}.video-share-code-info{margin-inline-start:0}.video-share-footer{margin-top:1.25rem}}
.video-details-dialog{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:22px;width:min(720px,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.75rem;box-shadow:0 24px 80px #0003}.video-details-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07152680}.video-details-dialog .dialog-head{margin-bottom:1.5rem}.video-details-kicker{color:var(--text-soft);letter-spacing:.1em;margin:0 0 .4rem;font-size:.68rem;font-weight:750}.video-details-dialog .dialog-head h2{font-size:1.5rem;line-height:1.25}.video-details-intro{color:var(--muted);margin:.55rem 0 0;font-size:.87rem;line-height:1.5}.video-details-dialog .close{border-color:#0000;border-radius:50%;flex-shrink:0;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:grid}.video-details-dialog .close:hover:not(:disabled){background:var(--surface-hover)}.video-details-dialog form{gap:1.4rem;display:grid}.video-details-dialog label{margin-bottom:0;font-size:.84rem}.video-details-dialog input,.video-details-dialog select,.video-details-dialog textarea{box-sizing:border-box;border-radius:10px;max-width:100%;font-size:.88rem;line-height:1.5}.video-details-dialog label>small{color:var(--muted);margin-top:-.25rem;font-size:.73rem;font-weight:400}.video-details-section{gap:1.05rem;min-width:0;display:grid}.video-details-section+.video-details-section{border-top:1px solid var(--border);padding-top:1.4rem}.video-details-section h3{margin:0;font-size:1rem;font-weight:650}.video-details-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.video-details-dialog .file-label{border:1px dashed color-mix(in srgb, var(--action) 45%, var(--border));background:color-mix(in srgb, var(--action) 6%, transparent);color:var(--text);border-radius:14px;gap:.65rem;padding:1.4rem}.video-details-dialog .file-label>svg{width:32px;height:32px}.video-details-dialog .file-label strong{font-size:.97rem}.video-details-dialog .file-label span{font-size:.78rem;line-height:1.5}.video-details-dialog .file-label input{min-height:36px;padding:.2rem;font-size:.8rem}.video-details-dialog input[type=file]::file-selector-button{border:1px solid var(--border-strong);background:var(--input);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;margin-right:.7rem;padding:.55rem .8rem}.video-details-dialog .preview-settings{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:.9rem;min-width:0;margin:0;padding:1rem;display:grid}.video-details-dialog .preview-settings legend{padding:0 .5rem;font-size:.85rem;font-weight:650}.video-details-dialog .legal-check{cursor:pointer;flex-direction:row;align-items:flex-start;gap:.65rem;font-weight:500;line-height:1.5;display:flex}.video-details-dialog .legal-check input{box-sizing:border-box;width:18px;height:18px;min-height:18px;accent-color:var(--action);flex:0 0 18px;margin:.1rem 0 0;padding:0}.video-details-dialog .preview-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.video-details-dialog .preview-choice-list .legal-check{border:1px solid var(--border);background:var(--input);border-radius:10px;padding:.85rem}.video-details-dialog .preview-choice-list .legal-check:has(input:checked){border-color:color-mix(in srgb, var(--action) 45%, var(--border));background:color-mix(in srgb, var(--action) 6%, var(--input))}.video-details-dialog .preview-choice-list .legal-check:has(input:disabled){opacity:.6}.video-details-dialog .preview-choice-list>label:not(.legal-check){grid-column:1/-1}.video-details-dialog .preview-choice-list small{font-size:.72rem;line-height:1.5}.video-details-dialog .preview-settings>p,.video-details-policy p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}.video-details-policy summary{cursor:pointer;color:var(--muted);font-size:.8rem;font-weight:600}.video-details-policy[open] summary{margin-bottom:.75rem}.video-details-policy p+p{margin-top:.5rem}.video-details-policy a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.video-details-footer{border-top:1px solid var(--border);padding-top:1.15rem}.video-details-dialog .upload-note{margin:0 0 1rem;font-size:.76rem;line-height:1.65}.video-details-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.video-details-dialog .video-details-actions button{border-radius:10px;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.75rem 1.15rem;font-size:.88rem;font-weight:650;display:flex}.video-details-dialog .video-details-actions .primary{background:var(--action);border:1px solid var(--action);color:#fff;width:auto;min-width:155px}.video-details-dialog .video-details-actions .primary:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.video-details-dialog .thumbnail-editor{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:1rem;padding:1rem}.video-details-dialog .thumbnail-editor img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:160px;max-width:100%}.video-details-dialog .thumbnail-editor>div{min-width:0}.video-details-dialog .thumbnail-editor strong{font-size:.88rem}.video-details-dialog .thumbnail-editor p{margin:.5rem 0 .75rem;font-size:.76rem;line-height:1.5}.video-details-dialog .thumbnail-editor .file-button{border-radius:8px;font-size:.8rem}.video-details-dialog .thumbnail-editor .text-button{text-align:left;padding-left:0;font-size:.76rem}@media (max-width:600px){.video-details-dialog{border-radius:18px;width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);padding:1.25rem}.video-details-dialog .dialog-head h2{font-size:1.3rem}.video-details-field-row,.video-details-dialog .preview-choice-list,.video-details-dialog .thumbnail-editor{grid-template-columns:minmax(0,1fr)}.video-details-dialog .thumbnail-editor img{width:100%;max-height:160px}.video-details-actions{flex-wrap:wrap}.video-details-dialog .video-details-actions button{flex:1}}.video-details-error{color:var(--text);background:var(--surface-soft);border:1px solid var(--border-strong);border-left:3px solid var(--action);overflow-wrap:anywhere;border-radius:10px;margin:0;padding:.9rem 1rem;font-size:.86rem;line-height:1.5}