.workspace.articles-active {padding:20px 20px 38px;}
#panel-articles {max-width:none;}
.art-heading {display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;}
.art-heading h2 {font-size:24px;margin:5px 0;}
.art-heading p:last-child {color:var(--ink-faint);font-size:12px;}
.art-account {display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:9px;margin-bottom:14px;}
.art-account-copy {margin-right:auto;min-width:180px;}
.art-account-copy strong {display:block;font-size:12px;}
.art-account-copy span {display:block;font-size:10px;color:var(--ink-faint);margin-top:3px;}
.art-account select {max-width:235px;min-width:140px;border:1px solid var(--border);border-radius:6px;padding:9px 26px 9px 10px;background:#fff;font:11px var(--font-body);color:var(--ink);}
.art-account button,.art-account a {font-size:11px;}
.art-workspace {display:grid;grid-template-columns:176px minmax(340px,1fr) 244px;gap:12px;align-items:start;}
.art-rail,.art-editor,.art-side-card {background:#fff;border:1px solid var(--border);border-radius:10px;min-width:0;overflow:hidden;}
.art-rail {min-height:630px;}
.art-rail-head {padding:15px 13px 12px;border-bottom:1px solid #edf0f4;}
.art-rail-head strong {font-size:12px;}
.art-rail-head span {float:right;font:11px var(--font-data);color:var(--ink-faint);}
.art-rail-head input {margin-top:12px;width:100%;border:1px solid var(--border);border-radius:5px;padding:7px 9px;font-size:11px;}
.art-draft-list {max-height:550px;overflow-y:auto;padding:7px;}
.art-draft-item {display:block;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;padding:12px 9px;margin-bottom:3px;}
.art-draft-item:hover {background:#f6f7f9;}
.art-draft-item[aria-current=true] {background:var(--magenta-pale);box-shadow:inset 3px 0 0 var(--magenta);}
.art-draft-item strong {display:block;font-size:11px;line-height:1.65;overflow-wrap:anywhere;}
.art-draft-item small {display:block;margin-top:5px;font-size:9px;color:var(--ink-faint);}
.art-rail-empty {font-size:11px;line-height:1.8;color:var(--ink-faint);padding:18px 13px;}
.art-editor-head {padding:21px 24px 14px;}
.art-editor-meta {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;color:var(--ink-faint);font-size:10px;}
.art-save-chip {display:inline-flex;border-radius:4px;padding:3px 7px;background:var(--green-pale);color:var(--green);}
.art-save-chip.dirty {background:var(--amber-pale);color:var(--amber);}
#art-title {width:100%;padding:0;border:0;outline-offset:5px;resize:none;color:var(--ink);font-size:23px;line-height:1.45;font-weight:650;letter-spacing:-.02em;background:transparent;}
#art-title::placeholder {color:#a0a4ad;}
.art-editor-tabs {display:flex;align-items:center;gap:5px;padding:0 20px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fafbfc;}
.art-editor-tabs button {border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 12px;color:var(--ink-faint);font-size:11px;}
.art-editor-tabs button[aria-selected=true] {color:var(--magenta);border-bottom-color:var(--magenta);font-weight:600;}
.art-word-count {margin-left:auto;font:10px var(--font-data);color:var(--ink-faint);}
#art-markdown {display:block;border:0;resize:vertical;width:100%;min-height:540px;padding:24px;line-height:1.85;font:13px/1.85 "SFMono-Regular","SF Mono","PingFang SC",monospace;outline-offset:-3px;background:#fff;tab-size:2;}
#art-markdown::placeholder {color:#9aa1ad;}
#art-preview {display:block;width:100%;height:620px;border:0;background:white;}
.art-editor-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #edf0f4;font-size:10px;color:var(--ink-faint);}
.art-side {display:grid;gap:12px;}
.art-side-card {padding:16px;}
.art-side-card h3 {font-size:13px;margin-bottom:12px;}
.art-side-card p,.art-side-card small {font-size:10px;color:var(--ink-faint);line-height:1.75;}
.art-side-card .field {margin-bottom:12px;}
.art-side-card .field>span {font-size:10px;}
.art-side-card .field input,.art-side-card .field select,.art-side-card .field textarea {font-size:11px;}
.art-side-card .button {font-size:11px;padding-inline:11px;min-height:34px;}
.art-cover-stage {aspect-ratio:16/9;display:grid;place-content:center;border:1px dashed var(--border-strong);border-radius:6px;overflow:hidden;background:#f6f7f9;position:relative;margin-bottom:12px;}
.art-cover-stage img,.art-cover-stage canvas {display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.art-cover-stage span {font-size:10px;color:var(--ink-faint);}
.art-upload {display:block;position:relative;margin:10px 0;padding:8px;border:1px solid var(--border);border-radius:6px;text-align:center;font-size:11px;cursor:pointer;}
.art-upload:focus-within {outline:2px solid var(--magenta);outline-offset:2px;}
.art-upload:has(input:disabled) {opacity:.5;cursor:default;}
#art-edit-cover {margin-bottom:12px;}
.art-upload input {display:block;width:100%;font-size:10px;}
.art-crop-controls {border-top:1px solid var(--border);padding-top:12px;margin-top:12px;}
.art-crop-controls label {display:block;font-size:10px;color:var(--ink-faint);margin-bottom:10px;}
.art-crop-controls input {width:100%;display:block;}
.art-quality {padding:9px 11px;border-radius:5px;background:#f4f6f9;font-size:10px;line-height:1.7;color:var(--ink-soft);}
.art-quality.passed {background:var(--green-pale);color:var(--green);}
.art-quality.blocked {background:var(--amber-pale);color:var(--amber);}
.art-side-card .art-image-warning {padding:9px 10px;background:var(--red-pale);color:var(--red);overflow-wrap:anywhere;border-radius:5px;margin-top:10px;}
.art-status {font-size:11px;color:var(--ink-faint);margin:10px 0 14px;}
.art-error {font-size:12px;background:var(--red-pale);color:var(--red);border-radius:7px;padding:12px 15px;margin:12px 0;overflow-wrap:anywhere;}
.art-source-path {font-size:9px;color:var(--ink-faint);overflow-wrap:anywhere;margin-top:10px;}
.art-editor-empty {padding:90px 35px;text-align:center;min-height:630px;}
.art-editor-empty strong {display:block;font-size:19px;}
.art-editor-empty p {font-size:12px;line-height:1.8;margin-top:14px;color:var(--ink-faint);}
.art-topic-dialog {width:min(620px,calc(100vw - 28px));}
.art-dialog .dialog-body {display:grid;gap:14px;}
.art-dialog .dialog-body p {font-size:12px;line-height:1.8;color:var(--ink-soft);}
.art-dialog .dialog-footer {flex-wrap:wrap;}
.art-confirm-target {padding:12px 14px;background:#f5f7fa;border:1px solid var(--border);border-radius:7px;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-line;}
#article-cms-settings-root {grid-column:1/-1;}
.art-cms-settings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.art-cms-settings .field-grid {margin-top:16px;}
.art-cms-settings input {min-width:0;}
.art-cms-status {font-size:11px;color:var(--ink-faint);margin-bottom:10px;overflow-wrap:anywhere;}
.art-cms-status.is-connected {color:var(--green);}
.art-oauth-link {display:inline-block;color:var(--magenta);font-size:12px;margin:12px 0;}
.art-metadata {border-top:1px solid #edf0f4;padding:12px 20px;}
.art-metadata summary {font-size:11px;color:var(--ink-faint);cursor:pointer;}
.art-metadata .field-grid {margin-top:14px;}
@media(min-width:1800px) {.art-workspace {grid-template-columns:205px minmax(440px,1fr) 270px;}.art-editor-head {padding:25px 34px 18px;}#art-markdown {padding:28px 34px;}}
@media(max-width:1220px) {.art-workspace {grid-template-columns:150px minmax(340px,1fr);}.art-side {grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));}.art-rail {min-height:560px;}.art-cms-settings {grid-template-columns:1fr;}#art-markdown {min-height:470px;}}
@media(max-width:780px) {.workspace.articles-active {padding:18px 14px 30px;}.art-heading {align-items:flex-start;flex-direction:column;gap:12px;}.art-account {align-items:flex-start;}.art-account-copy {width:100%;}.art-account select {max-width:100%;flex:1;}.art-workspace {grid-template-columns:minmax(0,1fr);}.art-rail {min-height:0;}.art-draft-list {display:flex;max-height:160px;overflow-x:auto;}.art-draft-item {min-width:180px;max-width:210px;}.art-rail-head {display:flex;align-items:center;gap:10px;padding:12px;}.art-rail-head input {margin-top:0;flex:1;width:0;}.art-rail-head span {float:none;}.art-side {grid-template-columns:1fr;}.art-editor-head {padding:18px 17px 12px;}#art-title {font-size:20px;}#art-markdown {padding:18px 17px;min-height:440px;font-size:12px;}.art-editor-tabs {padding-inline:8px;}.art-editor-tabs button {padding-inline:10px;}.art-editor-footer {padding:12px;flex-wrap:wrap;}.art-cover-stage {max-height:230px;}.art-cms-settings {grid-template-columns:1fr;}.art-editor-empty {min-height:300px;padding:60px 24px;}}
#art-seo-fields{font-size:11px;white-space:pre-line;line-height:1.6}
#art-override-field{margin-top:12px}#art-override-field textarea{width:100%;min-height:72px;resize:vertical}
.art-writing-request textarea{width:100%;min-height:120px;resize:vertical;line-height:1.7}
.art-writing-request small{font-size:11px;color:var(--ink-faint);line-height:1.7;font-weight:400}
.art-writing-request>span small{margin-left:6px}
.art-used-writing-request{margin:10px 0;color:var(--ink-soft);font-size:11px}
.art-used-writing-request summary{cursor:pointer}
.art-used-writing-request p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;margin-top:8px}