.article-import{margin:0 auto 20px;max-width:880px;color:var(--text,#e3e8d8);font-family:var(--display,system-ui,sans-serif)}
.article-import-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line,#35402e)}
.article-import-label{display:block;font-size:13px;line-height:1.5}
.article-import-toolbar small{display:block;color:var(--muted,#a4ae96);font-size:12px;margin-top:4px}
.article-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.article-import :is(button,input,textarea):focus-visible{outline:2px solid #c9e58d;outline-offset:4px}
.article-import button{min-height:44px;padding:9px 12px;border:0;border-radius:3px;background:transparent;color:inherit;font:12px/1.5 var(--display,system-ui,sans-serif);cursor:pointer;transition:background-color .16s ease,transform .12s ease}
.article-import button:active{transform:scale(.96)}
.article-import button:disabled{opacity:.5;cursor:default;transform:none}
.article-import [data-import-open]{background:#2c3c20;color:#d9edb6}
.article-import [data-import-open] span{margin-left:16px}
.article-import :is([data-import-remove],[data-import-undo]){color:var(--muted,#a4ae96);text-decoration:underline;text-underline-offset:4px;padding-inline:0}
.article-import [hidden]{display:none!important}
.article-import-status{font-size:12px;line-height:1.6;min-height:0;color:inherit;text-wrap:pretty}
.article-import-status:empty{display:none}
.article-import-status[role=alert]{padding:12px 15px;background:#492d27;color:#ffe0d3;border-radius:3px}
.article-import-dialog{width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:0;border-radius:7px;overflow:auto;overscroll-behavior:contain;background:#1e281b;color:#e5eadc;box-shadow:0 0 0 1px #ffffff1a,0 24px 90px #0009;-webkit-font-smoothing:antialiased}
.article-import-dialog::backdrop{background:#0d160cbb}
.article-import-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.article-import-eyebrow{margin:0;color:#a6bb8a;font:12px/1.6 var(--mono,monospace);letter-spacing:.12em}
.article-import-header h2{margin:10px 0 0;color:#ecf1e3;font-size:clamp(26px,3vw,35px);font-weight:560;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
.article-import-header button{padding:0 0 0 16px;white-space:nowrap;color:#b8c3aa}
.article-import-header button span{margin-left:8px;font-size:19px}
.article-import-description{max-width:65ch;margin:20px 0 26px;color:#b8c3aa;font-size:14px;line-height:1.75;text-wrap:pretty}
.article-import-description strong{font-weight:500;color:#e3ebd6}
.article-import-edit>label{display:block;margin-bottom:10px;font-size:13px;color:#d6e0ca}
.article-import-edit textarea{display:block;width:100%;resize:vertical;min-height:230px;max-height:60dvh;padding:18px;border:0;border-radius:4px;background:#e8e4d6;color:#242b21;box-shadow:inset 0 0 0 1px #0002;font:15px/1.7 Georgia,serif}
.article-import-edit textarea::placeholder{color:#747a67}
.article-import-input-meta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:10px}
.article-import-file{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;font-size:12px;color:#b8c3aa}
.article-import-file input{max-width:260px;min-width:0;width:100%;font-size:12px;color:#aebc9e}
.article-import-file input::file-selector-button{min-height:40px;border:0;border-radius:3px;padding:8px 12px;margin-right:10px;background:#35472a;color:#e0ebd2;cursor:pointer}
.article-import-input-meta>span{flex-shrink:0;color:#95a585;font:12px var(--mono,monospace);font-variant-numeric:tabular-nums}
.article-import-preview{scroll-margin-top:16px}
.article-import-preview-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.article-import-preview-label h3{font-size:14px;font-weight:500;color:#c2d3ad;margin:0}
.article-import-preview-label button{color:#d3e6b7;text-decoration:underline;text-underline-offset:4px}
.article-import-preview .original-reading-guide{top:0}
.article-import-preview .original-reading-section-title{scroll-margin-top:115px}
.article-import-preview .original-reading-image{max-width:100%}
.article-import-footer{position:sticky;bottom:-28px;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px -28px -28px;padding:18px 28px;background:#26321f;border-top:1px solid #45523b;box-shadow:0 -10px 24px #0001}
.article-import-footer>p{margin:0;font-size:12px;line-height:1.7;color:#c1ceaf}
.article-import-footer>p>span{color:#95a585}
.article-import-footer>div{display:flex;align-items:center;gap:10px}
.article-import-footer [data-import-cancel]{color:#aebd9e}
.article-import-footer :is([data-import-preview-button],.article-import-save){background:#cce695;color:#263519;padding-inline:18px;font-weight:600}
.article-import-footer :is([data-import-preview-button],.article-import-save):hover{background:#d8edaf}
@media(max-width:650px){.article-import-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.article-import-actions{gap:8px 18px}.article-import-dialog{padding:20px;max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}.article-import-header{gap:15px}.article-import-description{font-size:13px;margin-top:16px}.article-import-input-meta{align-items:flex-start;flex-direction:column;gap:6px}.article-import-file{width:100%;flex-wrap:wrap;gap:3px}.article-import-file input{max-width:none}.article-import-input-meta>span{align-self:flex-end}.article-import-footer{bottom:-20px;margin-inline:-20px;margin-bottom:-20px;padding:14px 20px;gap:13px;flex-wrap:wrap}.article-import-footer>div{margin-left:auto}.article-import-preview-label{align-items:baseline}.article-import-edit textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.article-import button{transition:none}.article-import button:active{transform:none}}