.media-view-toggle{display:flex;gap:2px;min-inline-size:0;margin:0;padding:0;border:0}.media-view-toggle__button{padding:0;background-color:rgba(0,0,0,0)}.media-view-toggle__button:hover{background-color:var(--theme-elevation-100)}.media-view-toggle__button[aria-pressed=true]{background-color:var(--theme-elevation-150)}.media-view-toggle__button .btn__icon{padding:0;border:none}.media-view-toggle__row{display:flex;justify-content:flex-end;margin-bottom:calc(var(--base)/2)}.media-list{display:contents}.media-list--grid .list-controls__columns,.media-list--grid .list-controls__toggle-columns{display:none}.media-grid{--media-grid-min:168px;--media-grid-gap:calc(var(--base) * 0.75);display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--media-grid-min),1fr));gap:var(--media-grid-gap);margin:0 0 var(--base);padding:0;list-style:none}@media(max-width:768px){.media-grid{--media-grid-min:132px;--media-grid-gap:calc(var(--base) / 2)}}.media-grid__card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m);transition:border-color .15s ease,background-color .15s ease}.media-grid__card:hover{border-color:var(--theme-elevation-250);background:var(--theme-elevation-50)}.media-grid__card:has(.media-grid__action:focus-visible){outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset,2px)}@supports not selector(:has(*)){.media-grid__card .media-grid__action:focus-visible{outline:var(--accessibility-outline)}}.media-grid__card--selected,.media-grid__card--selected:hover{border-color:var(--theme-success-400);background:var(--theme-success-50)}.media-grid__card--selected .media-grid__preview,.media-grid__card--selected:hover .media-grid__preview{background-color:var(--theme-success-100)}.media-grid__preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:calc(var(--base)/2);overflow:hidden;background-color:var(--theme-elevation-50);border-radius:calc(var(--style-radius-m) - 1px) calc(var(--style-radius-m) - 1px) 0 0;transition:background-color .15s ease}.media-grid__img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;opacity:0;background:repeating-conic-gradient(#c8c8c8 0 25%,#e8e8e8 0 50%) 0 0/12px 12px;box-shadow:0 0 0 1px var(--theme-elevation-100);transition:opacity .2s ease}.media-grid__img--loaded{opacity:1}.media-grid__blur{position:absolute;inset:calc(var(--base)/2);width:calc(100% - var(--base));height:calc(100% - var(--base));object-fit:contain;filter:blur(6px);opacity:.8}.media-grid__type{font-family:var(--font-mono,monospace);font-size:1rem;font-weight:600;letter-spacing:.05em;color:var(--theme-elevation-400)}.media-grid__badge{position:absolute;top:8px;right:8px;z-index:2;padding:1px 6px;font-size:11px;line-height:16px;color:var(--theme-warning-800);background:var(--theme-warning-100);border-radius:var(--style-radius-s);pointer-events:none}.media-grid__action{display:flex;flex-direction:column;gap:2px;min-width:0;padding:calc(var(--base)*.4) calc(var(--base)/2) calc(var(--base)/2);margin:0;font:inherit;text-align:left;color:var(--theme-text);text-decoration:none;background:none;border:0;cursor:pointer}.media-grid__action:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.media-grid__action:focus-visible{outline:none}.media-grid__name{display:flex;min-width:0;font-weight:600;line-height:1.3;white-space:nowrap}.media-grid__name-head{overflow:hidden;text-overflow:ellipsis}.media-grid__name-tail{flex-shrink:0}.media-grid__meta{font-size:12px;line-height:1.3;color:var(--theme-elevation-500);font-variant-numeric:tabular-nums}.media-grid__card--selected .media-grid__meta{color:var(--theme-success-750,var(--theme-success-800))}.media-grid__select{position:absolute;top:8px;left:8px;z-index:2;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;background:var(--theme-elevation-0);border-radius:var(--style-radius-s);box-shadow:0 0 0 1px var(--theme-elevation-150);opacity:0;transition:opacity .15s ease}.media-grid--selecting .media-grid__select,.media-grid__card--locked .media-grid__select,.media-grid__card--selected .media-grid__select,.media-grid__card:focus-within .media-grid__select,.media-grid__card:hover .media-grid__select{opacity:1}@media(hover:none){.media-grid__select{opacity:1}}.media-grid__select-page{display:inline-flex;align-items:center;gap:8px;margin-bottom:calc(var(--base)/2);font-size:12px;color:var(--theme-elevation-600);cursor:pointer;user-select:none}.media-grid__checkbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--theme-success-500)}@layer components{.motif-figure{--m-brand:var(--color-brand-500,#B31B19);--m-brand-strong:var(--color-brand-600,#a51816);--m-brand-tint:var(--color-brand-50,#fef2f2);--m-teal:var(--color-accent-teal-700,#006b61);--m-teal-tint:var(--color-accent-teal-50,#edfcfa);--m-gold:var(--color-accent-gold-700,#967825);--m-gold-tint:var(--color-accent-gold-50,#fdfaed);--m-ink:var(--color-neutral-900,#0f172a);--m-body:var(--color-neutral-700,#334155);--m-muted:var(--color-neutral-600,#475569);--m-line:var(--color-neutral-200,#e2e8f0);--m-surface:#fff;--m-sunk:var(--color-neutral-100,#f1f5f9);--m-dark:var(--color-neutral-800,#1e293b);--m-dark-2:var(--color-neutral-700,#334155);--m-ok:var(--color-accent-teal-700,#006b61);--m-ok-tint:var(--color-accent-teal-50,#edfcfa);--m-warn:var(--color-accent-gold-800,#7a5f21);--m-warn-tint:var(--color-accent-gold-50,#fdfaed);--m-font-heading:var(--font-heading,"Poppins",ui-sans-serif,system-ui,sans-serif);--m-font-body:var(--font-body,"Open Sans",ui-sans-serif,system-ui,sans-serif);margin:0;display:flex;flex-direction:column;gap:.75rem;min-width:0;width:100%;contain:inline-size}.motif-figure .motif{position:relative;background:var(--m-surface);color:var(--m-body);border-radius:1rem;box-shadow:0 1px 2px rgb(15 23 42/.06),0 12px 32px -12px rgb(15 23 42/.18);padding:1.25rem;font-family:var(--m-font-body);font-size:.9375rem;line-height:1.45;font-variant-numeric:tabular-nums;overflow:hidden;min-width:0;contain:layout paint}@media (min-width:768px){.motif-figure .motif{padding:1.5rem}}.motif-figure.motif-bare .motif{background:transparent;box-shadow:none;padding:0;border-radius:0;overflow:visible}.motif-figure .motif *{box-sizing:border-box}.motif-figure .motif-caption{display:flex;align-items:baseline;gap:.625rem;font-family:var(--m-font-body);font-size:.875rem;line-height:1.5;color:var(--m-muted)}.motif-figure .motif-tag{flex:none;padding:.125rem .5rem;border-radius:999px;background:var(--m-sunk);color:var(--m-body);font-family:var(--m-font-heading);font-size:.6875rem;font-weight:600;letter-spacing:.02em}.motif-figure .m-bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.motif-figure .m-title{font-family:var(--m-font-heading);font-weight:600;color:var(--m-ink);font-size:1rem}.motif-figure .m-meta,.motif-figure .m-muted{color:var(--m-muted);font-size:.8125rem}.motif-figure .m-strong{color:var(--m-ink);font-weight:600}.motif-figure .m-stack{display:flex;flex-direction:column;gap:.625rem}.motif-figure .m-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.motif-figure .m-grid-2,.motif-figure .m-grid-3{display:grid;gap:.625rem}.motif-figure .m-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.motif-figure .m-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.motif-figure .m-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:.75rem;background:var(--m-sunk);min-width:0}.motif-figure .m-grow{flex:1 1 auto;min-width:0}.motif-figure .m-row .m-sub{display:block;color:var(--m-muted);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motif-figure .m-avatar{flex:none;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--m-brand-tint);color:var(--m-brand);font-family:var(--m-font-heading);font-size:.75rem;font-weight:600}.motif-figure .m-avatar.is-teal{background:var(--m-teal-tint);color:var(--m-teal)}.motif-figure .m-avatar.is-gold{background:var(--m-gold-tint);color:var(--m-gold)}.motif-figure .m-chip{flex:none;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;background:var(--m-surface);color:var(--m-body);font-size:.8125rem;font-weight:600;white-space:nowrap}.motif-figure .m-chip.is-ok{background:var(--m-ok-tint);color:var(--m-ok)}.motif-figure .m-chip.is-brand{background:var(--m-brand-tint);color:var(--m-brand)}.motif-figure .m-chip.is-warn{background:var(--m-warn-tint);color:var(--m-warn)}.motif-figure .m-chip.is-dot:before{content:"";width:.4375rem;height:.4375rem;border-radius:999px;background:currentColor}.motif-figure .m-filter{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border-radius:999px;background:var(--m-brand-tint);color:var(--m-brand);font-size:.8125rem;font-weight:600}.motif-figure .m-filter.is-add{background:transparent;color:var(--m-muted);box-shadow:inset 0 0 0 1px var(--m-line)}.motif-figure .m-stat{padding:.875rem 1rem;border-radius:.75rem;background:var(--m-sunk)}.motif-figure .m-stat .m-num{display:block;font-family:var(--m-font-heading);font-size:1.75rem;font-weight:600;line-height:1.1;color:var(--m-ink)}.motif-figure .m-stat.is-brand{background:var(--m-brand-tint)}.motif-figure .m-stat.is-brand .m-num{color:var(--m-brand)}.motif-figure .m-stat.is-teal{background:var(--m-teal-tint)}.motif-figure .m-stat.is-teal .m-num{color:var(--m-teal)}.motif-figure .m-pipeline{display:flex;gap:.25rem}.motif-figure .m-pipeline>*{flex:1 1 0;min-width:0;padding:.625rem .75rem .625rem 1.125rem;background:var(--m-sunk);clip-path:polygon(0 0,calc(100% - .625rem) 0,100% 50%,calc(100% - .625rem) 100%,0 100%,.625rem 50%);text-align:center;font-size:.75rem;color:var(--m-muted)}.motif-figure .m-pipeline>:first-child{clip-path:polygon(0 0,calc(100% - .625rem) 0,100% 50%,calc(100% - .625rem) 100%,0 100%);padding-left:.75rem}.motif-figure .m-pipeline strong{display:block;font-family:var(--m-font-heading);font-size:1rem;color:var(--m-ink)}.motif-figure .m-pipeline>.is-on{background:var(--m-brand);color:#fff}.motif-figure .m-pipeline>.is-on strong{color:#fff}.motif-figure .m-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:999px;background:var(--m-surface);color:var(--m-brand);box-shadow:inset 0 0 0 1.5px var(--m-brand);font-family:var(--m-font-heading);font-size:.8125rem;font-weight:600;white-space:nowrap}.motif-figure .m-btn.is-primary{background:var(--m-brand);color:#fff;box-shadow:none}.motif-figure .m-ask{align-self:flex-end;max-width:85%;padding:.625rem .875rem;border-radius:1rem 1rem .25rem 1rem;background:var(--m-brand);color:#fff;font-weight:600}.motif-figure .m-answer{align-self:flex-start;max-width:92%;padding:.875rem 1rem;border-radius:1rem 1rem 1rem .25rem;background:var(--m-sunk)}.motif-figure .m-progress{height:.5rem;border-radius:999px;background:var(--m-sunk);overflow:hidden}.motif-figure .m-progress:after{content:"";display:block;height:100%;width:var(--m-value,50%);border-radius:inherit;background:var(--m-brand)}.motif-figure .m-gap{flex:none;width:2.25rem;height:2.25rem;border-radius:999px;border:2px dashed var(--m-line)}.motif-figure .m-dark{background:var(--m-dark);color:var(--color-neutral-200,#e2e8f0);border-radius:.75rem;padding:1rem}.motif-figure .m-dark .m-strong,.motif-figure .m-dark .m-title{color:#fff}}.upload-progress{position:fixed;left:var(--base);bottom:var(--base);z-index:1000;display:flex;flex-direction:column;gap:calc(var(--base)/2);width:min(420px,100vw - 2*var(--base))}.upload-progress__item{padding:calc(var(--base)*.75);background-color:var(--theme-elevation-0);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-m);box-shadow:0 6px 24px rgba(0,0,0,.18)}.upload-progress__foot,.upload-progress__head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--base)/2)}.upload-progress__name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.upload-progress__percent{flex-shrink:0;font-variant-numeric:tabular-nums}.upload-progress__track{position:relative;height:6px;margin:calc(var(--base)/2) 0;overflow:hidden;background-color:var(--theme-elevation-100);border-radius:3px}.upload-progress__bar{height:100%;background-color:var(--theme-success-500);border-radius:3px;transition:width .3s ease}.upload-progress__status{color:var(--theme-elevation-600);font-size:.85em;font-variant-numeric:tabular-nums}.upload-progress__action{flex-shrink:0;padding:2px 10px;color:var(--theme-elevation-800);font:inherit;font-size:.85em;cursor:pointer;background:rgba(0,0,0,0);border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s)}.upload-progress__action:hover{background-color:var(--theme-elevation-100)}.upload-progress__item--processing .upload-progress__bar{animation:upload-progress-pulse 1.4s ease-in-out infinite}.upload-progress__item--failed{border-color:var(--theme-error-500)}.upload-progress__item--failed .upload-progress__bar{background-color:var(--theme-error-500)}.upload-progress__item--failed .upload-progress__status{color:var(--theme-error-500)}.upload-progress__item--stalled{border-color:var(--theme-warning-500)}.upload-progress__item--stalled .upload-progress__bar{background-color:var(--theme-warning-500)}.upload-progress__item--cancelled .upload-progress__bar{background-color:var(--theme-elevation-400)}@keyframes upload-progress-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.upload-progress__bar{transition:none;animation:none!important}}.video-bulk-drop{margin-bottom:calc(var(--base)*1.5)}.video-bulk-drop__zone{display:flex;flex-direction:column;align-items:center;gap:calc(var(--base)/3);padding:calc(var(--base)*1.25) var(--base);text-align:center;background-color:var(--theme-elevation-50);border:2px dashed var(--theme-elevation-250);border-radius:var(--style-radius-m);transition:border-color .15s ease,background-color .15s ease}.video-bulk-drop__zone span{max-width:60ch;color:var(--theme-elevation-600);font-size:.9em}.video-bulk-drop__zone--active{background-color:var(--theme-elevation-100);border-color:var(--theme-success-500)}.video-bulk-drop__zone--compact{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:calc(var(--base)/2) var(--base);border-width:1px}.video-bulk-drop__zone--compact .video-bulk-drop__button{margin-top:0}.video-bulk-drop__notice{margin:calc(var(--base)/2) 0 0;color:var(--theme-warning-600,var(--theme-elevation-700))}.video-bulk-drop__button{margin-top:calc(var(--base)/3);padding:4px 14px;color:var(--theme-elevation-800);font:inherit;cursor:pointer;background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s)}.video-bulk-drop__button:hover:not(:disabled){background-color:var(--theme-elevation-100)}.video-bulk-drop__button:disabled{cursor:default;opacity:.5}.video-bulk-drop__button--primary{color:var(--theme-elevation-0);background-color:var(--theme-elevation-800);border-color:var(--theme-elevation-800)}.video-bulk-drop__button--primary:hover:not(:disabled){background-color:var(--theme-elevation-900)}.video-bulk-drop__hint{margin:calc(var(--base)/2) 0 0;color:var(--theme-elevation-600)}.video-bulk-drop__plan{margin-top:calc(var(--base)/2);overflow-x:auto}.video-bulk-drop__plan table{width:100%;border-collapse:collapse;font-size:.9em}.video-bulk-drop__plan th{padding:6px 8px;color:var(--theme-elevation-600);font-weight:500;text-align:left;border-bottom:1px solid var(--theme-elevation-150)}.video-bulk-drop__plan td{padding:8px;vertical-align:top;border-bottom:1px solid var(--theme-elevation-100)}.video-bulk-drop__plan td small{display:block;margin-top:2px;color:var(--theme-elevation-500)}.video-bulk-drop__plan select{padding:3px 6px;color:var(--theme-elevation-800);font:inherit;background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s)}.video-bulk-drop__name{max-width:280px}.video-bulk-drop__name>span{display:block;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.video-bulk-drop__row--skip td{opacity:.55}.video-bulk-drop__status--done{color:var(--theme-success-600)!important}.video-bulk-drop__status--failed{color:var(--theme-error-500)!important}.video-bulk-drop__effect--replace{color:var(--theme-warning-600,var(--theme-elevation-700))!important;font-weight:600}.video-bulk-drop__option{display:flex;align-items:flex-start;gap:calc(var(--base)/2);margin-top:calc(var(--base)/2);cursor:pointer}.video-bulk-drop__option input{margin-top:3px}.video-bulk-drop__option small{display:block;max-width:75ch;color:var(--theme-elevation-600)}.video-bulk-drop__problems{margin:calc(var(--base)/2) 0 0;padding-left:1.2em;color:var(--theme-error-500)}.video-bulk-drop__summary{margin:calc(var(--base)/2) 0 0;font-weight:600}.video-bulk-drop__actions{display:flex;gap:calc(var(--base)/2);margin-top:calc(var(--base)/2)}.video-bulk-drop__actions .video-bulk-drop__button{margin-top:0}