:root { --paper:#f3f2e9;--card:#fafaf4;--ink:#293127;--muted:#737b6b;--line:#d9ddcf;--olive:#4d6243;--olive-dark:#31452c;--olive-tint:#e9ede1;--gold:#a98c4f;--danger:#985040;--serif:var(--font-heading);--sans:var(--font-ui); }
.collection-actions { display:flex;gap:10px;flex-wrap:wrap; }
.correction-notice { padding:12px 23px;border-bottom:1px solid var(--line);background:var(--olive-tint); }
.correction-notice p { margin:0 0 10px;font-size:12px; }
.correction-dialog { width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--card);color:var(--ink); }
.correction-dialog::backdrop { background:#18201780; }
.correction-dialog h2 { margin:0;font:600 28px/1.2 var(--serif); }
.correction-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:15px 0; }
.correction-dialog .field-group label { display:block;margin-bottom:6px; }
#correction-form .field-group input,#correction-form .field-group select,#correction-form .field-group textarea { font-size:16px;min-height:44px; }
.correction-dialog .button,.correction-dialog .icon-button,#record-correct,#stock-create,#npc-placement-notice .button { min-height:44px; }
#npc-placement-title { overflow-wrap:anywhere; }
.correction-dialog .icon-button { min-width:44px; }
#npc-placement-form > label { display:grid; gap:6px; margin:16px 0; line-height:1.5; }
#npc-placement-form input:not([type=checkbox]),#npc-placement-form textarea { width:100%; min-width:0; min-height:44px; padding:10px; font-size:16px; }
#npc-placement-form textarea { min-height:100px; resize:vertical; }
#npc-placement-form > label:has(input[type=checkbox]) { grid-template-columns:44px minmax(0,1fr); align-items:center; gap:10px; }
#npc-placement-form input[type=checkbox] { width:44px; height:44px; margin:0; accent-color:var(--olive); }
#npc-placement-form .dialog-actions { display:flex; flex-wrap:wrap; gap:10px; }
@media (max-width:720px) { .field-group[data-field="character_profile"] textarea.code-field { font-size:16px; min-height:200px; } }
.correction-summary { padding:12px;border:1px solid var(--line);overflow-wrap:anywhere; }
@media (max-width:600px) { .correction-grid { grid-template-columns:1fr;gap:10px; }.correction-dialog { padding:18px; } }
* { box-sizing:border-box; }
body { margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans); }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:default;opacity:.45; }
a { color:var(--olive);text-decoration:none; }
a:hover { text-decoration:underline; }
[hidden] { display:none!important; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #8a9f71;outline-offset:3px; }
.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; }
.skip-link { position:fixed;left:12px;top:-60px;background:var(--olive);color:white;padding:10px 16px;z-index:50;opacity:0;pointer-events:none; }
.skip-link:focus { top:12px;opacity:1;pointer-events:auto; }
.admin-masthead { height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(250,250,244,.95); }
.admin-brand { display:flex;align-items:center;gap:13px;color:var(--ink); }
.admin-brand:hover { text-decoration:none; }
.brand-mark { display:grid;place-items:center;border:1px solid #bbc5ad;width:39px;height:39px;border-radius:50%;font-size:27px;line-height:1;color:var(--olive); }
.admin-brand strong { display:block;font-size:12px;letter-spacing:.035em;font-weight:500; }
.admin-brand small { display:block;color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:2px; }
.masthead-actions { display:flex;align-items:center;gap:22px;font-size:12px; }
#admin-account { color:var(--muted); }
.eyebrow { display:block;margin:0 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600; }
.button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 13px;border:1px solid #cbd2bf;border-radius:5px;background:var(--card);color:var(--olive-dark);font-size:12px;font-weight:500;line-height:1.35;transition:background .12s,border-color .12s; }
.button:hover:enabled { background:#e7ecde;border-color:#a7b498; }
.button.primary { background:var(--olive);border-color:var(--olive);color:#fffef5; }
.button.primary:hover:enabled { background:var(--olive-dark);border-color:var(--olive-dark); }
.button.subtle { border-color:transparent;background:transparent; }
.icon-button { width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:23px;line-height:1; }
.muted { color:var(--muted); }
.auth-layout { max-width:1160px;margin:0 auto;min-height:calc(100vh - 84px);padding:82px 52px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center; }
.auth-introduction { position:relative;min-height:480px; }
.auth-introduction>.eyebrow { color:var(--gold); }
.auth-introduction h1 { font:600 clamp(44px,5vw,68px)/1.07 var(--serif);letter-spacing:-.045em;margin:22px 0; }
.auth-introduction>p:not(.eyebrow) { max-width:340px;color:var(--muted);font-size:15px;line-height:1.8; }
.auth-orbit { position:relative;width:300px;height:140px;margin:25px 0 0;overflow:hidden;opacity:.72; }
.auth-orbit i { position:absolute;left:15px;top:25px;width:170px;height:90px;border:1px solid #b1bda1;border-radius:50%;transform:rotate(-18deg); }
.auth-orbit i:nth-child(2) { left:0;top:13px;width:210px;height:110px; }
.auth-orbit i:nth-child(3) { left:-15px;top:0;width:250px;height:133px; }
.auth-orbit b { position:absolute;left:130px;top:27px;width:8px;height:8px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 4px var(--paper); }
.auth-orbit span { position:absolute;right:0;bottom:0;background:var(--paper);padding:5px;font-size:11px;letter-spacing:.12em;color:var(--muted); }
.auth-card { padding:36px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 12px 45px rgba(54,67,44,.04); }
.auth-card h2 { font:600 28px/1.15 var(--serif);letter-spacing:-.025em;margin:10px 0; }
.auth-card>p { color:var(--muted);font-size:13px; }
.auth-card label { display:block;font-size:11px;font-weight:600;margin:20px 0 6px; }
input,select,textarea { border:1px solid #cbd1bf;border-radius:4px;background:#fffef9;color:var(--ink); }
.auth-card input { width:100%;padding:10px 12px; }
.auth-card .primary { width:100%;margin-top:25px;padding:12px;justify-content:space-between; }
.auth-footnote { color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px; }
.feedback { min-height:19px; }
.feedback.error { color:var(--danger); }
.admin-workspace { display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 84px); }
.admin-sidebar { display:flex;flex-direction:column;border-right:1px solid var(--line);background:#eeefe5;padding:27px 17px 15px; }
.sidebar-head { display:flex;align-items:baseline;justify-content:space-between;padding:0 8px; }
.sidebar-head>.eyebrow { margin-bottom:14px; }
#schema-count { font-size:11px;color:var(--muted); }
.search-field { display:flex;align-items:center;border:1px solid #cbd2bf;background:#f9f9f2;border-radius:5px;padding:0 10px;gap:7px; }
.search-field>span:not(.sr-only) { font-size:20px;color:#87947b;line-height:1; }
.search-field input { min-width:0;width:100%;border:0;background:transparent;outline:none;padding:9px 0;font-size:12px; }
.search-field:focus-within { border-color:#83946e;box-shadow:0 0 0 2px rgba(118,141,88,.09); }
.sidebar-search { margin-bottom:24px; }
.nav-group { margin-bottom:22px; }
.nav-group h2 { color:#8a9180;text-transform:uppercase;font-size:11px;letter-spacing:.15em;margin:0 8px 6px;font-weight:500; }
.nav-table { border:0;border-radius:5px;background:transparent;color:#616d56;display:flex;align-items:center;gap:8px;padding:8px 9px;width:100%;text-align:left;font-size:12px; }
.nav-table:hover { background:#e3e8d9; }
.nav-table.active { background:#dce4d0;color:#344b2b;font-weight:500; }
.nav-table .nav-icon { width:15px;text-align:center;opacity:.7;font-size:13px; }
.sidebar-foot { margin-top:auto;padding:27px 7px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px; }
.connection-dot { width:5px;height:5px;background:#8ca875;border-radius:50%; }
.sidebar-foot small { flex-basis:100%;font-size:11px;overflow-wrap:anywhere; }
.admin-main { min-width:0;padding:32px 30px 60px; }
.mobile-navigation { display:none; }
.collection-heading { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px; }
.collection-heading h1 { font:600 36px/1.15 var(--serif);letter-spacing:-.025em;margin:4px 0 7px; }
.collection-heading p:last-child { font-size:12px;color:var(--muted);margin:0;max-width:660px; }
.collection-toolbar { display:flex;align-items:center;gap:14px;margin-bottom:17px; }
.record-search { max-width:380px;flex:1; }
.search-submit { border:0;background:transparent;color:var(--olive);font-size:11px;padding:7px 0 7px 7px; }
.record-count { font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap; }
.collection-content { display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,440px);gap:22px;align-items:start; }
.records-panel { border:1px solid var(--line);border-radius:7px;background:var(--card);min-width:0;overflow:hidden; }
.records-table-wrap { overflow-x:auto; }
.records-table { border-collapse:collapse;width:100%;text-align:left;font-size:12px; }
.records-table th { background:#edf0e5;color:#738068;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap; }
.records-table td { padding:13px 15px;border-bottom:1px solid #e6e8dd;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.records-table tr:last-child td { border-bottom:0; }
.records-table tbody tr.active { background:#e8eddf; }
.record-link { max-width:250px;display:block;overflow:hidden;text-overflow:ellipsis;text-align:left;border:0;padding:0;background:transparent;color:var(--ink);font-size:12px;font-weight:500; }
.record-link:hover { color:var(--olive);text-decoration:underline; }
.table-id { color:#98a18e;font:11px var(--font-mono); }
.status-chip { display:inline-block;font-size:11px;border:1px solid #d7dbc9;border-radius:12px;padding:2px 7px;background:#f0f1e8;color:#77816b;line-height:1.3; }
.status-chip.published { background:#e1ead6;border-color:#c7d7b7;color:#4c663b; }
.status-chip.archived { color:#968d7b;background:#ece9e1;border-color:#ddd7ca; }
.records-feedback:empty { display:none; }
.records-feedback { padding:16px;color:var(--muted);font-size:12px; }
.records-feedback.error { color:var(--danger);background:#f9eee6; }
.records-empty { text-align:center;padding:52px 24px;color:var(--muted); }
.records-empty>span { color:#9aa58b;font-size:30px; }
.records-empty h2 { font:600 23px/1.3 var(--serif);color:#647458;margin:10px 0; }
.records-empty p { font-size:12px;margin:0; }
.pagination { border-top:1px solid var(--line);padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px; }
.pagination>span { font-size:11px;color:var(--muted); }
.pagination>div { display:flex;gap:3px; }
.pagination .button { font-size:11px;padding:5px 8px;min-height:29px; }
.record-editor { border:1px solid var(--line);border-radius:7px;background:#fffef8;min-width:0; }
.editor-empty { text-align:center;padding:88px 32px 96px; }
.editor-empty-mark { font-size:40px;color:#93a080; }
.editor-empty h2 { font:600 25px/1.25 var(--serif);color:#647458;margin:20px 0 10px; }
.editor-empty p { color:var(--muted);font-size:12px;max-width:230px;margin:auto; }
.editor-heading { padding:24px 23px 13px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px; }
.editor-heading h2 { font:600 25px/1.2 var(--serif);letter-spacing:-.018em;margin:0;overflow-wrap:anywhere; }
.editor-heading .eyebrow { font-size:11px; }
.editor-meta { display:flex;flex-wrap:wrap;gap:8px;padding:0 23px 17px;color:var(--muted);font-size:11px;border-bottom:1px solid #e6e8dc; }
#editor-dirty { color:#9a783b;margin-left:auto; }
.editor-fields { padding:20px 23px 6px;display:grid;grid-template-columns:1fr 1fr;gap:17px 15px; }
.field-group { min-width:0; }
.field-group.wide { grid-column:1/-1; }
.field-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px; }
.field-heading>label { font-size:11px;font-weight:600; }
.required-marker { color:var(--gold);margin-left:3px; }
.field-group input:not([type=checkbox]),.field-group select,.field-group textarea { width:100%;min-width:0;padding:9px 10px;font-size:12px; }
.field-group textarea { min-height:100px;resize:vertical;line-height:1.65; }
.field-group textarea.story-body { min-height:310px;font:14px/1.75 var(--serif);padding:13px; }
.field-group textarea.code-field { font:11px/1.6 var(--font-mono); }
.field-group input:disabled,.field-group textarea:disabled,.field-group select:disabled { color:#a1a693;background:#f0f1e8; }
.field-help { font-size:11px;line-height:1.5;color:#879079;margin:5px 0 0; }
.null-toggle { display:flex;align-items:center;gap:4px;color:#879079;font-size:11px;white-space:nowrap; }
.null-toggle input { width:11px;height:11px;accent-color:var(--olive);margin:0; }
.readonly-value { min-height:34px;padding:7px 0;font-size:12px;color:#858c7c;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.55;max-height:140px;overflow-y:auto; }
.readonly-tag { font-size:11px;letter-spacing:.03em;font-weight:400;color:#9a9f8d;margin-left:6px; }
.reference-search { margin-top:7px; }
.reference-search summary { cursor:pointer;font-size:11px;color:var(--olive); }
.reference-search input { margin-top:7px; }
.reference-results { display:flex;flex-direction:column;gap:3px;max-height:150px;overflow:auto;margin-top:5px; }
.reference-choice { font-size:11px;text-align:left;border:0;background:#eef1e6;padding:5px 7px;color:var(--olive);border-radius:3px; }
.reference-choice:hover { background:#dfe7d3; }
.reference-results p { font-size:11px;color:var(--muted);margin:3px 0; }
.editor-footer { display:flex;flex-wrap:wrap;gap:9px;padding:22px 23px; }
.content-actions { display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding:15px 23px; }
.content-actions .button { font-size:11px; }
.content-preview { border-top:1px solid var(--line);padding:26px 25px;background:#f5f4eb; }
.content-preview h2 { font:600 27px/1.3 var(--serif);margin:0 0 15px; }
.content-preview .preview-summary { color:#727b67;font-style:italic;font-size:13px; }
.content-preview p { font:14px/1.85 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere; }
.content-preview .preview-label { font:11px var(--sans);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px; }
.global-feedback,.editor-feedback { border:1px solid #d8dfca;background:#edf2e5;color:#526845;border-radius:5px;padding:12px 14px;font-size:12px; }
.global-feedback { margin-bottom:20px; }
.editor-feedback { margin:16px 23px 0; }
.global-feedback.error,.editor-feedback.error { background:#f8eee7;border-color:#e4cdc0;color:var(--danger); }
.global-feedback .button,.editor-feedback .button { margin-left:10px; }
.error-card { border:1px solid var(--line);padding:35px;background:var(--card);border-radius:8px; }
.error-card h2 { font:600 28px var(--serif);margin:0 0 10px; }
.error-card p { color:var(--muted); }
.admin-main.is-narrative .collection-content { grid-template-columns:minmax(250px,.8fr) minmax(390px,1.2fr); }
.admin-main.is-narrative .field-group[data-field="body"],.admin-main.is-narrative .field-group[data-field="summary"],.admin-main.is-narrative .field-group[data-field="title"] { grid-column:1/-1; }
.mcp-introduction { display:flex;gap:18px;align-items:center;max-width:920px;margin:0 0 28px;color:var(--muted);font-size:12px; }
.mcp-introduction p { margin:0; }
.mcp-symbol { flex:none;display:grid;place-items:center;border:1px solid #cbd3bf;border-radius:50%;width:44px;height:44px;font-size:25px;color:var(--olive); }
.mcp-create-card,.mcp-issued { border:1px solid var(--line);border-radius:7px;background:var(--card);padding:25px 27px;margin-bottom:22px; }
.mcp-create-card h2,.mcp-issued h2,.mcp-registry h2,.mcp-revoke-dialog h2 { font:600 26px/1.2 var(--serif);margin:0 0 9px;letter-spacing:-.015em; }
.mcp-create-card>div>p,.mcp-issued>p,.mcp-configuration>p,.mcp-revoke-dialog p { color:var(--muted);font-size:12px;line-height:1.7; }
#mcp-create-form { display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(110px,1fr);gap:15px 18px;margin-top:22px; }
#mcp-create-form label,.mcp-issued>label { display:block;font-size:11px;font-weight:600;margin-bottom:7px; }
#mcp-access-help { grid-column:1/3;align-self:center;font-size:11px; }
#mcp-create-submit { justify-self:end;align-self:start;min-width:114px; }
.mcp-issued { border-color:#aab998;background:#edf2e4; }
.mcp-issued-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:20px; }
.mcp-issued textarea { width:100%;padding:12px;font:12px/1.6 var(--font-mono);resize:vertical;overflow-wrap:anywhere; }
.mcp-issued-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:13px; }
.mcp-configuration { margin-top:24px;border-top:1px solid #ced9c0;padding-top:17px; }
.mcp-configuration summary { cursor:pointer;color:var(--olive);font-size:12px;font-weight:600; }
.mcp-configuration textarea { white-space:pre; }
.mcp-registry { margin-top:34px; }
.mcp-registry>header { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px; }
.mcp-key-list { display:grid;gap:13px; }
.mcp-key-card { border:1px solid var(--line);border-radius:7px;background:var(--card);padding:20px 24px;min-width:0; }
.mcp-key-card>header { display:flex;justify-content:space-between;align-items:center;gap:15px; }
.mcp-key-card h3 { font-size:14px;font-weight:600;margin:0 0 3px;overflow-wrap:anywhere; }
.mcp-key-card code { color:var(--muted);font-size:11px;overflow-wrap:anywhere; }
.mcp-key-badges { display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px; }
.mcp-key-card dl { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 0;padding-top:15px;border-top:1px solid #e4e7db; }
.mcp-key-card dt { font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:5px; }
.mcp-key-card dd { margin:0;font-size:11px;overflow-wrap:anywhere; }
.mcp-key-card.is-inactive { background:#f0f0e7; }
.mcp-key-empty { border:1px dashed #cbd3bf;padding:35px;border-radius:7px;text-align:center;color:var(--muted);font-size:12px; }
.button.danger { color:var(--danger);border-color:#cfb5a6;background:#fbf1eb; }
.mcp-revoke-dialog { border:1px solid var(--line);border-radius:9px;padding:29px;max-width:440px;width:calc(100% - 36px);color:var(--ink);background:var(--card); }
.mcp-revoke-dialog::backdrop { background:rgba(31,39,27,.4); }
@media(max-width:950px) { #mcp-create-form { grid-template-columns:1fr 1fr; }.mcp-name-field { grid-column:1/-1; }#mcp-access-help { grid-column:1/-1; }#mcp-create-submit { grid-column:1/-1;justify-self:start; }.mcp-key-card dl { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) { .mcp-create-card,.mcp-issued { padding:21px 18px; }.mcp-introduction { align-items:flex-start;gap:12px; }.mcp-symbol { width:34px;height:34px;font-size:21px; }.mcp-key-card { padding:18px; }.mcp-key-card>header { align-items:flex-start; }.mcp-key-card .button { flex:none; }.mcp-issued textarea { font-size:11px; } }
@media(min-width:1600px) { .admin-main { padding-left:45px;padding-right:45px; }.collection-content { grid-template-columns:minmax(350px,1fr) minmax(400px,530px); } }
@media(max-width:1180px) { .admin-workspace { grid-template-columns:205px minmax(0,1fr); }.admin-sidebar { padding-left:11px;padding-right:11px; }.admin-main { padding:27px 22px; }.collection-content,.admin-main.is-narrative .collection-content { grid-template-columns:1fr; }.record-editor { margin-top:4px; }.editor-empty { padding:35px; }.editor-fields { grid-template-columns:1fr 1fr 1fr; }.field-group.wide { grid-column:1/-1; }.collection-heading h1 { font-size:32px; } }
@media(max-width:720px) { .admin-masthead { height:auto;min-height:75px;padding:15px 19px;gap:15px; }.admin-brand strong { font-size:11px; }.brand-mark { width:31px;height:31px;font-size:22px; }.admin-brand { gap:9px; }.masthead-actions { gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:11px; }.masthead-actions .button { padding:5px 7px;font-size:11px;min-height:27px; }#admin-account { display:none; }.auth-layout { padding:40px 23px;grid-template-columns:1fr;gap:30px; }.auth-introduction { min-height:0; }.auth-introduction h1 { font-size:43px;margin:15px 0; }.auth-introduction>p:not(.eyebrow) { margin-bottom:0;font-size:13px; }.auth-orbit { display:none; }.auth-card { padding:26px; }.admin-workspace { display:block; }.admin-sidebar { display:none; }.admin-main { padding:21px 16px 45px; }.mobile-navigation { display:flex;align-items:center;gap:12px;margin-bottom:25px; }.mobile-navigation label { font-size:11px;color:var(--muted); }.mobile-navigation select { padding:8px;font-size:12px;min-width:0;flex:1; }.collection-heading { gap:15px;align-items:flex-start;margin-bottom:22px; }.collection-heading h1 { font-size:29px; }.collection-heading .button { font-size:11px;min-width:85px; }.collection-heading p:last-child { font-size:11px; }.collection-toolbar { flex-wrap:wrap;gap:7px; }.record-search { flex-basis:100%;max-width:none; }.record-count { margin-left:0;margin-right:auto; }.editor-fields { grid-template-columns:1fr 1fr;padding:18px; }.editor-heading { padding:21px 18px 13px; }.editor-meta { padding-left:18px;padding-right:18px; }.editor-feedback { margin-left:18px;margin-right:18px; }.editor-footer,.content-actions { padding:18px; }.records-table th,.records-table td { padding:11px 12px; }.pagination { gap:8px; }.record-link { max-width:180px; }.editor-empty { padding:38px 22px; }.readonly-value { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { * { transition:none!important;scroll-behavior:auto!important; } }
.resource-thumbnail { display:inline-block;margin-right:7px;vertical-align:middle; }
.art-key-picker summary { cursor:pointer;font-size:11px;color:var(--olive-dark);padding:12px 0;min-height:44px; }
.art-key-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;max-height:320px;overflow:auto;padding:4px; }
.art-key-choice { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:74px;padding:7px 4px;border:1px solid #b3bea5;border-radius:3px;background:#fafaf4;color:#293127;font-size:11px; }
.art-key-choice[aria-pressed=true] { border:2px solid #4d6243;padding:6px 3px;background:#e5eadb; }
.art-key-choice[aria-pressed=true]::after { content:'Selected';font-size:11px;font-weight:500; }
.resource-art-preview { grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px; }
.resource-art-preview h3 { font-size:12px;margin:0 0 10px; }
.resource-art-tone { position:relative;display:flex;align-items:center;gap:10px;padding:15px 10px 25px;margin:8px 0;border:1px solid #8c784b;border-radius:3px;overflow:hidden; }
.resource-art-tone.goods-bridge { background:#18221b;color:#ece5d3; }
.resource-art-tone.goods-desk { background:#f3f2e9;color:#293127;border-color:#798367; }
.resource-art-samples { display:flex;align-items:center;gap:4px;flex:none; }
.resource-art-reading { min-width:0;font-size:12px; }
.resource-art-reading strong { display:block;overflow-wrap:anywhere; }
.resource-art-reading small { display:block;font-size:11px; }
.resource-art-metrics { display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;margin-top:5px; }
.resource-art-metrics .weight-crate { color:inherit; }
.resource-supply-badge { display:inline-block;border:1px solid currentColor;padding:1px 4px;font-size:11px; }
.resource-tier-stripe { position:absolute;bottom:0;left:0;right:0;padding:1px 8px;border-top:1px solid currentColor;font:11px var(--font-mono);letter-spacing:.08em; }
.resource-tier-stripe[data-tier="1"] { border-top-style:dashed; }
.resource-tier-stripe[data-tier="2"] { border-top:3px double currentColor; }
.resource-tier-stripe[data-tier="3"] { border-top:3px solid #a98c4f; }
.resource-art-fallback { margin:10px 0 0;padding:9px;border:1px solid #a07838;background:#f4e4bc;color:#63451b;font-size:11px; }
@media(max-width:720px) { .art-key-picker select { min-height:44px;font-size:16px; }.resource-art-tone { gap:8px; }.resource-art-samples { gap:2px; } }