.word-export-page { color:#15253a; padding:.5rem 0 3rem; }
.word-export-page h1, .word-export-page h2 { color:#15253a; }
.word-export-page .export-page-heading { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.word-export-page .export-icon { display:grid; place-items:center; width:56px; height:56px; border:1px solid #d5e3fa; border-radius:16px; background:linear-gradient(140deg,#f1f6ff,#e3edff); color:#2459bd; font-size:1.65rem; flex-shrink:0; }
.word-export-page .export-eyebrow { color:#71849e; font-size:.68rem; font-weight:700; letter-spacing:.12em; }
.word-export-page .export-page-heading h1 { font-weight:700; letter-spacing:-.03em; }
.word-export-page .export-page-heading p { font-size:.9rem; }
.word-export-page .export-format { display:flex; align-items:center; gap:.45rem; border:1px solid #e0e7f1; border-radius:9px; background:#fff; padding:.55rem .75rem; font-size:.73rem; color:#60718a; white-space:nowrap; }
.word-export-page .export-format > i { color:#2459bd; }
.word-export-page .export-format > span { color:#2459bd; background:#edf3ff; border-radius:4px; padding:.1rem .3rem; font-size:.65rem; font-weight:600; }
.word-export-page .export-card { padding:1.75rem; border:1px solid #e5ebf3; border-radius:18px; background:#fff; box-shadow:0 8px 30px #182b4b06; }
.word-export-page .export-card-heading { display:flex; align-items:center; gap:.8rem; margin-bottom:1.75rem; }
.word-export-page .export-tool-icon { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:12px; background:#edf3ff; color:#2459bd; font-size:1.5rem; }
.word-export-page h2 { font-size:1.1rem; font-weight:700; letter-spacing:-.02em; margin-bottom:.4rem; }
.word-export-page .export-card-heading p { margin:0; font-size:.83rem; color:#718096; }
.word-export-page .form-label { font-size:.86rem; }
.word-export-page .export-url-field { display:flex; align-items:center; gap:.65rem; padding:.4rem .6rem .4rem .85rem; border:1px solid #dfe6ef; border-radius:11px; background:#fbfcfe; }
.word-export-page .export-url-field > i { color:#8b9bb2; }
.word-export-page .export-url-field:focus-within { border-color:#8daaf4; box-shadow:0 0 0 .2rem #2459d31a; }
.word-export-page .export-url-field input { border:0; background:transparent; padding:.55rem .1rem; min-width:0; font-size:.87rem; }
.word-export-page .export-url-field input:focus { box-shadow:none; }
.word-export-page .export-url-field .btn { font-size:.8rem; flex-shrink:0; color:#526882; }
.word-export-page .btn { border-radius:9px; }
.word-export-page .export-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin:1.5rem 0; }
.word-export-page .export-actions > .btn { font-size:.85rem; }
.word-export-page .export-actions > span { font-size:.75rem; }
.word-export-page .export-download-note { display:flex; gap:.6rem; align-items:flex-start; padding:1rem; border:1px solid #e7edf5; border-radius:10px; background:#f8fafd; color:#718096; font-size:.78rem; line-height:1.6; }
.word-export-page .export-download-note > i { color:#6e8fc5; }
.word-export-page .export-guide { border:1px solid #dce6f7; border-radius:18px; background:linear-gradient(140deg,#edf4ff,#f7faff); padding:1.6rem; }
.word-export-page .export-guide h2 { margin-bottom:1.5rem; }
.word-export-page .export-guide li { display:flex; position:relative; gap:.85rem; padding-bottom:1.5rem; }
.word-export-page .export-guide li:last-child { padding-bottom:0; }
.word-export-page .export-guide li:not(:last-child):before { content:''; position:absolute; width:1px; left:15px; top:33px; bottom:0; background:#ceddf5; }
.word-export-page .export-step { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#fff; border:1px solid #cfdef5; color:#2459bd; font-size:.75rem; font-weight:700; flex-shrink:0; }
.word-export-page .export-guide strong { font-size:.83rem; font-weight:600; }
.word-export-page .export-guide li p { font-size:.78rem; color:#65758d; margin:.3rem 0 0; line-height:1.6; }
.word-export-page .export-history { border-color:#dce5f2; background:linear-gradient(120deg,#fff,#f7faff); }
.word-export-page .export-history-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.word-export-page .export-total { text-align:right; border-left:1px solid #e5ebf3; padding-left:1.5rem; flex-shrink:0; }
.word-export-page .export-total strong { display:block; color:#2459bd; font-size:1.6rem; font-weight:700; line-height:1.2; }
.word-export-page .export-total span { display:block; color:#718096; font-size:.7rem; margin-top:.3rem; }
.word-export-page .export-history-table { --bs-table-bg:transparent; border-color:#e8edf5; }
.word-export-page .export-history-table th { color:#718096; font-weight:600; font-size:.7rem; padding:.8rem .5rem; }
.word-export-page .export-history-table td { padding:1rem .5rem; }
.word-export-page .export-history-table tr:last-child td { border-bottom:0; }
.word-export-page .export-record-id { display:inline-block; font-size:.72rem; color:#526882; border:1px solid #e3eaf3; border-radius:6px; padding:.2rem .4rem; background:#f5f8fc; }
.word-export-page .export-record-link { display:flex; align-items:center; gap:.5rem; font-size:.78rem; color:#426695; text-decoration:none; }
.word-export-page .export-record-link > span { overflow-wrap:anywhere; }
.word-export-page .export-record-link > i { flex-shrink:0; }
.word-export-page .export-record-link:hover { color:#2459bd; text-decoration:underline; }
.word-export-page .export-record-date { color:#718096; font-size:.73rem; white-space:nowrap; }
.word-export-page .export-empty { padding:2rem 1rem; text-align:center; color:#718096; background:#f8fafd; border:1px dashed #dce5f2; border-radius:12px; font-size:.85rem; }
@media (max-width:767.98px) { .word-export-page .export-page-heading { flex-wrap:wrap; gap:1rem; } .word-export-page .export-card, .word-export-page .export-guide { padding:1.25rem; } .word-export-page .export-total { padding-left:1rem; } }
@media (max-width:575.98px) { .word-export-page .export-actions { align-items:stretch; flex-direction:column; gap:.75rem; } .word-export-page .export-history-heading { align-items:flex-start; } .word-export-page .export-history-table { min-width:550px; } }