.typoimpex{--sz-siena: var(--szdarksiena, #220c10);--sz-paper: var(--szpaper, #fffdf9);--sz-header: var(--szheader, #fff6ef);--sz-cyan: var(--szbrightblue, #0eb1d2);--sz-cyan-dark: #0a8098;--sz-cyan-deep: #086172;--sz-cyan-wash: #e4f8fb;--sz-orange: var(--szorange, #ff7b33);--sz-yellow: var(--szyellow, #fdcb34);--sz-green-bright: var(--szbrightgreen, #98ce00);--sz-text: var(--szdarksiena, #220c10);--sz-text-muted: #666666;--sz-line: #e9e9e9;--sz-field: #c9c1bd;--sz-ok: var(--szgreen, #688e26);--sz-err: var(--szred, #ff3333);--sz-headline: 'Montserrat', 'Ubuntu', sans-serif;--sz-body: 'Ubuntu', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--sz-mono: 'Ubuntu Mono', SFMono-Regular, Menlo, Consolas, monospace;--sz-quote: Georgia, serif;--sz-shadow: 0 1px 15px rgba(34, 12, 16, .30);--sz-shadow-tight: 0 1px 5px rgba(34, 12, 16, .30);font-family:var(--sz-body);color:var(--sz-text)}.typoimpex .masthead{border-bottom:1px solid var(--sz-line);background:var(--sz-paper)}.typoimpex .masthead-logo-strip{background:var(--sz-header);border-bottom:1px solid var(--sz-line);padding:10px max(32px, calc((100% - 1280px) / 2 + 32px))}.typoimpex .masthead-logo-strip .brandmark{width:60px;height:auto;display:block}.typoimpex .masthead-main{max-width:1280px;margin:0 auto;padding:28px 32px 28px}.typoimpex .masthead-text h1{font-family:var(--sz-headline);font-weight:800;letter-spacing:0.06em;text-transform:uppercase;font-size:clamp(1.7rem, 3.6vw, 2.4rem);margin:0 0 6px;line-height:1.05}.typoimpex .masthead-text p{margin:0;max-width:66ch;color:#3a2024;font-size:1rem}.typoimpex .colorbars{display:flex;height:8px}.typoimpex .colorbars span{flex:1}.typoimpex .colorbars span:nth-child(1){background:var(--sz-cyan)}.typoimpex .colorbars span:nth-child(2){background:var(--sz-orange)}.typoimpex .colorbars span:nth-child(3){background:var(--sz-green-bright)}.typoimpex .colorbars span:nth-child(4){background:var(--sz-yellow)}.typoimpex .typoimpex-main{max-width:1280px;margin:0 auto;padding:28px 32px 90px}.typoimpex .toolbar{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.typoimpex .group{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--sz-line);padding:11px 13px 13px}.typoimpex .group-label{font-family:var(--sz-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--sz-text-muted)}.typoimpex .group-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.typoimpex .group-row .btn{height:38px;display:flex;align-items:center;justify-content:center}.typoimpex .opened-file-display{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1px solid var(--sz-line);padding:0 12px;min-width:160px;height:38px;flex:none;font-size:.9rem;color:var(--sz-text);word-break:break-word;font-family:var(--sz-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.typoimpex .opened-file-display:empty::before{content:"–";color:var(--sz-text-muted)}.typoimpex .typoimpex-pdf-select{width:auto}.typoimpex #btnImport.locked{opacity:0.45;cursor:default;pointer-events:none}.typoimpex .tip{position:relative;display:inline-block}.typoimpex .tip .tip-text{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 9px);right:0;width:300px;background:var(--sz-siena);color:var(--sz-paper);font-family:var(--sz-body);font-weight:400;font-size:.82rem;text-transform:none;letter-spacing:0;line-height:1.5;padding:11px 13px;border-left:3px solid var(--sz-cyan);box-shadow:var(--sz-shadow);z-index:60;transition:opacity .15s}.typoimpex .tip .tip-text::before{content:"";position:absolute;bottom:100%;right:18px;border:7px solid transparent;border-bottom-color:var(--sz-siena)}.typoimpex .tip:hover .tip-text,.typoimpex .tip:focus-within .tip-text{visibility:visible;opacity:1}.typoimpex .rules{background:#fff;border:1px solid var(--sz-line);border-top:4px solid var(--sz-cyan-dark);padding:16px 18px 4px;margin-bottom:22px}.typoimpex .rules-head{font-family:var(--sz-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--sz-cyan-dark);margin-bottom:0;padding-bottom:10px;border-bottom:1px solid var(--sz-line)}.typoimpex .rules-grid{display:flex;flex-direction:column}.typoimpex .rules label{display:flex;gap:9px;align-items:center;cursor:pointer;font-size:.93rem;padding:9px 0;border-bottom:1px solid var(--sz-line)}.typoimpex .rules input[type=checkbox]{width:16px;height:16px;accent-color:var(--sz-cyan-dark);flex:none}.typoimpex .rules code{font-family:var(--sz-mono);font-size:.82rem;background:var(--sz-cyan-wash);color:var(--sz-cyan-deep);padding:1px 6px}.typoimpex .cols{display:flex;gap:22px}.typoimpex .col{flex:1;min-width:0;display:flex;flex-direction:column}.typoimpex .col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.typoimpex .col-eyebrow{font-family:var(--sz-mono);font-size:12px;letter-spacing:0.18em;text-transform:uppercase;color:var(--sz-text-muted);padding-bottom:7px;border-bottom:3px solid var(--sz-cyan-dark);display:inline-block}.typoimpex .btn-copy{background:none;border:none;cursor:pointer;font-family:var(--sz-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--sz-text-muted);padding:0;line-height:1;transition:color .15s}.typoimpex .btn-copy:hover{color:var(--sz-cyan-dark)}.typoimpex .btn-copy.copied{color:var(--sz-ok)}.typoimpex #editor{width:100%;height:540px;resize:vertical;border:1px solid var(--sz-field);border-radius:0;padding:16px;font-family:var(--sz-mono);font-size:14px;line-height:1.6;background:#fff;color:var(--sz-text)}.typoimpex #editor:focus{outline:none;border-color:var(--sz-cyan-dark);box-shadow:0 0 0 3px rgba(14,177,210,0.2)}.typoimpex #editor.drop{border-color:var(--sz-cyan-dark);background:var(--sz-cyan-wash)}.typoimpex #preview{height:540px;overflow:auto;border:1px solid var(--sz-line);box-shadow:var(--sz-shadow-tight);padding:24px 28px;background:#fff;font-family:Ubuntu, Arial, sans-serif;font-size:1.0625rem;line-height:1.6}.typoimpex #preview:focus{outline:none;border-color:var(--sz-cyan-dark);box-shadow:0 0 0 3px rgba(14,177,210,0.2)}.typoimpex #preview>:first-child{margin-top:0}.typoimpex #preview h1,.typoimpex #preview h2,.typoimpex #preview h3,.typoimpex #preview h4{font-family:"Fira Sans", Ubuntu, Arial, sans-serif;text-transform:none;letter-spacing:0;line-height:1.25;color:#163844;border:none;display:block;padding-bottom:0}.typoimpex #preview h1{font-weight:700;font-size:1.75rem;margin:0 0 1rem}.typoimpex #preview h2{font-weight:700;font-size:1.35rem;margin:1.4rem 0 .75rem}.typoimpex #preview h3{font-weight:700;font-size:1.15rem;margin:1.1rem 0 .55rem}.typoimpex #preview h4{font-weight:700;font-size:1rem;margin:1rem 0 .45rem}.typoimpex #preview a{color:var(--sz-cyan-dark)}.typoimpex #preview code{font-family:var(--sz-mono);font-size:.86em;background:var(--sz-cyan-wash);color:var(--sz-cyan-deep);padding:1px 5px}.typoimpex #preview pre{background:var(--sz-siena);color:var(--sz-paper);padding:14px 16px;overflow:auto}.typoimpex #preview pre code{background:none;color:inherit;padding:0}.typoimpex #preview blockquote{border-left:4px solid var(--sz-orange);margin-left:0;padding-left:1rem;color:var(--sz-text-muted)}.typoimpex #preview img{max-width:100%}.typoimpex #preview hr{border:none;border-top:1px solid var(--sz-line);margin:1.4em 0}.typoimpex #preview table{border-collapse:collapse}.typoimpex #preview th,.typoimpex #preview td{border:1px solid var(--sz-line);padding:6px 10px}.typoimpex .export-section{margin-top:22px;border-top:1px solid var(--sz-line);padding-top:18px}.typoimpex .export-buttons-row{display:flex;gap:12px;margin-bottom:4px;align-items:flex-start}.typoimpex .export-btn--main{flex:0 0 auto;width:160px;height:38px;padding:0 16px;display:flex;align-items:center;justify-content:center}.typoimpex #btnSave.export-btn--main{order:1}.typoimpex #btnExportMain.export-btn--main{order:2}.typoimpex .export-btn--download{order:3;margin-left:auto;width:250px}@keyframes shimmer-wave{0%{background-position:-200% 0}100%{background-position:200% 0}}.typoimpex .export-btn--skeleton{background:linear-gradient(90deg, #ccc 0%, #e2e2e2 50%, #ccc 100%) !important;background-size:200% 100% !important;animation:shimmer-wave 1.6s linear infinite;border-color:#ccc !important;color:rgba(0,0,0,0) !important;cursor:default;pointer-events:none}.typoimpex .offline-btn-sub-text{font-size:.75rem;color:var(--sz-text-muted);margin-bottom:16px;display:block}.typoimpex .export-accordion{border:1px solid var(--sz-line);background:#f9f9f9;margin-bottom:16px}.typoimpex .acc-content{padding:16px;display:flex;flex-direction:column;gap:14px}.typoimpex .acc-label{font-family:var(--sz-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--sz-text-muted)}.typoimpex .acc-format{font-size:.95rem;font-weight:600;color:var(--sz-text)}.typoimpex .export-formats-export{display:flex;flex-direction:column;gap:8px}.typoimpex .export-formats-export label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.typoimpex .export-formats-export input[type=radio]{width:15px;height:15px;accent-color:var(--sz-cyan-dark);flex:none;cursor:pointer}.typoimpex .template-options{display:flex;align-items:center;gap:12px}.typoimpex .template-label{font-family:var(--sz-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--sz-text-muted);white-space:nowrap}.typoimpex .export-preview-wrap{border:1px solid var(--sz-line);background:#e0e0e0;margin:0}.typoimpex #exportPreview{width:100%;height:520px;display:block;border:none}.typoimpex .markdown-preview{width:100%;height:520px;background:#fff;border:none;padding:16px;font-family:var(--sz-mono);font-size:13px;line-height:1.5;color:var(--sz-text);margin:0;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.typoimpex .preview-warning{padding:12px;background:#fffbf0;border-top:1px solid var(--sz-line);font-size:.85rem;color:#8b5a00;line-height:1.5}.typoimpex .statusbar{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-family:var(--sz-mono);font-size:11.5px;letter-spacing:0.06em;color:var(--sz-text-muted)}.typoimpex #status{text-transform:uppercase}.typoimpex #status::before{content:"\203A  "}.typoimpex #status.ok{color:var(--sz-ok)}.typoimpex #status.err{color:var(--sz-err)}@media (max-width: 880px){.typoimpex .cols{flex-direction:column}.typoimpex #editor,.typoimpex #preview{height:360px}.typoimpex #pdfPreview{height:360px}}