/* Shared utility surfaces: settings, search, import, management and capture. */
:is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review){border-radius:8px;background:var(--lo-surface);color:var(--lo-ink);border-color:var(--line);box-shadow:6px 6px 0 color-mix(in srgb,var(--lo-ink) 16%,transparent),0 20px 70px #0002}
:is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review)::backdrop{background:color-mix(in srgb,var(--lo-ink) 38%,transparent);backdrop-filter:none}
:is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review) :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--lo-signal);outline-offset:3px}
:is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review) button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}
:is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review) :is(input,select,textarea){accent-color:var(--lo-signal)}
:is(.live-settings-head,.live-management .lm-head){padding:20px 24px;background:var(--lo-surface)}
:is(.live-settings-head h2,.live-management .lm-head h2,.add-dialog h2,.appearance-dialog h2,.lo-archive-review>header h2){font-size:clamp(23px,3vw,28px);font-weight:750;letter-spacing:-.06em;line-height:1.25}
:is(.live-settings-close,.live-management .lm-close,.lvt-card>header button){width:44px;height:44px;flex:none;border-radius:4px}
:is(.live-settings-content,.live-management .lm-body,.lo-archive-review-body){scrollbar-gutter:stable}
.live-settings-body{grid-template-columns:184px minmax(0,1fr)}
.live-settings-nav{padding:18px 12px;background:var(--lo-paper)}
.live-settings-nav button{min-height:44px;border-radius:4px;font-size:14px;padding:10px 12px}
.live-settings-nav button[aria-selected=true]{background:var(--lo-surface);box-shadow:inset 3px 0 0 var(--lo-signal);color:var(--lo-signal)}
.live-settings-nav button svg{width:20px;height:20px;flex-basis:20px}
.ls-nav-heading{font-size:12px;letter-spacing:.04em;color:var(--muted)}
.live-settings-content{padding:24px}
.live-settings-foot{min-height:58px;padding:10px 24px;gap:14px;font-size:13px;background:var(--lo-paper)}
#live-settings-status{overflow-wrap:anywhere}
.ls-panel-heading{gap:12px;margin-bottom:22px}
.ls-panel-heading h3{font-size:21px;font-weight:700;letter-spacing:-.035em}
.live-settings :is(input:not([type=checkbox]),select,textarea){min-height:44px;border-radius:4px;background:var(--lo-surface);font-size:14px}
.live-settings input[type=range]{padding-inline:0;border:0;box-shadow:none;background:transparent}
.live-settings :is(.ls-panel>label,.ls-agent-settings>label,.ls-profile-fields>label,.ls-ocr-profile-fields>label,.ls-grid>label,.ls-model-grid>label,.ls-agent-doc>label){font-size:13px;gap:8px}
:is(.ls-primary,.ls-small-button){min-height:44px;border-radius:4px;font-size:13px;padding:9px 13px}
.ls-primary{background:var(--lo-signal);border-color:var(--lo-signal);color:#fff;box-shadow:3px 3px 0 var(--lo-ink)}
:is(.ls-asr,.ls-profile,.ls-ocr-profile,.ls-agent-doc){padding:18px;border-radius:4px;background:transparent}
:is(.ls-profile,.ls-ocr-profile).is-active{border-color:var(--line);box-shadow:inset 3px 0 0 var(--lo-signal)}
.ls-profile-title{min-height:44px}
.ls-profile-title strong{font-size:16px;letter-spacing:-.025em}
.ls-profile-title small{font-size:12px;line-height:1.5}
.ls-profile-actions{flex-wrap:wrap;justify-content:flex-end}
.ls-active-label{border-radius:3px;background:var(--lo-calm);color:var(--lo-ink);font-size:12px;white-space:nowrap}
.ls-model-head{gap:10px;flex-wrap:wrap}
.ls-model-head strong,.ls-subhead h4{font-size:14px}
:is(.ls-model-note,.ls-status,.ls-subhead>span,.ls-agent-doc>div>span){font-size:13px}
.ls-check{min-height:36px}
.ls-check input{width:18px;height:18px;flex:none}
.ls-ocr-options{border-radius:4px}
.ls-ocr-options legend,.ls-agent-documents>summary{font-size:13px}
.ls-agent-documents>summary{min-height:44px;align-content:center}
.ls-shortcuts{gap:0 20px}
.ls-shortcuts>div{gap:8px;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.ls-shortcuts>div>span{font-size:13px;white-space:normal}
.ls-shortcuts button[data-key]{min-height:44px;border-radius:4px;font:12px ui-monospace,SFMono-Regular,monospace}
.live-management .lm-head small{font:12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em}
.live-management .lm-body{gap:0;padding:0 24px 24px}
.live-management .lm-card{padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.live-management .lm-card:last-child{border-bottom:0}
.live-management .lm-card h3{font-size:18px;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
.live-management .lm-card h4{font-size:15px}
.live-management :is(.lm-field,.lm-muted,.lm-status,.lm-question){font-size:14px;line-height:1.65}
.live-management :is(.lm-field input,.lm-field select,.lm-question textarea){min-height:44px;border-radius:4px;background:var(--lo-surface)}
.live-management .lm-question textarea{min-height:120px;resize:vertical}
.live-management .lm-facts{gap:8px 16px}
.live-management .lm-facts span{padding:0;background:transparent;font-size:12px;border-radius:0}
.live-management :is(.lm-content p,.lm-content li,.lm-attempt li,.lm-feedback p,.lm-mindmap li){font-size:15px;line-height:1.8}
.live-management .lm-course-chapters strong{font-size:14px}
.live-management .lm-course-chapters p{font-size:13px}
.live-management .lm-folder-grid{grid-template-columns:1fr;gap:0}
.live-management .lm-folder-card{padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}
.live-management .lm-folder-card>div:first-child{min-width:0}
.live-management .lm-folder-card strong{font-size:14px;overflow-wrap:anywhere}
.live-management .lm-folder-card small{font-size:12px}
.live-management .lm-folder-actions .icon-button{width:44px;height:44px;border-radius:4px}
.live-management .lm-folder-actions select{min-height:44px;border-radius:4px;font-size:13px}
.live-management [data-folder-action=delete]{color:var(--danger,#a33128)}
.live-management .lm-unit{padding:13px 12px;min-height:56px;border-radius:4px}
.live-management .lm-unit>strong{font-size:14px;overflow-wrap:anywhere}
.live-management .lm-unit>span{font:12px ui-monospace,SFMono-Regular,monospace;color:var(--lo-signal)}
.live-management .lm-unit>small{font-size:12px}
.live-management .button.small{min-height:44px;padding:8px 12px;font-size:13px}
.search-dialog{width:min(660px,calc(100vw - 32px))}
.search-dialog-head{padding:16px 20px}
.search-dialog input{min-height:44px;font-size:16px}
.search-dialog #search-results{max-height:min(60dvh,500px);padding:8px 16px}
.search-result{min-height:64px;border-radius:0;border-bottom:1px solid var(--line);padding:14px 8px}
.search-result:last-child{border-bottom:0}
.search-result strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.search-result small{font-size:12px}
.search-dialog footer{color:var(--muted);font-size:12px}
.add-dialog{width:min(500px,calc(100vw - 32px));padding:24px}
.drop-zone{padding:32px 18px;border-color:var(--muted);border-radius:4px;background:var(--lo-paper);text-align:center}
.drop-zone:focus-within{outline:2px solid var(--lo-signal);outline-offset:3px}
.drop-zone strong{font-size:17px;font-weight:650}
.drop-zone>span:not(.icon){font-size:13px;line-height:1.6}
.drop-zone input{min-width:0;max-width:100%;font-size:13px}
.drop-zone input::file-selector-button{min-height:44px;margin-right:12px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--lo-surface);color:var(--lo-ink);font:inherit;cursor:pointer}
.field-label{font-size:14px}
:is(.field-label input,.field-label select,#manage-form>input,#manage-form>select){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--lo-paper);color:var(--lo-ink);font:inherit}
#manage-form>select{margin-top:14px}
.selected-file{font-size:14px;line-height:1.6}
.appearance-dialog{width:min(420px,calc(100vw - 32px));padding:24px}
.appearance-sample{border-radius:4px;background:var(--lo-paper)}
.theme-options{gap:8px;flex-wrap:wrap}
.theme-options button{min-height:44px;padding:9px 12px;border-radius:4px;font-size:13px}
.range-label{font-size:14px}
.range-label input{min-height:32px}
#login-feedback{font-size:14px;line-height:1.65}
.lo-archive-review>header,.lo-archive-review>footer{margin:0;padding:20px 24px}
.lo-archive-review button{min-height:44px;border-radius:4px}
.lo-archive-review [data-review-confirm]{color:#fff;box-shadow:3px 3px 0 var(--lo-ink)}
.lo-archive-review-tools{flex-wrap:wrap}
.lo-archive-review-choice{min-height:44px;font-size:14px}
.lo-archive-review-warning{border-left:3px solid var(--lo-spark);border-radius:0;background:var(--lo-paper)}
.live-video-tools{gap:8px;padding:10px 12px;background:var(--lo-surface);flex-wrap:wrap}
.live-video-tools button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border-radius:4px;font-size:13px}
.live-video-tools .icon,.lvt-card .icon{width:20px;height:20px;flex:none}
.lvt-card>header{margin:0;font-size:18px;padding:12px 18px}
.lvt-card>footer{margin:0;padding:12px 18px;gap:10px;flex-wrap:wrap}
.lvt-card>footer button{min-height:44px;padding:9px 14px;border-radius:4px;font-size:14px}
.lvt-card>footer [data-error]{font-size:13px}
.lvt-card>footer button[data-save]{box-shadow:3px 3px 0 var(--lo-ink)}
.lvt-card>footer button[data-save]:disabled{box-shadow:none}
.lvt-frame{background:#141b1e}
.lvt-selection{border-color:var(--lo-signal);background:color-mix(in srgb,var(--lo-signal) 18%,transparent)}
@media(max-width:700px){
  .live-settings-body{grid-template-columns:minmax(0,1fr)}
  .live-settings-nav{padding:8px 12px}
  .live-settings-nav button{min-height:44px}
  .live-settings-nav button[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--lo-signal)}
  .live-settings-content{padding:20px 16px}
  .live-settings-foot{padding:10px 16px}
  .ls-profile-head,.ls-ocr-profile-head{flex-wrap:wrap;gap:8px}
  .ls-profile-title{flex-basis:100%}
  .ls-profile-actions{justify-content:flex-start}
}
@media(max-width:480px){
  .live-settings{border-radius:0;box-shadow:none}
  :is(.live-settings-head,.live-management .lm-head){padding:14px 16px}
  .live-management .lm-body{padding:0 16px 16px}
  .live-management .lm-card{padding:18px 0}
  .live-management .lm-card-heading{align-items:flex-start;flex-wrap:wrap}
  .live-management .lm-unit{flex-wrap:wrap;gap:6px 10px}
  .live-management .lm-unit>small{margin-left:auto}
  .live-management .lm-folder-actions{gap:2px}
  .live-management .lm-folder-actions select{min-width:0;flex:1}
  .live-settings-foot{flex-wrap:wrap}
  .live-settings-foot .ls-save-actions,.live-settings-foot .ls-ocr-save-actions{flex-shrink:0}
  :is(.ls-asr,.ls-profile,.ls-ocr-profile,.ls-agent-doc){padding:14px}
  .add-dialog,.appearance-dialog{padding:18px}
  .lo-archive-review>header,.lo-archive-review>footer{padding:14px;flex-wrap:wrap}
  .lo-archive-review>footer [data-review-confirm]{margin-left:auto}
  .live-video-capture{border-radius:0;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  :is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review),:is(.live-settings,.live-management,.live-video-capture,.search-dialog,.add-dialog,.appearance-dialog,.lo-archive-review) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}