.mb-admin,.mb-node { color:var(--color-text);font-size:14px;line-height:1.6; }
.mb-admin { container-type:inline-size; }
:is(.mb-admin,.mb-node) [hidden] { display:none!important; }
#ftSettingsPanel [data-settings-panel="access"]>[hidden] { display:none!important; }
.mb-heading,.mb-actions,.mb-panel-heading,.mb-pager,.mb-selection { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.mb-heading,.mb-panel-heading { justify-content:space-between;align-items:flex-start; }
.mb-heading h1 { font-size:24px;font-weight:600;margin:0 0 6px; }
.mb-heading p { margin:0; }
.mb-muted { color:var(--color-text-secondary);font-size:13px; }
.mb-defaults { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--color-border); }
.mb-defaults span,.mb-defaults strong { display:block; }
.mb-defaults strong { margin-top:4px;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums; }
/* Content uses the existing shell. The list and 340px editor share a 24px gutter. */
.mb-workspace { display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start; }
.mb-workspace.mb-editing { grid-template-columns:minmax(0,1fr) 340px; }
.mb-main { min-width:0; }
.mb-panel { min-width:0;border:1px solid var(--color-border);border-radius:8px;padding:20px;background:var(--color-surface);position:sticky;top:16px;max-height:calc(100dvh - 100px);overflow:auto; }
.mb-panel h3,.mb-node h3 { font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere; }
.mb-panel-heading { margin-bottom:16px;flex-wrap:nowrap; }
.mb-panel-heading h3 { flex:1; }
.mb-button { font:inherit;font-size:13px;line-height:1.4;min-height:36px;padding:7px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap; }
.mb-button:hover { background:var(--color-surface-alt); }
.mb-button.mb-primary { background:var(--color-text);color:var(--color-surface);border-color:var(--color-text); }
.mb-button:disabled { opacity:.5;cursor:default; }
:is(.mb-admin,.mb-node) :focus-visible { outline:2px solid var(--color-primary);outline-offset:3px; }
:is(.mb-admin,.mb-node) ::selection { background:var(--color-primary);color:var(--color-surface); }
:is(.mb-admin,.mb-node) :is(input:not([type=checkbox]),select) { font:inherit;font-size:14px;min-height:36px;box-sizing:border-box;min-width:0;max-width:100%;padding:6px 9px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);background:var(--color-surface);caret-color:var(--color-primary); }
:is(.mb-admin,.mb-node) input:disabled { color:var(--color-text-secondary);background:var(--color-surface-alt); }
.mb-admin input[type=checkbox] { width:16px;height:16px;accent-color:var(--color-primary); }
.mb-filters { display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px; }
.mb-filter { display:flex;flex-direction:column;gap:5px;flex:1 1 120px;min-width:0;font-size:13px; }
.mb-filter:has(input) { flex-basis:200px; }
.mb-filter:has(select[aria-label="目录树"]) { flex-basis:200px;max-width:320px; }
.mb-selection,.mb-message { background:var(--color-surface-alt);padding:12px;border-radius:6px;margin:0 0 16px;overflow-wrap:anywhere; }
.mb-table-wrap { overflow:auto; }
.mb-admin table { border-collapse:collapse;width:100%;font-size:13px; }
.mb-admin caption { text-align:left;padding:0 0 12px; }
.mb-admin th,.mb-admin td { padding:12px 8px;border-bottom:1px solid var(--color-border-light);vertical-align:middle;text-align:left; }
.mb-admin th { font-size:13px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;background:transparent; }
.mb-admin th:nth-child(n+3):nth-child(-n+6),.mb-admin .mb-price { text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap; }
.mb-book { width:45%;min-width:160px;max-width:420px;overflow-wrap:anywhere; }
.mb-book strong,.mb-price strong { font-weight:500; }
.mb-book small,.mb-price small { display:block;margin-top:3px; }
.mb-book small { font-size:12px; }
.mb-pager { margin-top:20px; }
.mb-pager span { margin-right:auto; }
.mb-setting { display:grid;gap:6px;margin-bottom:18px; }
.mb-setting>label { font-size:14px;font-weight:500; }
.mb-setting-controls { display:flex;gap:8px; }
.mb-setting-controls>* { width:50%;flex:1; }
.mb-editor>.mb-muted { margin:0 0 20px; }
.mb-editor>.mb-message { margin:12px 0 0; }
.mb-history details { border-bottom:1px solid var(--color-border);padding:12px 0; }
.mb-history summary { cursor:pointer;font-size:13px; }
.mb-history h4 { font-size:14px;margin:16px 0 6px;overflow-wrap:anywhere; }
.mb-history p { font-size:13px;margin:4px 0; }
.mb-sample { font-size:13px;padding-left:20px;overflow-wrap:anywhere; }
.mb-confirm { position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:24px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:14px; }
.mb-confirm::backdrop { background:rgb(0 0 0 / .4); }.mb-confirm h3 { margin:0;font-size:18px; }.mb-confirm li { margin:8px 0; }.mb-confirm .mb-actions { justify-content:flex-end; }
@container (max-width:800px) { .mb-workspace.mb-editing { grid-template-columns:minmax(0,1fr); }.mb-editing>.mb-main { display:none; }.mb-panel { position:static;max-height:none; } }
@container (max-width:620px) {
  .mb-defaults { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }.mb-heading h1 { font-size:22px; }
  .mb-admin thead { display:none; }.mb-admin tbody,.mb-admin tr { display:block; }.mb-admin tr { position:relative;border-bottom:1px solid var(--color-border);padding:12px 0; }
  .mb-admin td { border:0;padding:4px; }.mb-admin td:first-child { position:absolute;top:14px;left:0; }
  .mb-admin .mb-book { display:block;width:auto;min-width:0;max-width:none;margin-left:28px; }
  .mb-admin .mb-price { display:inline-block;width:25%;box-sizing:border-box;text-align:left;vertical-align:top;white-space:normal; }
  .mb-price:before { content:attr(data-label);display:block;font-size:12px;color:var(--color-text-secondary); }
  .mb-admin td:last-child { display:block;text-align:right; }.mb-panel { padding:16px; }.mb-filter:has(select[aria-label="目录树"]) { max-width:none; }
}
@media(max-width:600px) { .mb-button { min-height:40px; }.mb-node .mb-setting-controls { flex-wrap:wrap; } }
@media(max-width:900px) { .mb-admin { padding-inline:4px;box-sizing:border-box; }.mb-heading { padding-left:26px; } }