:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.65;background:Canvas;color:CanvasText}
body{margin:0 auto;max-width:1180px;padding:24px}
header{border-bottom:1px solid color-mix(in srgb,CanvasText 18%,Canvas);padding-bottom:18px;margin-bottom:28px}
main{max-width:820px;margin:auto}a{color:LinkText}img{max-width:100%;height:auto}iframe{width:100%;aspect-ratio:16/9;border:0}
pre{overflow:auto;padding:16px;background:color-mix(in srgb,CanvasText 6%,Canvas)}article{margin:32px 0}time,.hint{color:GrayText}.hint{font-size:14px}
input,textarea,select,button{font:inherit;padding:9px 12px;box-sizing:border-box;border:1px solid color-mix(in srgb,CanvasText 25%,Canvas);border-radius:7px}
input,textarea,select{width:100%;background:Canvas;color:CanvasText}button{cursor:pointer;background:Canvas;color:CanvasText}button:hover{background:color-mix(in srgb,CanvasText 7%,Canvas)}button:disabled{opacity:.5;cursor:default}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #4263eb;outline-offset:2px}
label{display:block;margin:12px 0}label>span{display:block;font-size:14px;margin-bottom:5px}textarea{min-height:420px;resize:vertical;font-family:monospace}
h1{font-size:30px;letter-spacing:-.03em;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px}
.editor-header{display:flex;gap:22px;align-items:center;font-size:14px}.editor-header nav{flex:1}.brand{font-weight:700;text-decoration:none;color:CanvasText}.editor-header select{width:auto}
.editor-main{max-width:none}.article-picker{display:flex;align-items:center;gap:16px;margin:24px 0;padding:16px;background:color-mix(in srgb,CanvasText 4%,Canvas);border-radius:10px}.article-picker h2{margin:0}.article-picker button{font-size:13px}.article-picker #articles{display:flex;gap:8px;flex-wrap:wrap}
.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}.toolbar button{font-size:13px}.upload-control{display:flex;gap:8px;align-items:center;margin:0;font-size:13px}.upload-control>span{margin:0}.upload-control input{max-width:220px;padding:5px;font-size:12px}
.article-details{margin:16px 0;border:1px solid color-mix(in srgb,CanvasText 18%,Canvas);border-radius:8px;padding:12px 16px}.article-details summary{cursor:pointer;font-weight:600}.article-details textarea{min-height:85px}.article-details img{max-height:150px}.save-bar{display:flex;align-items:end;gap:16px}.save-bar label{flex:1;margin:0}.primary{background:#304fd1;color:white;border-color:#304fd1;font-weight:600}.primary:hover{background:#2540b3}
.preview-pane{padding-top:12px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-heading h2{margin:0}.preview-heading select{width:auto;font-size:14px}.preview{width:100%;height:530px;aspect-ratio:auto;border:1px solid #d5d9e2;border-radius:8px;background:white}.preview-pane>h2{margin-top:24px}#revisions button{margin:4px;font-size:12px}#message{white-space:pre-wrap;color:LinkText}
@media(max-width:760px){body{padding:18px}.editor-layout{grid-template-columns:1fr}.editor-header{flex-wrap:wrap;gap:12px}.editor-header nav{flex-basis:100%;order:3}.article-picker{flex-wrap:wrap}.toolbar{gap:6px}.preview{height:420px}}