.addvideo-dialog .addvideo-paper{border-radius:var(--tal-radius-lg);background:var(--tal-n-50);width:100%;max-height:min(78vh,620px);box-shadow:var(--tal-e-4);overflow:hidden}@media screen and (max-width:600px){.addvideo-dialog .addvideo-paper{margin:var(--tal-sp-3);width:calc(100% - var(--tal-sp-6));max-height:calc(100% - var(--tal-sp-6));border-radius:var(--tal-radius-md)}}.addvideo{flex-direction:column;flex:auto;min-height:0;max-height:min(78vh,620px);display:flex}.addvideo-header{justify-content:space-between;align-items:flex-start;gap:var(--tal-sp-3);padding:var(--tal-sp-3) var(--tal-sp-4);background:var(--tal-n-0);border-bottom:1px solid var(--tal-border);flex-shrink:0;display:flex}.addvideo-title{font-size:var(--tal-fs-base);font-weight:var(--tal-fw-semibold);line-height:var(--tal-lh-snug);color:var(--tal-n-900);margin:0}.addvideo-close.MuiIconButton-root{border-radius:var(--tal-radius-full);width:32px;height:32px;color:var(--tal-n-500);flex-shrink:0;padding:0}.addvideo-close.MuiIconButton-root svg{width:16px;height:16px}.addvideo-close.MuiIconButton-root:focus-visible{box-shadow:var(--tal-focus-ring);outline:none}.addvideo-close.MuiIconButton-root:hover{background:var(--tal-n-100);color:var(--tal-n-900)}.addvideo-body{min-height:0;padding:var(--tal-sp-3) var(--tal-sp-4) var(--tal-sp-4);flex:1;overflow-y:auto}.addvideo-section{background:var(--tal-n-0);border:1px solid var(--tal-n-200);border-radius:var(--tal-radius-md);box-shadow:var(--tal-e-1);padding:var(--tal-sp-3)}.addvideo-section+.addvideo-section{margin-top:var(--tal-sp-3)}.addvideo-section-head{justify-content:space-between;align-items:flex-start;gap:var(--tal-sp-3);margin-bottom:var(--tal-sp-3);display:flex}@media screen and (max-width:480px){.addvideo-section-head{flex-direction:column;align-items:stretch}}.addvideo-section-title{font-size:var(--tal-fs-sm);font-weight:var(--tal-fw-semibold);color:var(--tal-n-900);margin:0}.addvideo-section-hint{font-size:var(--tal-fs-xs);line-height:var(--tal-lh-body);color:var(--tal-n-500);overflow-wrap:anywhere;margin:2px 0 0}.addvideo-error{margin:0 0 var(--tal-sp-3);font-size:var(--tal-fs-sm);color:var(--tal-accent-700)}.addvideo-empty{margin:var(--tal-sp-4) 0 var(--tal-sp-2);text-align:center;font-size:var(--tal-fs-sm);color:var(--tal-n-500)}.addvideo-dropzone .dropzone{min-height:104px;padding:var(--tal-sp-4);border:1.5px dashed var(--tal-n-300);border-radius:var(--tal-radius-md);background:var(--tal-n-25);cursor:pointer;transition:border-color var(--tal-dur) var(--tal-ease),background-color var(--tal-dur) var(--tal-ease);justify-content:center;align-items:center;display:flex}.addvideo-dropzone .dropzone:hover,.addvideo-dropzone .dropzone.dropzone--isActive{border-color:var(--tal-accent-600);background:var(--tal-accent-50)}.addvideo-dropzone .dropzone-container{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:static}.addvideo-dropzone .dropzone-container .MuiIconButton-root{margin-bottom:var(--tal-sp-2);color:var(--tal-accent-600);background:0 0;padding:0}.addvideo-dropzone .dropzone-container .MuiIconButton-root svg{width:22px;height:22px}.addvideo-dropzone .dropzone-container .MuiTypography-root{font-size:var(--tal-fs-sm);line-height:var(--tal-lh-body);color:var(--tal-n-500)}.addvideo-dropzone .dropzone-container .MuiTypography-root:first-of-type{font-weight:var(--tal-fw-semibold);color:var(--tal-n-900)}.addvideo-uploading{align-items:center;gap:var(--tal-sp-2);margin-top:var(--tal-sp-3);font-size:var(--tal-fs-sm);color:var(--tal-n-500);display:flex}.addvideo-tiles{gap:var(--tal-sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.addvideo-tile{border:1px solid var(--tal-n-200);border-radius:var(--tal-radius-md);background:var(--tal-n-0);flex-direction:column;display:flex;position:relative;overflow:hidden}.addvideo-tile-figure{aspect-ratio:16/9;background:var(--tal-n-800);color:var(--tal-n-0);cursor:pointer;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.addvideo-tile-figure .addvideo-tile-thumb{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.addvideo-tile-figure .addvideo-tile-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:44px;height:44px;transition:transform var(--tal-dur) var(--tal-ease),background var(--tal-dur) var(--tal-ease);background:#1018288c;border-radius:50%;place-items:center;display:grid;position:relative}.addvideo-tile-figure svg{width:22px;height:22px}.addvideo-tile-figure:hover .addvideo-tile-play{background:#101828bf;transform:scale(1.06)}.addvideo-tile-figure:focus-visible{box-shadow:var(--tal-focus-ring);outline:none}.addvideo-tile-info{padding:var(--tal-sp-2) var(--tal-sp-3);flex-direction:column;gap:2px;display:flex}.addvideo-tile-name{font-size:var(--tal-fs-sm);font-weight:var(--tal-fw-semibold);color:var(--tal-n-900);overflow-wrap:anywhere}.addvideo-tile-actions{z-index:1;gap:var(--tal-sp-1);display:flex;position:absolute;top:6px;right:6px}.addvideo-formats{margin:var(--tal-sp-2) 0 0;font-size:var(--tal-fs-xs);line-height:var(--tal-lh-body);color:var(--tal-n-500)}.addvideo-icon-btn.MuiIconButton-root{border-radius:var(--tal-radius-sm);background:var(--tal-n-0);width:26px;height:26px;color:var(--tal-n-900);box-shadow:var(--tal-e-1);padding:0}.addvideo-icon-btn.MuiIconButton-root:focus-visible{box-shadow:var(--tal-focus-ring);outline:none}.addvideo-icon-btn.MuiIconButton-root svg{width:13px;height:13px}.addvideo-icon-btn.MuiIconButton-root:hover{background:var(--tal-n-0);color:var(--tal-accent-600)}.addvideo-icon-btn.MuiIconButton-root.is-danger:hover{color:var(--tal-accent-700)}
