/* Adds a search panel without changing creator colors or existing video styling. */
.ic-search { margin: 4px 0 26px; padding: 22px; border: 1px solid var(--line); background: var(--surface); border-radius: 8px; }
.ic-search [hidden] { display: none !important; }
.ic-search-form label { display: block; font-size: 1rem; font-weight: 750; margin-bottom: 10px; }
.ic-search-input-row { display: flex; gap: 10px; }
#ic-search-input { min-width: 0; width: 100%; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 5px; color: var(--ink); background: var(--bg); font: inherit; }
#ic-search-input:disabled { opacity: .7; }
.ic-search button { border: 1px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); border-radius: 5px; padding: 10px 13px; font: inherit; font-size: .88rem; cursor: pointer; min-height: 44px; }
.ic-search button:hover { border-color: var(--ink); }
.ic-search :focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.ic-search-help, #ic-search-status, .ic-search-caution, .ic-search-action { margin: 10px 0 0; color: var(--muted); font-size: .85rem; line-height: 1.55; }
.ic-search-caution { border-left: 2px solid var(--line-strong); padding-left: 12px; }
.ic-search-action:empty { display: none; }
.ic-search-results { list-style: none; margin: 0; padding: 0; }
.ic-search-results li { padding: 20px 0; border-top: 1px solid var(--line); margin-top: 16px; overflow-wrap: anywhere; }
.ic-search-meta { color: var(--muted); font-size: .8rem; margin: 0 0 5px; }
.ic-search-title { font-weight: 650; margin: 0 0 10px; line-height: 1.4; }
.ic-search-excerpt { margin: 0 0 14px; font-size: 1rem; line-height: 1.65; }
.ic-search mark { color: var(--ink); background: #384b47; padding: 1px 2px; }
.ic-search-review { display: inline-block; margin: 8px 0 0 12px; color: var(--muted); font-size: .75rem; }
@media (max-width: 640px) {
 .ic-search { padding: 16px; }
 .ic-search-input-row { gap: 7px; }
 .ic-search-review { display: block; margin-left: 0; }
}

.ic-search-context-option { display:flex; align-items:center; gap:8px; margin:12px 0 6px; font-size:14px; cursor:pointer; }
.ic-search-context-option input { width:18px; height:18px; flex:0 0 auto; }
.ic-search-context-option:has(input:focus-visible) { outline:2px solid #fff; outline-offset:3px; }
.ic-search-region { display:inline; color:#e6e9ef; font-weight:700; }