*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface2:#334155;--surface3:#475569;--accent:#6366f1;--accent2:#818cf8;--accent3:#38bdf8;--text:#f1f5f9;--muted:#94a3b8;--pass:#22c55e;--fail:#ef4444;--warn:#f59e0b;--radius:10px;--radius-sm:6px;--shadow:0 4px 24px rgba(0,0,0,.45);--shadow-sm:0 2px 8px rgba(0,0,0,.3);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}body,html{overflow-x:hidden;width:100%}body{background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:var(--accent2);text-underline-offset:3px}a:hover{color:var(--text)}.page{max-width:1280px;margin:0 auto;padding:1.25rem .875rem 4rem;overflow:hidden}@media (min-width:480px){.page{padding:1.5rem 1.125rem 4rem}}@media (min-width:640px){.page{padding:2rem 1.5rem 5rem}}@media (min-width:1024px){.page{padding:2.5rem 2rem 5rem}}.page-header{text-align:center;margin-bottom:1.5rem}@media (min-width:640px){.page-header{margin-bottom:2rem}}.page-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);background:rgba(99,102,241,.12);border:1px solid rgba(129,140,248,.25);border-radius:999px;padding:.2rem .8rem;margin-bottom:.75rem}.page-header h1{font-size:clamp(1.4rem,6vw,2.75rem);font-weight:800;background:linear-gradient(135deg,#818cf8 20%,#38bdf8 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;letter-spacing:-.02em;margin-bottom:.5rem}.subtitle{color:var(--muted);font-size:clamp(.85rem,2.5vw,1rem);max-width:540px;margin:0 auto;line-height:1.65}.upload-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem .875rem;background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}@media (min-width:640px){.upload-bar{padding:.875rem 1.25rem;margin-bottom:1.75rem}}@media (max-width:479px){.upload-bar{flex-direction:column;align-items:stretch}.upload-btn{justify-content:center}}.upload-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#fff;font-size:.82rem;font-weight:700;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap;min-height:44px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.upload-btn:hover{opacity:.88}.upload-btn:active{transform:scale(.97)}.upload-icon{flex-shrink:0}.upload-input{position:absolute;width:1px;height:1px;opacity:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.upload-now-playing{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1}.upload-now-label{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.upload-pid{font-family:Courier New,monospace;font-size:.8rem;color:var(--accent2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.upload-error{width:100%;font-size:.78rem;color:var(--fail);padding:.2rem 0}.layout{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:900px){.layout{grid-template-columns:1fr 300px;gap:1.75rem}}@media (min-width:1100px){.layout{grid-template-columns:1fr 320px;gap:2rem}}.player-section{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);isolation:isolate}.init-banner{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8rem;color:var(--muted);background:rgba(99,102,241,.06);border-bottom:1px solid var(--surface2)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;flex-shrink:0;width:13px;height:13px;border:2px solid var(--surface2);border-top-color:var(--accent2);border-radius:50%;animation:spin .7s linear infinite}.player-wrapper{width:100%;background:#000;line-height:0;position:relative;overflow:hidden}.cld-video-player{width:100%!important}.now-playing-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;background:var(--surface2);font-size:.8rem;min-height:36px}.now-chapter{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-info{padding:.75rem 1rem;border-top:1px solid var(--surface2)}@media (min-width:640px){.caption-info{padding:.875rem 1.125rem}}.caption-info h3{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin-bottom:.3rem}.caption-info p{font-size:.8rem;color:var(--muted);line-height:1.6;word-break:break-all;overflow-wrap:break-word}.muted-text{color:var(--muted);font-size:.82rem}.caption-polling{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--warn)}.caption-warn{font-size:.82rem;color:var(--muted);font-style:italic}.sidebar{display:flex;flex-direction:column;gap:1rem;align-self:stretch}@media (min-width:640px){.sidebar{gap:1.25rem}}@media (min-width:900px){.sidebar{position:-webkit-sticky;position:sticky;top:1rem;max-height:calc(100vh - 2rem)}}.caption-style-card .caption-style-picker{border-top:none;background:var(--surface);border-radius:var(--radius)}.chapter-nav{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm);overflow:hidden}@media (min-width:640px){.chapter-nav{padding:1.125rem}}.chapter-nav h2{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin-bottom:.75rem}.chapter-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}@media (max-width:899px){.chapter-list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;gap:.5rem;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.chapter-list::-webkit-scrollbar{height:4px}.chapter-list::-webkit-scrollbar-track{background:transparent}.chapter-list::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.chapter-item{min-width:130px;flex-shrink:0;scroll-snap-align:start}.chapter-btn{flex-direction:column;align-items:stretch;gap:.3rem;padding:.375rem}.chapter-thumb{width:100%;height:68px;border-radius:4px}.chapter-meta{padding:0 .125rem}}.chapter-item{border-radius:var(--radius-sm)}.chapter-btn{width:100%;display:flex;align-items:center;gap:.5rem;background:var(--surface2);border:2px solid transparent;border-radius:var(--radius-sm);padding:.45rem;cursor:pointer;color:var(--text);text-align:left;transition:border-color .15s,background .15s;min-height:44px}.chapter-item.active .chapter-btn{border-color:var(--accent);background:#1e2d4a}.chapter-btn:hover{border-color:var(--accent2)}.chapter-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chapter-thumb{width:72px;height:40px;object-fit:cover;border-radius:3px;flex-shrink:0;background:var(--bg)}.chapter-meta{display:flex;flex-direction:column;gap:.125rem;min-width:0}.chapter-time{font-size:.68rem;color:var(--accent2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.chapter-label{font-size:.8rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-panel{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}@media (min-width:640px){.ad-panel{padding:1.125rem}}.ad-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.ad-header h2{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2)}.scene-badge{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:.15rem .55rem;border-radius:999px;background:rgba(56,189,248,.12);color:var(--accent3);border:1px solid rgba(56,189,248,.25);white-space:nowrap}.ad-meta{font-size:.76rem;color:var(--muted);line-height:1.5;margin-bottom:.75rem}.ad-card{background:var(--surface2);border:1px solid var(--surface3);border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;animation:slideUp .18s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ad-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ad-chapter-label{font-size:.76rem;font-weight:700;color:var(--accent2)}.ad-text{font-size:.82rem;color:var(--text);line-height:1.7}.feature-toggles{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-left:auto}@media (max-width:479px){.feature-toggles{margin-left:0;width:100%}}.toggle-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .875rem;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--surface2);color:var(--muted);border:1.5px solid var(--surface3);cursor:pointer;transition:background .15s,color .15s,border-color .15s;min-height:36px;white-space:nowrap}.toggle-btn:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--surface3);transition:background .15s}.toggle-btn.active{background:rgba(99,102,241,.15);color:var(--accent2);border-color:var(--accent)}.toggle-btn.active:before{background:var(--accent)}.toggle-btn:hover{border-color:var(--accent2);color:var(--text)}.toggle-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.caption-badge{font-size:.72rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.caption-badge.status-pending{background:rgba(245,158,11,.1);color:var(--warn)}.caption-badge.status-ready{background:rgba(34,197,94,.1);color:var(--pass)}.caption-badge.status-no-speech{background:rgba(148,163,184,.1);color:var(--muted)}.transcript-sidebar-card{display:flex;flex-direction:column}.caption-style-card,.transcript-sidebar-card{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.transcript-panel{display:flex;flex-direction:column;padding:.875rem 1rem .5rem;flex:1 1;min-height:0}@media (min-width:640px){.transcript-panel{padding:1rem 1.125rem .625rem}}.transcript-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem;flex-shrink:0}.transcript-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2)}.transcript-confidence{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:rgba(34,197,94,.1);color:var(--pass);border:1px solid rgba(34,197,94,.2)}.transcript-empty,.transcript-hint{font-size:.82rem;color:var(--muted);font-style:italic;padding-bottom:.5rem}.transcript-pending{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--warn);padding-bottom:.5rem}.transcript-sync-list{display:flex;flex-direction:column;gap:0;max-height:460px;overflow-y:auto;padding:.25rem 0 .75rem;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.transcript-sync-list::-webkit-scrollbar{width:4px}.transcript-sync-list::-webkit-scrollbar-track{background:transparent}.transcript-sync-list::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.transcript-sync-line{display:flex;align-items:flex-start;gap:.625rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,opacity .2s;border-left:3px solid transparent;padding:.4rem .5rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.transcript-sync-line:hover{background:rgba(99,102,241,.07)}.transcript-sync-line.past{opacity:.38}.transcript-sync-line.active{background:rgba(99,102,241,.12)!important;border-left-color:var(--accent)!important;opacity:1!important}.transcript-sync-time{font-size:.65rem;font-weight:700;color:var(--accent2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:.25em;flex-shrink:0;min-width:2.4rem;text-align:right}.transcript-sync-text{font-size:.855rem;color:var(--text);line-height:1.55}.transcript-sync-line.active .transcript-sync-text{color:var(--text);font-weight:500}.transcript-sync-line.past .transcript-sync-text,.transcript-sync-line.past .transcript-sync-time{color:var(--muted)}.chapter-editor{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}@media (min-width:640px){.chapter-editor{padding:1.125rem}}.chapter-editor-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin-bottom:.75rem}.chapter-editor-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.chapter-editor-row{display:flex;align-items:center;gap:.4rem}.chapter-time-input{width:62px;flex-shrink:0;background:var(--bg);border:1px solid var(--surface3);border-radius:var(--radius-sm);padding:.3rem .45rem;font-size:.78rem;color:var(--accent2);font-family:Courier New,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:34px;transition:border-color .15s}.chapter-time-input:focus{outline:none;border-color:var(--accent)}.chapter-sep{color:var(--surface3);font-size:.9rem;flex-shrink:0}.chapter-label-input{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--surface3);border-radius:var(--radius-sm);padding:.3rem .5rem;font-size:.8rem;color:var(--text);min-height:34px;transition:border-color .15s}.chapter-label-input:focus{outline:none;border-color:var(--accent)}.chapter-delete-btn{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--surface3);border-radius:var(--radius-sm);color:var(--muted);font-size:.72rem;cursor:pointer;transition:background .15s,color .15s}.chapter-delete-btn:hover{background:rgba(239,68,68,.15);color:var(--fail);border-color:var(--fail)}.chapter-delete-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chapter-editor-actions{display:flex;flex-direction:column;gap:.5rem}.chapter-add-btn{width:100%;padding:.45rem;font-size:.78rem;font-weight:700;background:transparent;border:1.5px dashed var(--surface3);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s;min-height:36px;letter-spacing:.04em}.chapter-add-btn:hover{border-color:var(--accent2);color:var(--accent2)}.chapter-add-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chapter-apply-btn{width:100%;padding:.5rem;font-size:.8rem;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s,transform .1s;min-height:38px;letter-spacing:.04em}.chapter-apply-btn:hover:not(:disabled){opacity:.88}.chapter-apply-btn:active:not(:disabled){transform:scale(.98)}.chapter-apply-btn:disabled{opacity:.45;cursor:not-allowed}.chapter-apply-btn:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.wcag-panel{margin-top:2rem;background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:1.125rem 1rem;box-shadow:var(--shadow-sm)}@media (min-width:640px){.wcag-panel{padding:1.5rem 1.25rem}}@media (min-width:900px){.wcag-panel{padding:1.75rem}}.wcag-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.3rem;flex-wrap:wrap}.wcag-header h2{font-size:1rem;font-weight:700}@media (min-width:640px){.wcag-header h2{font-size:1.1rem}}.wcag-score{font-size:1.75rem;font-weight:800;line-height:1;display:flex;align-items:baseline;gap:.2rem}@media (min-width:640px){.wcag-score{font-size:2rem}}.score-label{font-size:.85rem;color:var(--muted);font-weight:400}.wcag-summary{color:var(--muted);font-size:.82rem;margin-bottom:1.125rem}.wcag-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.wcag-item{display:flex;gap:.625rem;align-items:flex-start;padding:.75rem .875rem;border-radius:var(--radius-sm);background:var(--surface2);border-left:4px solid transparent}.wcag-item.pass{border-left-color:var(--pass)}.wcag-item.fail{border-left-color:var(--fail)}.wcag-badge{font-size:.9rem;font-weight:800;flex-shrink:0;margin-top:.05rem}.wcag-item.pass .wcag-badge{color:var(--pass)}.wcag-item.fail .wcag-badge{color:var(--fail)}.wcag-info{display:flex;flex-direction:column;gap:.225rem;min-width:0}.wcag-info strong{font-size:.82rem;line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.wcag-level{display:inline-block;font-size:.62rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;letter-spacing:.04em;flex-shrink:0}.level-a{background:rgba(96,165,250,.15);color:#60a5fa}.level-aa{background:rgba(167,139,250,.15);color:#a78bfa}.wcag-info p{font-size:.78rem;color:var(--muted);line-height:1.6;word-break:break-all;overflow-wrap:break-word}.now-playing-badges{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center}.caption-badge.ai-chapters-badge.status-idle,.caption-badge.status-idle{display:none}.caption-badge.ai-chapters-badge.status-pending{background:rgba(99,102,241,.1);color:var(--accent2)}.caption-badge.ai-chapters-badge.status-ready{background:rgba(34,197,94,.1);color:var(--pass)}.caption-badge.ai-chapters-badge.status-error{background:rgba(239,68,68,.1);color:var(--fail)}.transcript-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.transcript-action-btn{font-size:.72rem;font-weight:600;padding:.25rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--surface3);background:var(--surface2);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap;line-height:1.4}.transcript-action-btn:hover{border-color:var(--accent2)}.transcript-action-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.transcript-save-btn{background:rgba(99,102,241,.18);border-color:var(--accent);color:var(--accent2)}.transcript-save-btn:hover{background:rgba(99,102,241,.3)}.transcript-save-btn:disabled{opacity:.5;cursor:not-allowed}.transcript-cancel-btn{color:var(--muted)}.transcript-cancel-btn:hover{border-color:var(--fail);color:var(--fail);background:rgba(239,68,68,.08)}.transcript-edit-area{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;padding:.375rem 0;scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.transcript-edit-area::-webkit-scrollbar{width:5px}.transcript-edit-area::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.transcript-edit-row{display:grid;grid-template-columns:2.75rem 1fr;grid-gap:.5rem;gap:.5rem;align-items:start}.transcript-edit-time{font-size:.68rem;font-weight:600;color:var(--accent2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:.45rem;text-align:right}.transcript-edit-input{width:100%;font-size:.82rem;line-height:1.6;color:var(--text);background:var(--surface2);border:1px solid var(--surface3);border-radius:var(--radius-sm);padding:.35rem .6rem;resize:vertical;font-family:inherit;transition:border-color .15s}.transcript-edit-input:focus{outline:none;border-color:var(--accent)}.transcript-edit-hint{font-size:.72rem;color:var(--muted);font-style:italic;padding-top:.25rem;padding-left:3.25rem}.player-wrapper .vjs-text-track-display{text-align:center!important}.player-wrapper .vjs-text-track-display .vjs-text-track-cue{top:auto!important;bottom:10%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:82%!important;text-align:center!important;width:auto!important}.player-wrapper .vjs-chapters-button .vjs-menu{background:rgba(10,14,26,.88)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid rgba(99,102,241,.22)!important;border-radius:10px!important;box-shadow:0 12px 40px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden!important;min-width:210px!important;padding:0!important}.player-wrapper .vjs-chapters-button .vjs-menu-content{background:transparent!important;max-height:300px!important;padding:0!important}.player-wrapper .vjs-chapters-button .vjs-menu-title{background:transparent!important;border-bottom:1px solid rgba(99,102,241,.18)!important;color:#818cf8!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;padding:.55rem .9rem!important;line-height:1.4!important}.player-wrapper .vjs-chapters-button .vjs-menu-item{background:transparent!important;color:#94a3b8!important;font-size:.8rem!important;padding:.48rem .9rem!important;border-bottom:1px solid rgba(255,255,255,.04)!important;transition:background .12s,color .12s!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important;text-align:left!important;cursor:pointer!important}.player-wrapper .vjs-chapters-button .vjs-menu-item:last-child{border-bottom:none!important}.player-wrapper .vjs-chapters-button .vjs-menu-item:focus,.player-wrapper .vjs-chapters-button .vjs-menu-item:hover{background:rgba(99,102,241,.16)!important;color:#c7d2fe!important;outline:none!important}.player-wrapper .vjs-chapters-button .vjs-menu-item.vjs-selected,.player-wrapper .vjs-chapters-button .vjs-menu-item[aria-checked=true]{background:rgba(99,102,241,.22)!important;color:#818cf8!important;font-weight:600!important}.caption-style-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 1rem;background:var(--surface2);border-top:1px solid var(--surface3)}.caption-style-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;flex-shrink:0}.caption-style-options{display:flex;gap:.375rem;flex-wrap:wrap}.caption-style-swatch{width:38px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:.68rem;transition:border-color .15s,transform .1s;flex-shrink:0}.caption-style-swatch:hover:not(:disabled){transform:scale(1.12);border-color:var(--surface3)}.caption-style-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(99,102,241,.35)}.caption-style-swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.caption-style-swatch:disabled{opacity:.4;cursor:not-allowed}