.editor-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.editor-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.editor-side{display:grid!important;gap:20px;padding:0!important;border:0!important;background:none!important}.live-preview-panel,.my-articles{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.live-preview-panel{position:sticky;top:88px}.preview-heading{display:flex;justify-content:space-between;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--line)}.preview-heading h2,.preview-heading p{margin:0}.preview-heading>span{padding:4px 9px;border-radius:999px;background:rgba(84,220,176,.14);color:#72e8b7;font-size:.75rem}.article-preview{padding-top:20px}.article-preview h1{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2}.preview-meta{color:var(--muted);font-size:.82rem}.preview-body{line-height:1.9;overflow-wrap:anywhere}.preview-article-image{width:100%;max-height:340px;margin:14px 0;object-fit:cover;border-radius:12px}.image-settings{margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.draft-button{min-height:46px;padding:11px 20px;border:2px solid #f0b35c;border-radius:9px;background:rgba(240,179,92,.14);color:#ffd38e;font-weight:800;cursor:pointer}.draft-button:hover{background:#f0b35c;color:#241705}.submit-button{min-height:46px}.text-button{border:0;background:none;color:#ff9a9a;text-align:left;cursor:pointer}#status:not(:empty){padding:12px;border-radius:9px;background:rgba(109,124,255,.12)}@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.live-preview-panel{position:static}.editor-heading{align-items:start}.editor-heading #draft-top{display:none}}@media(max-width:520px){.form-actions>*{width:100%}}
.editor-layout aside.editor-side{display:flex!important;flex-direction:column;align-self:start;gap:20px}.editor-layout aside.editor-side>.live-preview-panel,.editor-layout aside.editor-side>.my-articles{position:static!important;top:auto!important;flex:none}
.draft-button{border-color:#9a5b00!important;background:#f0b35c!important;color:#211300!important;box-shadow:0 2px 0 rgba(0,0,0,.22)}.draft-button:hover,.draft-button:focus-visible{border-color:#6f4100!important;background:#ffd38e!important;color:#160d00!important;outline:3px solid rgba(240,179,92,.34);outline-offset:2px}body[data-theme="light"] .draft-button{border-color:#744400!important;background:#b96b00!important;color:#fff!important}body[data-theme="light"] .draft-button:hover,body[data-theme="light"] .draft-button:focus-visible{background:#8f5100!important;color:#fff!important}