.markdown-preview{min-height:300px;padding:24px;background:#fffdf9;border:1px solid var(--tool-rule);color:var(--tool-ink);line-height:1.65;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{line-height:1.1;margin:0 0 14px}.markdown-preview p,.markdown-preview ul,.markdown-preview blockquote{margin:0 0 16px}.markdown-preview code,.markdown-preview pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.markdown-preview code{background:#f1e9da;padding:2px 5px;border-radius:3px}.markdown-preview pre{padding:14px;background:var(--tool-deep);color:#d5f0e1;overflow:auto}.markdown-preview blockquote{border-left:3px solid var(--tool-teal);padding-left:14px;color:var(--tool-muted)}.plantuml-block{margin:18px 0}.plantuml-block img{display:block;max-width:100%;height:auto;border:1px solid var(--tool-rule);background:#fff}.plantuml-block details{margin-top:8px;color:var(--tool-muted);font-size:.75rem}.html-preview{display:block;width:100%;min-height:420px;margin-top:24px;border:1px solid var(--tool-rule);background:#fff}.archive-mode{display:flex;border-bottom:1px solid var(--tool-rule);margin:8px 0 28px}.archive-mode-button{border:0;background:transparent;padding:12px 18px;color:var(--tool-muted);font:inherit;font-weight:800;cursor:pointer;border-bottom:3px solid transparent}.archive-mode-button.active{color:var(--tool-ink);border-color:var(--tool-teal)}.archive-input-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:stretch}.archive-drop{min-height:180px;border:1px dashed var(--tool-teal);background:#f5f0e6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer;transition:background .2s,border-color .2s}.archive-drop:hover,.archive-drop.is-dragging{background:#eaf4ee;border-color:var(--tool-orange)}.archive-drop input{position:absolute;opacity:0;width:1px;height:1px}.archive-drop-icon{font-size:2.6rem;line-height:1;color:var(--tool-teal);font-weight:300}.archive-drop strong{margin-top:12px;font-size:1.05rem}.archive-drop small{display:block;color:var(--tool-muted);margin-top:7px;max-width:300px}.archive-folder-action{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--tool-rule);padding-left:24px}.archive-folder-action p{font-size:.78rem;color:var(--tool-muted);line-height:1.5;margin:12px 0 0}.archive-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 4px;border-top:1px solid var(--tool-rule);border-bottom:1px solid var(--tool-rule)}.archive-summary div{padding:14px 16px;border-right:1px solid var(--tool-rule)}.archive-summary div:last-child{border-right:0}.archive-summary span,.archive-summary strong{display:block}.archive-summary span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--tool-muted)}.archive-summary strong{margin-top:5px}.archive-actions{align-items:center}.archive-results{margin-top:28px}.archive-list{border-top:1px solid var(--tool-rule)}.archive-entry{display:grid;grid-template-columns:38px minmax(0,1fr) 90px 92px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--tool-rule);font-size:.86rem}.archive-entry-index{color:var(--tool-muted);font-size:.72rem}.archive-entry-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-entry-size{color:var(--tool-muted);font-size:.78rem;text-align:right}.archive-download{justify-self:end}@media(max-width:640px){.archive-input-grid{grid-template-columns:1fr}.archive-folder-action{border-left:0;border-top:1px solid var(--tool-rule);padding:18px 0 0}.archive-summary{grid-template-columns:1fr}.archive-summary div{border-right:0;border-bottom:1px solid var(--tool-rule)}.archive-summary div:last-child{border-bottom:0}.archive-entry{grid-template-columns:28px minmax(0,1fr) 70px}.archive-download{grid-column:2;justify-self:start}.archive-entry-size{grid-column:3;grid-row:1}.archive-mode-button{padding-left:10px;padding-right:10px;font-size:.84rem}}
.archive-format-row{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:22px;align-items:end;margin:0 0 24px}.archive-format-row .field-label{margin:0}.archive-format-note{margin:0 0 10px;color:var(--tool-muted);font-size:.8rem}@media(max-width:640px){.archive-format-row{grid-template-columns:1fr;gap:6px}.archive-format-note{margin:0}}