.writer-modes{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.writer-modes button{padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:600 14px var(--font-body);cursor:pointer}
.writer-modes button[aria-selected=true]{background:var(--deep);color:white;border-color:var(--deep)}
html[data-theme=dark] .writer-modes button[aria-selected=true]{background:var(--lilac);color:#1B1150}
#writer-app [hidden]{display:none!important}
.word-intro{color:var(--muted);line-height:1.65}
.word-file-label{display:block;font-weight:600;margin:18px 0 8px}
#word-file{box-sizing:border-box;max-width:100%;width:100%;padding:16px;border:1px dashed var(--drop);border-radius:14px;background:var(--card-2);color:var(--ink)}
#word-file::file-selector-button{padding:10px 12px;margin-right:12px;border:0;border-radius:9px;background:var(--soft);color:var(--ink);font-weight:600;cursor:pointer}
.word-limit{max-width:780px;line-height:1.65}
#word-file-name{font-size:13px;overflow-wrap:anywhere}
#word-preview-wrap{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
#word-preview iframe{display:block;width:100%;height:620px;max-height:72vh;border:1px solid var(--line);border-radius:12px;background:white;box-sizing:border-box}
#word-pdf:disabled,#word-clear:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
@media(max-width:620px){.writer-modes button{flex:1;padding:11px 8px;font-size:13px}#word-preview iframe{height:520px}}