.workbench-entry { display:grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr); gap:0; padding:0; overflow:hidden; }
.workbench-group { min-width:0; padding:26px; }
.workbench-group + .workbench-group { border-left:1px solid var(--separator,#dfe3e9); }
.workbench-group h3 { font-size:16px; margin:0 0 15px; }
.workbench-group > p { color:var(--text-secondary,#657084); font-size:14px; line-height:1.6; margin:0 0 20px; }
.workbench-group button { text-align:left; display:flex; flex-direction:column; align-items:flex-start; gap:5px; padding:13px 15px; width:100%; border:1px solid transparent; border-radius:12px; background:transparent; color:inherit; cursor:pointer; font:inherit; margin:5px 0; }
.workbench-group button strong { font-size:15px; }
.workbench-group button span { color:var(--text-secondary,#657084); font-size:13px; font-weight:400; line-height:1.5; }
.workbench-group button:hover { background:var(--surface-muted,#edf2f7); }
.workbench-group .workbench-primary { background:#1463ca0a; border-color:#1463ca30; }
.workbench-group .workbench-primary strong { color:var(--accent,#1763c1); }
.workbench-group button[hidden] { display:none; }
.workbench-hub .section-heading { margin-bottom:20px; }
.workbench-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.workbench-shortcut { display:grid; grid-template-columns:42px minmax(0,1fr) 12px; gap:13px; align-items:center; padding:18px; min-height:90px; text-align:left; border:1px solid var(--hairline); border-radius:18px; background:var(--surface-strong); color:var(--ink); cursor:pointer; font:inherit; transition:border-color .15s,background .15s; }
.workbench-shortcut > span:nth-child(2) { min-width:0; }
.workbench-shortcut strong { font-size:15px; font-weight:600; color:inherit; }
.workbench-shortcut small { display:block; font-size:13px; color:var(--muted); line-height:1.5; margin-top:5px; }
.workbench-symbol { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--blue-soft,#edf2fa); color:var(--blue,#245b9c); font-size:18px; font-weight:550; }
.workbench-chevron { font-size:25px; color:var(--muted); font-weight:400; }
.workbench-shortcut:hover { border-color:color-mix(in srgb,var(--blue) 30%,var(--hairline)); background:var(--blue-soft); }
.workbench-shortcut[hidden] { display:none; }
.workbench-shortcut:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.workbench-shortcut[data-workbench-view="paper"] { color:#fff; border-color:transparent; background:linear-gradient(120deg,#17365d,#214e7d); }
.workbench-shortcut[data-workbench-view="paper"] small { color:#d4e3f5; }
.workbench-shortcut[data-workbench-view="paper"] .workbench-symbol { color:#d8e9ff; background:#ffffff14; }
.workbench-shortcut[data-workbench-view="paper"] .workbench-chevron { color:#d4e3f5; }
.workbench-shortcut[data-workbench-view="paper"]:hover { border-color:#7a9ac0; background:linear-gradient(120deg,#1c426f,#285c91); }
@media(max-width:1150px) { .workbench-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .workbench-shortcuts { grid-template-columns:1fr; } }
#libraryView { --library-line:var(--separator,#dfe3e9); --library-muted:var(--text-secondary,#687486); }
#libraryView [hidden] { display:none !important; }
#libraryView h2, #libraryView h3 { margin:4px 0 8px; }
#libraryView h3 { font-size:19px; }
#libraryView p { line-height:1.65; }
#libraryView label { display:flex; flex-direction:column; gap:8px; font-size:14px; font-weight:550; }
#libraryView input:not([type=checkbox]), #libraryView select, #libraryView textarea { width:100%; min-width:0; min-height:42px; border:1px solid var(--library-line); background:var(--input-background,#fff); color:inherit; padding:10px 12px; border-radius:9px; font:inherit; box-sizing:border-box; }
#libraryView textarea { resize:vertical; line-height:1.6; }
#libraryView select { width:auto; }
#libraryView input[type=checkbox] { width:18px; height:18px; accent-color:#1763c1; }
#libraryView button { min-height:40px; font-size:14px; border-radius:10px; }
#libraryView small { display:block; margin-top:6px; font-size:13px; font-weight:400; line-height:1.5; color:var(--library-muted); }
#libraryView :focus-visible, .workbench-entry :focus-visible { outline:3px solid #2977d1; outline-offset:3px; }
.library-eyebrow { color:var(--library-muted,#687486); font-size:13px; font-weight:600; }
.library-intro, .library-section-heading, .library-editor-toolbar, .library-editor-footer, .library-dialog header, .library-dialog footer { display:flex; gap:20px; align-items:center; justify-content:space-between; }
.library-intro p, .library-section-heading p { color:var(--library-muted); margin:4px 0 0; font-size:14px; }
.library-primary-actions, .library-template-actions, .library-row-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.library-primary-actions { flex-shrink:0; }
.library-message:empty { display:none; }
.library-message { margin:0; padding:0 4px; font-size:14px; }
.library-table-panel { padding-bottom:14px; }
.library-filters { display:flex; gap:16px; align-items:end; margin:22px 0 16px; }
.library-search { flex:1; max-width:480px; }
#libraryView .library-check { flex-direction:row; align-items:center; gap:8px; min-height:42px; margin-left:auto; white-space:nowrap; font-weight:400; }
.library-table-scroll { overflow:auto; }
#libraryView table { border-collapse:collapse; text-align:left; width:100%; font-size:14px; min-width:760px; }
#libraryView th { font-size:13px; font-weight:550; color:var(--library-muted); background:var(--surface-muted,#f4f6f9); }
#libraryView th, #libraryView td { padding:16px 13px; border-bottom:1px solid var(--library-line); vertical-align:middle; }
#libraryView td:first-child { min-width:200px; }
.library-kind { background:#1763c110; color:var(--accent,#1763c1); padding:5px 9px; border-radius:6px; font-size:13px; }
.library-row-actions { min-width:240px; gap:5px; }
#libraryView .library-row-actions { flex-wrap:nowrap; }
#libraryView .library-row-actions button { width:auto; flex:none; padding:8px 10px; }
.library-template-actions .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.library-delete { background:none; border:0; color:var(--danger,#b33333); cursor:pointer; padding:8px 10px; white-space:nowrap; }
.library-metadata { display:grid; grid-template-columns:minmax(220px,1.4fr) 130px minmax(200px,1fr); gap:16px; margin:24px 0; }
.library-editor { scroll-margin-top:20px; }
.library-editor-toolbar { border-top:1px solid var(--library-line); padding-top:20px; }
.library-help { font-size:14px; color:var(--library-muted); margin:16px 0 20px; }
.library-paste { border:1px solid var(--library-line); border-radius:10px; padding:12px 16px; margin-bottom:20px; }
.library-paste summary { cursor:pointer; font-size:14px; font-weight:550; }
.library-paste label { margin:16px 0 8px; }
.library-paste button { margin-top:10px; }
.library-answer-grid { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:12px; }
#libraryView .library-answer { border:1px solid var(--library-line); border-radius:10px; padding:10px; gap:8px; background:var(--input-background,#fff); }
.library-answer > span { display:flex; align-items:baseline; justify-content:space-between; gap:3px; }
#libraryView .library-answer small { font-size:11px; margin:0; }
#libraryView .library-answer input { text-align:center; padding:8px 3px; font-size:16px; font-weight:650; border-radius:6px; }
.library-editor-footer { margin-top:24px; padding-top:20px; border-top:1px solid var(--library-line); }
.library-editor-footer > span { font-size:13px; color:var(--library-muted); }
.library-editor-footer > div { display:flex; gap:10px; }
.library-question-workspace { display:grid; grid-template-columns:minmax(210px,.7fr) minmax(0,1.5fr); border:1px solid var(--library-line); border-radius:12px; margin-top:20px; overflow:hidden; }
.library-question-workspace > aside { background:var(--surface-muted,#f4f6f9); min-width:0; border-right:1px solid var(--library-line); }
.library-question-tools { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:16px; font-size:14px; }
.library-question-list { max-height:600px; overflow:auto; padding:0 10px 12px; }
.library-question-item { display:flex; align-items:start; gap:12px; width:100%; padding:14px 12px; border:1px solid transparent; background:none; color:inherit; text-align:left; cursor:pointer; }
.library-question-item > b { color:var(--library-muted); font-size:13px; margin-top:2px; }
.library-question-item span { min-width:0; }
.library-question-item strong { font-size:14px; font-weight:500; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.library-question-item.selected { background:var(--input-background,#fff); border-color:#1763c160; }
.library-question-fields { display:flex; flex-direction:column; gap:20px; padding:24px; }
.library-question-meta { display:grid; grid-template-columns:100px minmax(100px,1fr) auto; align-items:end; gap:16px; }
.library-options { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.library-question-fields > button { align-self:flex-start; }
.library-dialog { box-sizing:border-box; width:min(860px,calc(100vw - 40px)); max-height:calc(100dvh - 48px); overflow:auto; border:1px solid var(--separator,#dfe3e9); border-radius:18px; padding:26px; background:var(--panel-background,#fff); color:var(--text-primary,#182334); }
.library-dialog::backdrop { background:#10233b66; backdrop-filter:blur(3px); }
#libraryView .library-dialog header > button, #libraryView .library-section-heading > button { width:auto; flex:none; }
.library-dialog header h3 { white-space:nowrap; }
.library-dialog > .library-table-scroll { max-height:240px; overflow:auto; }
.library-dialog h3 { font-size:22px; }
.library-import-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:22px 0; }
.library-import-fields select { width:100% !important; }
.library-import-errors { color:var(--danger,#b33333); font-size:14px; line-height:1.7; max-height:170px; overflow:auto; padding-left:22px; }
.library-dialog footer { padding-top:22px; margin-top:20px; border-top:1px solid var(--separator,#dfe3e9); font-size:13px; }
#libraryView .library-dialog table { min-width:560px; }
@media(prefers-color-scheme:dark) { #libraryView { --library-line:#3b4657; --input-background:#202a38; --surface-muted:#1c2532; --library-muted:#a8b3c4; } .workbench-group + .workbench-group { border-color:#3b4657; } .workbench-group button:hover { background:#ffffff0a; } .workbench-group .workbench-primary strong { color:#8ab9ff; } .library-kind { color:#8ab9ff; } .library-dialog { background:#1c2532; color:#e7edf7; } .library-delete { color:#ff9b9b; } }
@media(max-width:1250px) { .library-answer-grid { grid-template-columns:repeat(8,minmax(0,1fr)); } .library-section-heading { align-items:flex-start; flex-wrap:wrap; } .workbench-group { padding:20px; } }
@media(max-width:900px) { .workbench-entry { grid-template-columns:1fr; } .workbench-group + .workbench-group { border-left:0; border-top:1px solid var(--separator,#dfe3e9); } .library-answer-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } .library-metadata { grid-template-columns:1fr 110px; } .library-note-field { grid-column:1/-1; } .library-question-workspace { grid-template-columns:1fr; } .library-question-workspace > aside { border-right:0; border-bottom:1px solid var(--library-line); } .library-question-list { max-height:190px; } .library-intro { flex-wrap:wrap; } }
@media(max-width:600px) { .library-template-actions { gap:8px; } .library-filters { flex-wrap:wrap; } .library-search { min-width:100%; } #libraryView .library-check { margin-left:0; } .library-answer-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } .library-intro { gap:15px; } .library-question-fields { padding:16px; } .library-question-meta { grid-template-columns:80px 1fr; } .library-question-meta button { grid-column:1/-1; justify-self:start; } .library-options, .library-import-fields { grid-template-columns:1fr; } .library-dialog { padding:18px; } .library-editor-footer { align-items:flex-start; flex-direction:column; } .library-dialog footer { align-items:flex-start; } }

/* Answer entry uses native radio/checkbox controls, with the existing admin tokens. */
#libraryView { min-width:0; grid-template-columns:minmax(0,1fr); }
#libraryView > section, #libraryView > p, #libraryView .library-table-scroll, #libraryView label { min-width:0; }
#libraryView .library-table-scroll { max-width:100%; }
.library-editor-toolbar { flex-wrap:wrap; }
.library-editor-toolbar > div { min-width:0; overflow-wrap:anywhere; }
.library-editor-toolbar > button { width:auto; flex:none; }
.library-editor-actions { display:flex; gap:8px; flex-wrap:wrap; }
#libraryView .library-editor-actions button { width:auto; }
.library-rule-guide { margin:16px 0; color:var(--library-muted); font-size:13px; line-height:1.6; }
.library-rule-guide summary { cursor:pointer; }
.library-rule-guide .library-help { margin:10px 0 0; }
#libraryView .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#libraryView .library-answer-grid { grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); gap:12px; align-items:start; }
#libraryView .library-answer { display:block; min-width:0; padding:14px; border-radius:12px; background:var(--input-background,#fff); }
.library-answer > header { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:12px; }
.library-answer > header > strong { font-size:14px; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
#libraryView .library-entry-type { display:block; }
#libraryView .library-entry-type select { appearance:auto; -webkit-appearance:auto; min-height:30px; height:30px; padding:2px 4px 2px 6px; max-width:82px; font-size:12px; font-weight:500; border-color:transparent; background-color:transparent; }
#libraryView .library-choice-group { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; border:0; padding:0; margin:0; min-width:0; }
#libraryView .library-choice-group:has(input[aria-label$="正确"]), #libraryView .library-choice-group:has(input[aria-label$="错误"]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
#libraryView .library-choice { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:5px; min-height:40px; border:1px solid var(--library-line); border-radius:7px; cursor:pointer; font-size:13px; font-weight:550; padding:3px; box-sizing:border-box; transition:background .12s,border-color .12s; }
#libraryView .library-choice input { appearance:auto; -webkit-appearance:auto; flex:0 0 14px; width:14px; height:14px; min-height:0; margin:0; padding:0; accent-color:var(--blue,#1763c1); box-shadow:none; }
#libraryView .library-choice span { white-space:nowrap; }
#libraryView .library-choice:hover { border-color:var(--blue,#1763c1); }
#libraryView .library-choice:has(input:checked) { border-color:var(--blue,#1763c1); background:var(--blue-soft,#eaf2ff); color:var(--blue,#1763c1); }
#libraryView .library-choice:has(input:focus-visible) { outline:3px solid #2977d1; outline-offset:2px; }
#libraryView .library-answer-state { font-size:12px; line-height:1.5; margin:9px 0 0; min-height:18px; }
#libraryView .is-complete .library-answer-state { color:var(--library-success,#277252); }
#libraryView .library-source-issue { margin-top:5px; color:var(--danger,#a33b35); overflow-wrap:anywhere; }
.library-answer-tools { display:flex; align-items:end; flex-wrap:wrap; gap:12px; padding:4px 0 20px; }
#libraryView .library-answer-tools button { width:auto; flex:none; }
#libraryView .library-answer-tools label { min-width:165px; }
#libraryView .library-answer-tools small { margin:0 0 10px auto; font-size:12px; }
#libraryView .library-answer-tools button[aria-pressed="true"] { background:var(--blue-soft,#eaf2ff); border-color:var(--blue,#1763c1); color:var(--blue,#1763c1); }
.library-grid-empty { grid-column:1/-1; color:var(--library-muted); padding:28px 0; }
#libraryView .library-editor-footer { position:sticky; bottom:12px; z-index:3; background:var(--panel-background,#fff); padding:16px 18px; margin-left:-4px; margin-right:-4px; border:1px solid var(--library-line); border-radius:12px; box-shadow:0 4px 20px #12253b0a; gap:16px; }
#libraryView .library-save-info { display:block; min-width:0; }
.library-save-info strong { font-size:13px; font-weight:550; }
#libraryView .library-save-info small { margin-top:3px; font-size:12px; }
.library-save-actions { flex-wrap:wrap; justify-content:flex-end; }
#libraryView .library-save-actions button { white-space:nowrap; }
#libraryView .library-question-answer > strong { display:block; margin-bottom:10px; font-size:14px; }
#libraryView .library-question-answer .library-choice-group { max-width:420px; gap:10px; }
#libraryView .library-question-answer .library-choice { min-height:46px; font-size:15px; }
#libraryView .library-dialog { width:min(1080px,calc(100vw - 40px)); }
.library-import-steps { display:flex; flex-wrap:wrap; gap:10px 28px; padding:16px 0 16px 22px; border-bottom:1px solid var(--library-line); color:var(--library-muted); font-size:13px; }
.library-import-fields { grid-template-columns:1.3fr 1fr 1fr; margin:20px 0; gap:14px; }
.library-import-inputs { display:grid; grid-template-columns:1fr 1.2fr; gap:20px; align-items:stretch; }
.library-import-source { margin:16px 0; }
.library-import-source > summary { font-size:13px; color:var(--library-muted); cursor:pointer; overflow-wrap:anywhere; }
.library-import-source[open] > summary { margin-bottom:14px; }
#libraryView .library-file-drop { display:flex; flex-direction:column; justify-content:center; gap:15px; padding:22px; border:1px dashed var(--library-line); border-radius:12px; background:var(--surface-muted,#f4f6f9); min-width:0; }
#libraryView .library-file-drop input { font:inherit; font-size:13px; width:100%; padding:0; border:0; border-radius:0; background:transparent; }
#libraryView .library-file-drop input::file-selector-button { font:inherit; color:var(--ink,#26344b); border:1px solid var(--library-line); border-radius:7px; padding:9px 12px; margin-right:10px; background:var(--input-background,#fff); cursor:pointer; }
#libraryView .library-file-drop small { margin:0; }
.library-import-paste { display:flex; flex-direction:column; align-items:start; gap:9px; min-width:0; }
.library-import-paste > label { font-size:14px; font-weight:550; }
#libraryView .library-import-paste textarea { min-height:100px; font-size:13px; }
.library-import-summary { line-height:1.7; font-size:14px; padding:14px 16px; border-left:3px solid var(--blue,#1763c1); background:var(--blue-soft,#eaf2ff); border-radius:0 8px 8px 0; }
.library-import-summary:empty, .library-import-errors:empty, #libraryImportWarnings:empty { display:none; }
.library-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:20px 0 10px; }
.library-preview-heading > strong { font-size:14px; font-weight:550; }
#libraryView .library-preview-heading label { display:flex; flex-direction:row; align-items:center; gap:9px; font-size:13px; }
#libraryView .library-dialog > .library-table-scroll { max-height:360px; border:1px solid var(--library-line); border-radius:9px; }
#libraryView .library-dialog table { min-width:720px; table-layout:fixed; }
#libraryView .library-dialog th { position:sticky; top:0; z-index:1; }
#libraryView .library-dialog th:nth-child(1) { width:100px; }
#libraryView .library-dialog th:nth-child(2) { width:54px; }
#libraryView .library-dialog th:nth-child(4) { width:74px; }
#libraryView .library-dialog th:nth-child(5) { width:170px; }
#libraryView .library-dialog td { padding:11px 12px; overflow-wrap:anywhere; }
#libraryView .library-dialog td:first-child { min-width:0; }
#libraryView .library-dialog td small { font-size:11px; }
.library-preview-issue { background:color-mix(in srgb,var(--danger,#a33b35) 5%,transparent); }
#libraryView .library-ai-review { display:flex; flex-direction:row; align-items:start; gap:10px; margin-top:18px; font-size:13px; line-height:1.6; font-weight:400; }
#libraryView .library-ai-review input { flex:0 0 18px; margin-top:2px; }
.library-dialog footer { position:sticky; bottom:-26px; z-index:2; background:var(--panel-background,#fff); padding-bottom:10px; }
.library-dialog footer button { flex:none; }
.library-dialog > header { position:sticky; top:-26px; z-index:5; background:var(--panel-background,#fff); padding-block:10px; }
@media(prefers-color-scheme:dark) { #libraryView { --library-success:#83d8b0; } #libraryView .library-editor-footer, .library-dialog footer { background:#1c2532; } #libraryView .library-choice:has(input:checked) { color:#b5d3ff; border-color:#6faaff; background:#27518755; } .library-import-summary { background:#27518733; } }
@media(max-width:760px) { .library-import-inputs { grid-template-columns:1fr; gap:16px; } .library-import-fields { grid-template-columns:1fr 1fr; } #libraryView .library-answer-tools small { margin-left:0; flex-basis:100%; } #libraryView .library-editor-footer { flex-wrap:wrap; bottom:6px; } }
@media(max-width:600px) { #libraryView .library-dialog { width:calc(100vw - 20px); padding:18px; } .library-import-fields { grid-template-columns:1fr; } .library-import-steps { gap:8px; flex-direction:column; } .library-dialog footer { bottom:-18px; flex-wrap:wrap; } .library-dialog footer button { width:100%; } #libraryView .library-save-actions { width:100%; justify-content:flex-start; gap:8px; } #libraryView .library-editor-footer { padding:12px; } #libraryView .library-answer-grid { grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); } }
@media(prefers-reduced-motion:reduce) { #libraryView .library-choice { transition:none; } }
@media(max-width:600px) { #libraryView .library-metadata { grid-template-columns:minmax(0,1fr) 100px; } #libraryView .library-editor-toolbar > button { max-width:100%; } }
@media(prefers-color-scheme:dark) { .library-dialog > header { background:#1c2532; } }
@media(max-width:600px) { .library-dialog > header { top:-18px; } }
