.workspace-view { grid-template-rows: auto minmax(0,1fr); }
.workspace-view > .story-toolbar { grid-column: 1 / -1; }
.workspace-view:not(.story-is-open) .story-identity,
.workspace-view:not(.story-is-open) .story-header-metrics,
.workspace-view:not(.story-is-open) .quick-model { display:none; }
@media(min-width:761px){.app-shell:not([hidden]){height:100dvh;display:flex;flex-direction:column}.topbar{flex:none}.workspace-view{flex:1;min-height:0;height:auto}#settingsView{overflow:auto;min-height:0}.writing-assistant{max-height:calc(100dvh - 320px)}}
.story-file-actions { display:flex; align-items:center; gap:6px; margin-left:auto; flex:none; }
.story-file-actions .button { white-space:nowrap; font-size:12px; min-height:38px; padding:9px 11px; }
.story-file-actions .import-refresh { width:34px; padding:6px; font-size:20px; line-height:1; }
.import-source { position:relative; display:flex; border-radius:10px; }
.import-source:focus-visible { outline:3px solid #25848d; outline-offset:3px; }
.import-source small { position:absolute; z-index:45; top:calc(100% + 8px); right:0; width:max-content; max-width:260px; padding:10px 12px; border:1px solid #cbdcd2; border-radius:8px; background:#fff; box-shadow:0 4px 18px #17382a20; color:#40564c; font:12px/1.4 'Segoe UI',Arial,sans-serif; opacity:0; pointer-events:none; }
.import-source:hover small,.import-source:focus-within small { opacity:1; }
@media(max-width:400px) { .story-file-actions { gap:4px; } .story-file-actions .button { font-size:11px; padding-inline:6px; } .story-file-actions #openInWord { padding-inline:6px; font-size:11px; } .story-file-actions .import-refresh { width:28px; } }
.import-modal{width:min(1100px,94vw);max-width:1100px;padding:24px;max-height:90vh;overflow:auto}
.import-modal fieldset{border:0;padding:0;margin:0;min-width:0}
.import-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:16px}
.import-list{max-height:420px;overflow:auto;display:grid;gap:6px;margin:12px 0}
.import-item{text-align:left;border:1px solid #d5e0d9;background:#fff;border-radius:8px;padding:12px;display:grid;gap:5px;color:#17382a;cursor:pointer;font:inherit}
.import-item b{font-size:14px;line-height:1.4}.import-item small{font-size:12px;color:#5a6f65}
.import-item.is-selected{border:2px solid #2c7355;background:#eff8f2;padding:11px}
.import-pagination{display:flex;align-items:center;justify-content:space-between;font-size:12px}
.import-article{max-height:500px;overflow:auto;border:1px solid #dce6df;border-radius:10px;padding:24px;background:white}
.import-article h3{font:600 25px/1.3 Georgia,serif;margin:0 0 16px}
.import-article figure{margin:0 0 20px}.import-article img{max-height:240px;width:100%;object-fit:contain}
.import-article figcaption{font-size:13px;color:#56665c;margin-top:6px}
#importPreviewBody{font:17px/1.65 Georgia,serif;overflow-wrap:anywhere}#importPreviewBody h2{font-size:21px}
#importPreviewMetadata,#importDestinationNote,#importWarnings{font-size:13px;line-height:1.5;color:#4c6258}
#importWarnings{color:#805b1b}#importStatus{font-size:14px;min-height:24px;margin:14px 0;color:#24513a}
.import-modal .modal-actions{position:sticky;bottom:-24px;background:#fff;padding:16px 0;flex-wrap:wrap;border-top:1px solid #dce6df}
@media(max-width:700px){.import-layout{grid-template-columns:1fr}.import-list{max-height:150px}.import-article{max-height:360px;padding:16px}.import-modal{padding:16px}.import-modal .modal-actions{bottom:-16px}}