.text-button.primary{background:linear-gradient(120deg,var(--cyan),var(--blue));border:0;color:#041116;font-weight:800}
.text-button.publish{border-color:#39d49d66;color:var(--green)}
.text-button.danger{border-color:#ff6d7744;color:#ff9097}
.text-button.subtle{margin-left:auto}
.article-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}
.article-list-panel{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}
.article-list{display:grid;gap:9px}
.article-list-item{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:#09151b;color:var(--text);text-align:left;cursor:pointer}
.article-list-item:hover,.article-list-item.active{border-color:#38d6e866;background:#10232c}
.article-list-item b{display:block;margin:4px 0;font-size:13px}
.article-list-item span,.article-list-item small{display:block;color:var(--muted);font-size:11px}
.status-pill{display:inline-flex!important;width:max-content;padding:2px 7px;border-radius:99px;background:#f1b94d19;color:var(--amber)!important}
.status-pill.published{background:#39d49d18;color:var(--green)!important}
#article-form>label,.editor-grid label{display:block;margin:14px 0 7px;color:#b8c9cf}
.article-title-field input{font-size:20px!important;font-weight:750;padding:15px!important}
.generated-url{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0 18px;color:var(--muted);font-size:12px}
.generated-url b{color:var(--cyan);font-weight:650}
#article-form input,#article-form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#081219;color:var(--text);outline:none;font:inherit}
#article-form input:focus,#article-form textarea:focus,.rich-editor:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38d6e814}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.media-uploader{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px;border:1px dashed #2a4652;border-radius:10px;background:#09151b}
.media-uploader input{width:auto!important;max-width:280px}
.media-uploader span{color:var(--muted);font-size:11px}
.cover-composer{display:grid;grid-template-columns:150px minmax(180px,1fr) auto auto;align-items:center;gap:12px;margin:14px 0 22px;padding:14px;border:1px dashed #2a4652;border-radius:12px;background:#09151b}
.cover-composer img{grid-row:1/3;width:150px;height:95px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.cover-composer div p{margin:4px 0 0;color:var(--muted);font-size:11px}.cover-composer>input{grid-column:2/3}.cover-composer>span{grid-column:2/-1;color:var(--muted);font-size:11px}
.article-advanced{margin-top:18px;border:1px solid var(--line);border-radius:10px;background:#09151b}.article-advanced summary{padding:14px 16px;cursor:pointer;font-weight:700}.article-advanced summary span{margin-left:8px;color:var(--muted);font-size:11px;font-weight:400}.article-advanced[open]{padding:0 16px 14px}.article-advanced[open] summary{margin-inline:-16px;padding-inline:16px;border-bottom:1px solid var(--line)}
.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:9px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#0a171d}
.editor-toolbar button{min-width:36px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#11232b;color:var(--text);cursor:pointer}
.rich-editor{min-height:430px;padding:22px;border:1px solid var(--line);border-radius:0 0 10px 10px;background:#081219;color:#d9e6ea;outline:none;line-height:1.75}
.rich-editor:empty:before{content:attr(data-placeholder);color:#58707a}
.rich-editor h2{margin:26px 0 10px;font-size:25px}.rich-editor h3{margin:22px 0 8px;font-size:19px}
.rich-editor img,.rich-editor video{display:block;max-width:100%;margin:18px auto;border-radius:10px}
.rich-editor blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--cyan);background:#102129}
.editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}
.editor-actions-sticky{position:sticky;bottom:0;z-index:5;margin-inline:-18px;padding:13px 18px;background:rgba(7,17,23,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px)}
.editor-message{min-height:22px;color:var(--cyan)}
@media(max-width:1050px){.article-workspace{grid-template-columns:1fr}.article-list-panel{position:static;max-height:320px}}
@media(max-width:800px){.cover-composer{grid-template-columns:100px 1fr}.cover-composer img{width:100px;height:74px}.cover-composer>input,.cover-composer>span{grid-column:1/-1}}
@media(max-width:650px){.editor-grid{grid-template-columns:1fr}.media-uploader{align-items:flex-start;flex-direction:column}.article-editor-panel{padding:14px}.rich-editor{min-height:320px}.cover-composer{grid-template-columns:1fr}.cover-composer img{grid-row:auto;width:100%;height:180px}.cover-composer>input,.cover-composer>span{grid-column:auto}.editor-actions-sticky{margin-inline:-14px;padding-inline:14px}}