.spell-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:24px}.spell-upload,.spell-report{padding:26px}.spell-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px dashed #a5c6c0;border-radius:16px;background:#f4faf8;padding:34px 12px;margin:22px 0;cursor:pointer;text-align:center}.spell-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.spell-upload-icon{font-size:32px;color:#08766a}.spell-dictionary{display:grid;gap:10px;margin-top:16px}.spell-dictionary textarea{width:100%;padding:12px;border:1px solid #d4dfdc;border-radius:10px;font:inherit;resize:vertical}.spell-upload small,.spell-note{color:#637976;line-height:1.6}.spell-upload .button{margin-top:18px}.spell-summary{background:#eff7f4;padding:16px;border-radius:12px;margin:20px 0}.spell-piece{border:1px solid #dae5e1;border-radius:14px;padding:18px;margin:16px 0}.spell-piece h3{overflow-wrap:anywhere}.spell-result-layout{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:20px;margin-top:18px}.spell-piece img{max-width:100%;max-height:240px;object-fit:contain;border-radius:8px}.spell-piece pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f6f8f7;padding:14px;border-radius:8px}.spell-corrections{list-style:none;padding:0;margin:0 0 18px}.spell-corrections li{border-bottom:1px solid #edf0ee;padding:12px 0}.spell-corrections p{margin:8px 0;font-size:13px}.spell-corrections del{color:#a53838;background:#fff0f0;padding:3px 6px;border-radius:4px}.spell-corrections strong{color:#246c48;background:#eaf7ee;padding:3px 6px;border-radius:4px}.spell-corrections small{color:#637976}.spell-badge{display:inline-block;background:#fff1d6;color:#815700;border-radius:20px;padding:6px 12px;font-size:12px}.spell-badge.clear{background:#e4f3eb;color:#246c48}#spell-queue{margin-top:16px;overflow-wrap:anywhere}#spell-message{font-size:13px;line-height:1.6}.app-shell.analyzer-only .nav-link[data-page="spelling"]{display:flex!important}@media(max-width:1000px){.spell-layout{grid-template-columns:1fr}}@media(max-width:600px){.spell-result-layout{grid-template-columns:1fr}}

.spell-progress{margin:18px 0 22px}.spell-progress[hidden]{display:none}.spell-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.spell-progress strong{color:#08766a}.spell-progress progress{display:block;width:100%;height:12px;margin:10px 0;accent-color:#08766a;border:0;border-radius:20px;overflow:hidden;background:#e4efeb}.spell-progress progress::-webkit-progress-bar{background:#e4efeb;border-radius:20px}.spell-progress progress::-webkit-progress-value{background:#08766a;border-radius:20px}.spell-progress progress::-moz-progress-bar{background:#08766a;border-radius:20px}.spell-progress small{color:#637976}.spell-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.spell-filter{font:inherit;font-size:12px;cursor:pointer;border:1px solid #cbded8;border-radius:20px;padding:9px 12px;background:#fff;color:#284c46}.spell-filter[aria-pressed="true"]{background:#095c60;border-color:#095c60;color:white}.spell-filter:focus-visible{outline:3px solid #3aa39c;outline-offset:2px}.spell-empty-filter{padding:20px 0;color:#637976}

.spell-history{margin:18px 0;padding:16px;border:1px solid #dae5e1;border-radius:12px}.spell-history>summary{cursor:pointer;font-weight:600}.spell-history>.button{margin:14px 0}.spell-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #e4efeb}.spell-history-row>div{min-width:0}.spell-history-row p{font-size:13px;margin:6px 0}.spell-history-row small{display:block;overflow-wrap:anywhere;color:#637976}.spell-history-row button{flex-shrink:0}@media(max-width:600px){.spell-history-row{align-items:flex-start;flex-direction:column}}