.hero-art{perspective:1600px}.hero-library-demo{--hl-bg:#ffffff;--hl-bg-elev:#f7f7f6;--hl-bg-hover:#fafaf8;--hl-bg-active:#f3f3f1;--hl-bg-input:#ffffff;--hl-border:#ececea;--hl-border-strong:#d8d8d4;--hl-fg:#0e0e0d;--hl-fg-muted:#6b6b68;--hl-fg-dim:#a0a09c;--hl-accent:#1f7a4f;--hl-accent-pressed:#0a5e34;--hl-status-ready:#1f7a4f;--hl-speaker-purple:#5a3aa6;--hl-speaker-amber:#c7741b;--hl-speaker-self:#a16207;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,IBM Plex Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--hl-fg);-webkit-font-smoothing:antialiased;text-align:left;width:100%;max-width:1180px;margin:0 auto;aspect-ratio:1180/720;background:var(--hl-bg);border-radius:12px;border:1px solid var(--hl-border-strong);overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),color .24s cubic-bezier(.16,1,.3,1);will-change:transform;box-shadow:0 4px 14px rgba(0,0,0,.05),0 18px 40px rgba(0,0,0,.07)}.hero-library-demo[data-theme=dark]{color-scheme:dark;--hl-bg:#161615;--hl-bg-elev:#1d1d1c;--hl-bg-hover:#222221;--hl-bg-active:#2a2a28;--hl-bg-input:#1d1d1c;--hl-border:#2c2c2a;--hl-border-strong:#3a3a37;--hl-fg:#f2f2f0;--hl-fg-muted:#a0a09b;--hl-fg-dim:#6e6e6a;--hl-accent:#1f9d59;--hl-accent-pressed:#178048;--hl-status-ready:#46c08a;--hl-speaker-purple:#9b7ce0;--hl-speaker-amber:#d6a445;--hl-speaker-self:#d6a445;box-shadow:0 4px 14px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.45)}.hero-library-demo,.hero-library-demo *,.hero-library-demo :after,.hero-library-demo :before{transition-property:background-color,color,border-color,fill,stroke,box-shadow,opacity;transition-duration:.24s;transition-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none;mix-blend-mode:normal}@media (prefers-reduced-motion:reduce){.hero-library-demo,.hero-library-demo *,.hero-library-demo :after,.hero-library-demo :before{transition-duration:0s!important}}html[data-motion=off] .hero-library-demo,html[data-motion=off] .hero-library-demo *,html[data-motion=off] .hero-library-demo :after,html[data-motion=off] .hero-library-demo :before{transition-duration:0s!important}.hero-library-demo[data-reveal=initial]{opacity:0;transform:perspective(1600px) rotateX(14deg) translateY(36px) scale(.97)}.hero-library-demo[data-reveal=visible]{opacity:1;transform:perspective(1600px) rotateX(0deg) translateY(0) scale(1);transition-property:background-color,color,border-color,fill,stroke,box-shadow,opacity,transform;transition-duration:.24s,.24s,.24s,.24s,.24s,.24s,.9s,.9s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.hero-library-demo[data-reveal=reduced]{opacity:1;transform:none}.hero-library-demo:hover{box-shadow:0 8px 22px rgba(0,0,0,.08),0 30px 60px rgba(0,0,0,.12)}.hero-library-demo[data-theme=dark]:hover{box-shadow:0 8px 22px rgba(0,0,0,.45),0 30px 60px rgba(0,0,0,.55)}.hl-titlebar{position:absolute;inset:0 0 auto 0;height:28px;display:flex;align-items:center;padding:0 12px;gap:8px;z-index:10;pointer-events:none}.hl-traffic{width:12px;height:12px;border-radius:50%;flex-shrink:0}.hl-traffic.close{background:#ff5f57}.hl-traffic.minimize{background:#febc2e}.hl-traffic.maximize{background:#28c840}.hl-app{display:grid;grid-template-columns:240px 1fr;height:100%;background:var(--hl-bg)}.hl-sidebar{min-height:0;background:linear-gradient(to right,transparent 0,transparent calc(100% - 4px),var(--hl-border) calc(100% - 4px),var(--hl-border) calc(100% - 3px),transparent calc(100% - 3px),transparent 100%),linear-gradient(to right,var(--hl-bg-elev) 0,var(--hl-bg-elev) calc(100% - 4px),transparent calc(100% - 4px),transparent 100%);display:flex;flex-direction:column;overflow:hidden;position:relative}.hl-sidebar-titlebar-pad{height:36px;transition:background-color .12s ease}.hl-sidebar-titlebar-pad:hover{background:var(--hl-bg-hover)}.hl-sidebar-search{padding:4px 12px 12px}.hl-search-field{position:relative;display:block;border-radius:999px}.hl-search-field:hover input{border-color:var(--hl-fg-dim);background:var(--hl-bg-hover)}.hl-search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--hl-fg-dim);pointer-events:none;width:14px;height:14px}.hl-search-field input{background:var(--hl-bg-input);border:1px solid var(--hl-border-strong);color:var(--hl-fg);font:inherit;font-size:13px;padding:0 14px 0 34px;height:36px;border-radius:999px;outline:none;width:100%;box-sizing:border-box}.hl-search-field input::placeholder{color:var(--hl-fg-dim)}.hl-sidebar-list{flex:1;min-height:0;overflow:hidden;padding:4px 8px 0;margin-bottom:16px}.hl-sidebar-section-label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--hl-fg-dim);padding:12px 8px 6px}.hl-meeting-item+.hl-sidebar-section-label{margin-top:12px;padding-top:18px;border-top:1px solid var(--hl-border)}.hl-meeting-item{padding:10px;border-radius:6px;display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:background-color .12s ease}.hl-meeting-item:hover{background:var(--hl-border)}.hl-meeting-item.active:hover{background:var(--hl-border-strong)}.hl-meeting-item+.hl-meeting-item{border-top:1px solid var(--hl-border);margin-top:4px;padding-top:14px}.hl-meeting-item.active{background:var(--hl-bg-active)}.hl-meeting-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.hl-meeting-title{font-size:13px;font-weight:500;color:var(--hl-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hl-meeting-people{display:inline-flex;align-items:center;gap:4px;color:var(--hl-fg-muted);font-size:12px;flex-shrink:0}.hl-meeting-people svg{display:block}.hl-meeting-meta{font-size:13.5px;color:var(--hl-fg-muted);display:flex;gap:6px;align-items:center}.hl-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.hl-status-dot.ready{background:var(--hl-status-ready)}.hl-meeting-preview{font-size:13px;color:var(--hl-fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.hl-main{flex-direction:column;overflow:hidden;min-width:0}.hl-main,.hl-main-header{display:flex;background:var(--hl-bg)}.hl-main-header{border-bottom:1px solid var(--hl-border);align-items:center;padding:18px 20px;gap:12px;min-height:64px}.hl-breadcrumb{font-size:15px;line-height:1.3;color:var(--hl-fg-muted);display:flex;align-items:center;gap:8px}.hl-breadcrumb-current{color:var(--hl-fg);font-weight:600}.hl-spacer{flex:1}.hl-header-actions{display:flex;align-items:center;gap:8px}.hl-icon-pill{width:32px;height:32px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hl-border-strong);color:var(--hl-fg-muted);cursor:pointer;flex-shrink:0;transition:background-color 80ms ease,border-color 80ms ease,color 80ms ease}.hl-icon-pill:hover{background:var(--hl-bg-hover);border-color:var(--hl-fg-dim);color:var(--hl-fg)}.hl-icon-pill:active{background:var(--hl-bg-active)}.hl-icon-pill svg{display:block;width:14px;height:14px}.hl-header-divider{display:inline-block;width:1px;height:18px;background:var(--hl-border-strong);margin:0 2px}.hl-profile-avatar{width:28px;height:28px;border-radius:50%;background:var(--hl-bg-active);border:1px solid var(--hl-border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--hl-fg);flex-shrink:0}.hl-detail{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}.hl-detail-tabs{display:grid;grid-template-columns:minmax(0,1fr) 380px;border-bottom:1px solid var(--hl-border)}.hl-detail-tab-col{padding:18px 20px 0;display:flex;gap:24px}.hl-detail-tab-col-left{background:linear-gradient(to right,var(--hl-bg) 0,var(--hl-bg) calc(100% - 4px),var(--hl-border) calc(100% - 4px),var(--hl-border) calc(100% - 3px),var(--hl-bg) calc(100% - 3px),var(--hl-bg) 100%)}.hl-tab{font-size:14px;color:var(--hl-fg-muted);padding:4px 0 12px;border-bottom:2px solid transparent;margin-bottom:-1px}.hl-tab.active{color:var(--hl-fg);border-bottom-color:var(--hl-fg);font-weight:500}.hl-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;flex:1;min-height:0;overflow:hidden}.hl-transcript-wrap{display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0;background:linear-gradient(to right,var(--hl-bg) 0,var(--hl-bg) calc(100% - 4px),var(--hl-border) calc(100% - 4px),var(--hl-border) calc(100% - 3px),var(--hl-bg) calc(100% - 3px),var(--hl-bg) 100%)}.hl-transcript-toolbar{padding:16px 20px 10px;display:flex;align-items:center;gap:10px}.hl-transcript-toolbar .hl-search-field{flex:1;max-width:480px}.hl-toolbar-icon-btn{width:36px;height:36px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hl-border-strong);color:var(--hl-fg-muted);cursor:pointer;flex-shrink:0;transition:background-color 80ms ease,border-color 80ms ease,color 80ms ease}.hl-toolbar-icon-btn:hover{background:var(--hl-bg-hover);border-color:var(--hl-fg-dim);color:var(--hl-fg)}.hl-toolbar-icon-btn:active{background:var(--hl-bg-active)}.hl-toolbar-icon-btn svg{width:16px;height:16px}.hl-transcript{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 20px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:24px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--hl-border-strong) transparent;scrollbar-gutter:stable}.hl-transcript::-webkit-scrollbar{width:6px}.hl-transcript::-webkit-scrollbar-track{background:transparent}.hl-transcript::-webkit-scrollbar-thumb{background:var(--hl-border-strong);border-radius:3px}.hl-transcript::-webkit-scrollbar-thumb:hover{background:var(--hl-fg-dim)}.hl-segment-group{display:flex;flex-direction:column;gap:8px}.hl-segment-head{display:flex;align-items:center;gap:10px}.hl-speaker-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.hl-speaker-avatar.is-self{font-size:12px}.hl-speaker-name{font-weight:600;color:var(--hl-fg);font-size:14px}.hl-segment-paragraph{font-size:15px;color:var(--hl-fg);line-height:1.7;display:block}.hl-segment-line{border-radius:3px;padding:1px 4px;margin-inline:-4px;cursor:pointer;transition:background-color .12s ease}.hl-segment-line:hover{background:var(--hl-bg-active)}.hl-segment-line.active{background:color-mix(in srgb,var(--hl-accent) 20%,transparent)}.hl-segment-line.active:hover{background:color-mix(in srgb,var(--hl-accent) 32%,transparent)}.hl-rec-banner{margin:0 20px;border:1px solid var(--hl-border-strong);border-radius:8px;padding:14px 16px;background:var(--hl-bg);max-width:360px;display:flex;flex-direction:column;gap:12px}.hl-rec-banner-row{display:flex;align-items:center;gap:10px}.hl-rec-dot{width:10px;height:10px;border-radius:50%;background:#c4423a;opacity:.25;transition:opacity .2s ease;flex-shrink:0}.hl-rec-dot--on,.hl-rec-dot--transcribing{opacity:1;animation:hl-rec-dot-pulse 1s ease-in-out infinite}.hl-rec-dot--transcribing{background:var(--hl-accent)}@keyframes hl-rec-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.hl-rec-text{display:flex;flex-direction:column;gap:1px}.hl-rec-label{font-size:13px;font-weight:500;color:var(--hl-fg-muted)}.hl-rec-time{font-size:18px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--hl-fg);font-family:var(--font-mono,inherit)}.hl-rec-stop{background:#B7443C;color:#fff;border:1px solid #b7443c;border-radius:8px;padding:13px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;transition:background-color 80ms ease,border-color 80ms ease;font-family:inherit}.hl-rec-stop:hover{background:#9e3a32;border-color:#9e3a32}.hl-rec-stop:active{background:#883027;border-color:#883027}.hl-rec-stop-square{width:9px;height:9px;background:#fff;border-radius:1.5px;display:inline-block}.hl-rec-banner--transcribing{border-color:var(--hl-border-strong)}.hl-rec-blob{position:absolute;right:16px;bottom:14px;width:110px;height:110px;padding:0;border:0;background:transparent;cursor:pointer;z-index:12;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.16,1,.3,1)}.hl-rec-blob:hover{transform:scale(1.08)}.hl-rec-blob:active{transform:scale(.96)}.hl-rec-blob__canvas{display:block;width:110px;height:110px}@media (prefers-reduced-motion:reduce){.hl-rec-dot--on,.hl-rec-dot--transcribing{animation:none}}.hl-transcript[data-revealing=true] .hl-segment-group{opacity:0;transform:translateY(8px);animation:hl-segment-reveal .4s cubic-bezier(.16,1,.3,1) forwards}.hl-transcript[data-revealing=true] .hl-segment-group:first-child{animation-delay:0s}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(2){animation-delay:60ms}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(3){animation-delay:.12s}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(4){animation-delay:.18s}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(5){animation-delay:.24s}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(6){animation-delay:.3s}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(7){animation-delay:.36s}.hl-transcript[data-revealing=true] .hl-segment-group:nth-child(8){animation-delay:.42s}@keyframes hl-segment-reveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hl-transcript[data-revealing=true] .hl-segment-group{opacity:1;transform:none;animation:none}}html[data-motion=off] .hl-transcript[data-revealing=true] .hl-segment-group{opacity:1;transform:none;animation:none}.hl-right-panel{overflow:hidden;padding:0 0 24px;display:flex;flex-direction:column;gap:14px;background:var(--hl-bg);min-height:0}.hl-video-card{margin:16px 20px 0}.hl-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#202124;border:1px solid var(--hl-border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hl-video-mock{position:absolute;inset:0;width:100%;height:100%;display:block}.hl-video-play{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);border:0;display:inline-flex;align-items:center;justify-content:center;cursor:default;color:#0e0e0d;box-shadow:0 1px 3px rgba(0,0,0,.35)}.hl-video-play svg{width:18px;height:18px;margin-left:2px}.hl-audio-controls{padding:16px 20px 10px;display:flex;align-items:center;gap:6px}.hl-audio-btn-primary{background:var(--hl-accent);color:#fff;border:none;border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .15s cubic-bezier(.16,1,.3,1)}.hl-audio-btn-primary:hover{background:var(--hl-accent-pressed)}.hl-audio-btn-primary svg{width:12px;height:12px}.hl-icon-pause{display:none}.hl-icon-play{margin-left:1px}.hero-library-demo[data-playing=true] .hl-icon-play{display:none}.hero-library-demo[data-playing=true] .hl-icon-pause{display:block}.hl-audio-time{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--hl-fg-muted);margin-left:6px;margin-right:6px;white-space:nowrap;font-family:var(--font-mono)}.hl-audio-scrub{flex:1;height:18px;display:flex;align-items:center;position:relative;cursor:default}.hl-audio-scrub:before{content:"";display:block;width:100%;height:6px;background:var(--hl-border);border-radius:999px}.hero-library-demo[data-theme=dark] .hl-audio-scrub:before{background:var(--hl-bg-active)}.hl-audio-scrub-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:6px;background:var(--hl-accent);border-radius:999px;pointer-events:none;width:18%;animation:hl-scrub 18s linear infinite;animation-play-state:paused}.hero-library-demo[data-playing=true] .hl-audio-scrub-fill{animation-play-state:running}@keyframes hl-scrub{0%{width:18%}to{width:86%}}.hl-audio-btn-primary[data-disabled=true]{background:var(--hl-border-strong);color:var(--hl-fg-muted);cursor:default}.hl-audio-btn-primary[data-disabled=true]:hover{background:var(--hl-border-strong)}.hl-audio-scrub[data-disabled=true] .hl-audio-scrub-fill{display:none}.hl-audio-download{margin-left:6px;width:36px;height:36px;border-radius:999px;background:transparent;border:1px solid var(--hl-border-strong);color:var(--hl-fg-muted);display:inline-flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0;transition:background-color 80ms ease,border-color 80ms ease}.hl-audio-download svg{width:14px;height:14px}.hl-audio-download:hover{background:var(--hl-bg-hover);border-color:var(--hl-fg-dim)}.hl-timeline-card[data-disabled=true]{opacity:.55}.hl-timeline-card{background:var(--hl-bg);border:1px solid var(--hl-border);border-radius:8px;margin:0 20px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:16px}.hl-timeline-section-label{font-size:13px;font-weight:500;color:var(--hl-fg);padding-bottom:8px;border-bottom:1px solid var(--hl-border);margin-bottom:-4px}.hl-timeline-empty{margin:0;padding:24px 8px;font-size:13px;line-height:1.5;color:var(--hl-fg-muted);text-align:center}.hl-tl-row{display:flex;flex-direction:column;gap:6px}.hl-tl-row-head{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hl-fg)}.hl-tl-name{font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl-tl-stats{font-size:12px;color:var(--hl-fg-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-family:var(--font-mono)}.hl-tl-bar{position:relative;height:22px;background:var(--hl-bg);border:1px solid var(--hl-border);border-radius:3px;overflow:hidden}.hl-tl-bar-seg{position:absolute;top:0;bottom:0;border-radius:1.5px}.hl-tl-bars{display:flex;flex-direction:column;gap:16px}.hl-tl-bar-cursor{position:absolute;top:-2px;bottom:-2px;width:2px;background:#ffffff;box-shadow:0 0 0 1px rgba(10,10,10,.45);border-radius:1px;z-index:3;pointer-events:none;left:18%;animation:hl-cursor 18s linear infinite;animation-play-state:paused}.hero-library-demo[data-playing=true] .hl-tl-bar-cursor{animation-play-state:running}@keyframes hl-cursor{0%{left:18%}to{left:86%}}@media (prefers-reduced-motion:reduce){.hl-audio-scrub-fill,.hl-tl-bar-cursor{animation:none!important}}.hl-settings-pane{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:18px 20px 24px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--hl-border-strong) transparent}.hl-settings-pane::-webkit-scrollbar{width:6px}.hl-settings-pane::-webkit-scrollbar-track{background:transparent}.hl-settings-pane::-webkit-scrollbar-thumb{background:var(--hl-border-strong);border-radius:3px}.hl-settings-card{display:flex;flex-direction:column;border:1px solid var(--hl-border);border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--hl-bg)}.hl-settings-row{display:flex;align-items:center;gap:16px;padding:14px 16px;cursor:default}.hl-settings-row-text{flex:1;min-width:0}.hl-settings-row-label{font-size:14px;color:var(--hl-fg)}.hl-settings-row-desc{font-size:13px;color:var(--hl-fg-muted);margin-top:3px;line-height:1.45}.hl-set-switch{flex-shrink:0;width:32px;height:18px;border-radius:999px;background:var(--hl-border-strong);position:relative;display:inline-block}.hl-set-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.hl-set-switch.on{background:var(--hl-accent)}.hl-set-switch.on .hl-set-switch-thumb{transform:translateX(14px)}.hl-settings-divider{height:1px;background:var(--hl-border);margin:4px 0;flex-shrink:0}.hl-settings-hotkey{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.hl-settings-hotkey-pill{margin-top:10px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--hl-border-strong);border-radius:8px;background:var(--hl-bg-elev);font-size:13px;color:var(--hl-fg);font-variant-numeric:tabular-nums}.hl-settings-applist{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.hl-settings-applist-add{margin-top:10px;align-self:stretch;text-align:center;padding:9px 12px;border:1px solid var(--hl-border-strong);border-radius:8px;background:var(--hl-bg);color:var(--hl-fg);font-size:13px;font-weight:500;cursor:default}.hl-tab-btn{font-size:14px;color:var(--hl-fg-muted);padding:4px 0 12px;margin-bottom:-1px;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit}.hl-tab-btn.active{color:var(--hl-fg);border-bottom-color:var(--hl-fg);font-weight:500}.hl-tab-btn:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px;border-radius:4px}.hl-theme-icon-wrap{position:relative;width:14px;height:14px}.hl-theme-icon-wrap svg{position:absolute;inset:0;width:14px;height:14px}@media (max-width:879px){.hero-library-demo{aspect-ratio:4/3;max-width:100%}.hl-app{grid-template-columns:1fr}.hl-sidebar{display:none}.hl-detail-tabs{grid-template-columns:1fr}.hl-detail-tab-col-right{display:none}.hl-detail-body{grid-template-columns:1fr}.hl-right-panel,.hl-settings-pane{display:none}.hl-transcript-wrap{background:none}.hl-icon-pill:nth-of-type(3){display:none}}@media (max-width:640px){.dot-grid-surface,.hero-art,.hero-demo-wrap,.hero-library-demo{display:none!important}.hero-library-demo{aspect-ratio:auto;min-height:460px;font-size:12px}.hl-titlebar{height:24px;padding:0 10px;gap:6px}.hl-traffic{width:10px;height:10px}.hl-main-header{padding:10px 14px;min-height:48px;gap:8px}.hl-breadcrumb{font-size:12px;gap:4px;min-width:0;overflow:hidden}.hl-breadcrumb>span:not(.hl-breadcrumb-current){display:none}.hl-breadcrumb-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl-header-actions,.hl-spacer{display:none}.hl-detail-tab-col{padding:12px 14px 0;gap:16px}.hl-tab{font-size:13px;padding:4px 0 10px}.hl-transcript-toolbar{padding:12px 14px 8px;gap:8px}.hl-search-field input{height:32px;font-size:12px;padding:0 12px 0 30px}.hl-search-field svg{left:12px;width:12px;height:12px}.hl-toolbar-icon-btn{width:32px;height:32px}.hl-toolbar-icon-btn svg{width:14px;height:14px}.hl-rec-banner{margin:0 14px;padding:12px 14px;max-width:none;gap:10px}.hl-rec-label{font-size:12px}.hl-rec-time{font-size:16px}.hl-rec-stop{padding:11px 14px;font-size:13px}.hl-transcript{padding:4px 14px 14px;margin-bottom:0;gap:14px;max-height:220px;overflow:hidden}.hl-transcript>.hl-segment-group:nth-of-type(n+3){display:none}.hl-speaker-avatar{width:22px;height:22px;font-size:10px}.hl-speaker-name{font-size:13px}.hl-segment-paragraph{font-size:13px;line-height:1.6}.hero-library-demo{min-height:380px}.hl-main{min-height:0}}