#scripts-library { color:var(--text); font-size:14px; line-height:1.5; min-width:0; }
#scripts-library [hidden] { display:none!important; }
#scripts-library h2 { font-size:18px; margin:0; }
#scripts-library h3,#scripts-library h4 { font-size:14px; margin:0 0 8px; }
#scripts-library p { margin:6px 0 12px; color:var(--label); font-size:12px; }
.scr-heading,.scr-section-title { display:flex; align-items:start; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.scr-heading { padding-bottom:16px; border-bottom:1px solid var(--line); }
.scr-section { padding:20px 0; border-bottom:1px solid var(--line); min-width:0; }
.scr-section-title>span,.scr-notes { color:var(--muted); font-size:12px; }
.scr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0; }
#scripts-library button,#scripts-library input,#scripts-library select { min-height:40px; border-radius:6px; }
#scripts-library button { white-space:normal; }
.scr-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 16px; align-items:end; }
#scripts-library label { display:grid; gap:6px; margin:0; font-size:12px; color:var(--label); min-width:0; }
#scripts-library :is(input,select,textarea) { width:100%; min-width:0; }
#scripts-library textarea { min-height:100px; font-size:14px; line-height:1.6; border-radius:6px; padding:10px; }
#scripts-library :is(input[type=checkbox]) { width:16px; min-height:16px; height:16px; accent-color:var(--primary); }
#scripts-library :is(button,input,select,textarea,a):focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
#scripts-library a { color:var(--primary); overflow-wrap:anywhere; }
#scripts-library .scr-wide { grid-column:1/-1; }
.scr-status { padding:12px; border:1px solid var(--line); border-radius:4px; white-space:pre-line; background:var(--panel-soft); }
#scripts-library .scr-status[data-state=error] { color:var(--danger); }
.scr-table-wrap { width:100%; overflow:auto; overscroll-behavior-x:contain; }
#scripts-library table { width:100%; min-width:1000px; border-collapse:collapse; font-size:14px; }
#scripts-library th,#scripts-library td { padding:12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
#scripts-library th { font-size:12px; font-weight:600; color:var(--label); background:var(--panel-soft); }
#scripts-library caption { text-align:left; font-size:12px; color:var(--muted); padding:8px 0; }
#scripts-library .scr-number { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
#scripts-library small { display:block; color:var(--muted); margin-top:4px; font-size:12px; white-space:normal; }
#scripts-library .scr-text-button { display:inline; min-height:24px; padding:0; text-align:left; color:var(--primary); background:none; border:0; font-weight:600; }
.scr-hook { max-width:360px; min-width:240px; }
.scr-quality-cell { min-width:300px; max-width:440px; font-size:12px; overflow-wrap:anywhere; }
.scr-tabs { display:flex; flex-wrap:wrap; gap:16px; border-bottom:1px solid var(--line); margin:16px 0; }
#scripts-library .scr-tabs button { background:none; border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--label); padding:8px 0; }
#scripts-library .scr-tabs button[aria-pressed=true] { color:var(--text); border-bottom-color:var(--primary); }
.scr-script-text { white-space:pre-wrap; overflow-wrap:anywhere; max-width:80ch; padding:16px 0; line-height:1.8; }
#scripts-library summary { padding:12px 0; cursor:pointer; font-size:14px; }
#scripts-library details { border-bottom:1px solid var(--line); }
.scr-pack { padding:16px 0; border-bottom:1px solid var(--line); }
.scr-video { padding:12px 0; border-bottom:1px solid var(--line); }
.scr-label { display:grid; grid-template-columns:180px minmax(0,1fr) 210px 40px; gap:12px; align-items:start; padding:12px 0; }
#scripts-library .scr-label textarea { min-height:70px; }
.scr-preview-row { padding:12px 0; }
.scr-preview-row>label { margin:12px 0!important; }
#scripts-library pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:400px; overflow:auto; }
#scr-analytics table { min-width:1900px; }
@media(max-width:1100px) { .scr-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.scr-label { grid-template-columns:160px minmax(0,1fr); }.scr-label>button { justify-self:end; } }
@media(max-width:600px) { .scr-filter-grid,.scr-label { grid-template-columns:minmax(0,1fr); }.scr-heading .scr-actions { width:100%; }.scr-heading .scr-actions>button { flex:1; }.scr-tabs { gap:8px 16px; }.scr-section { padding:16px 0; } }

#scripts-library button.primary-button { background:var(--primary); border-color:var(--primary); color:var(--primary-text); }
#scripts-library button.primary-button:hover:not(:disabled) { background:var(--primary-hover); color:var(--primary-text); }

.scr-library-tools { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
#scripts-library #scr-library-count { color:var(--muted); font-weight:400; }
#scripts-library .scr-hook { overflow-wrap:anywhere; }

#scripts-library .scr-full-script { min-width:320px; width:44%; max-width:680px; }
#scripts-library .scr-full-copy { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
#scripts-library .scr-full-script small:first-child { margin:0 0 6px; }
#scripts-library .scr-transcript-variant { padding:12px 0; border-top:1px solid var(--line); }

#scripts-library .scr-source-language { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
#scripts-library .scr-source-language select { width:auto; min-width:88px; min-height:32px; }
#scripts-library .scr-language-coverage { min-width:160px; max-width:220px; white-space:normal; }