:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f1;--surface:#fff;--text:#161616;--muted:#5c5c5c;--line:#d4d4d0;--accent:#1a4b8c;--accent-text:#fff;--danger:#8a1f1f;--warning:#7a5a00;--success:#1f5c38;--info:#1a4b8c;--skeleton:#e4e4df;--focus:#1a4b8c;--tap:44px;--header:64px;--font:system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1c1c1c;--text:#f2f2f0;--muted:#a3a3a3;--line:#333330;--accent:#7aa2d6;--accent-text:#101010;--danger:#f0a0a0;--warning:#e0c56a;--success:#8fd0a6;--info:#9bb8de;--skeleton:#2a2a2a;--focus:#7aa2d6}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}#root{min-height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.browse-button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);min-height:var(--tap);cursor:pointer;padding:0 16px}button:focus-visible,.browse-button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.browse-button{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.app-shell{min-height:100dvh;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);flex-direction:column;display:flex}@media (display-mode:standalone){.app-shell{padding-top:calc(var(--safe-top) + 8px)}}.site-header{min-height:var(--header);border-bottom:1px solid var(--line);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);font-weight:600;text-decoration:none}.site-nav{gap:20px;display:flex}.site-nav a,.site-menu a{color:var(--text)}.site-nav a.active,.site-menu a.active{font-weight:600}.menu-button{min-width:var(--tap)}.site-menu{top:calc(var(--header) + var(--safe-top));right:var(--safe-right);background:var(--surface);border:1px solid var(--line);flex-direction:column;min-width:180px;padding:8px 0;display:flex;position:absolute;left:auto}.site-menu a{min-height:var(--tap);padding:12px 16px}.site-main{flex:1;width:100%}.site-footer{padding:16px 20px calc(16px + var(--safe-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.home{gap:20px;padding:24px 20px 40px;display:grid}.home-converter{flex-direction:column;gap:12px;display:flex}.page-title{margin:0;font-size:1.5rem;font-weight:650}.hero{color:var(--muted);max-width:40rem;margin:0}.engine-caption{color:var(--muted);margin:0;font-size:.875rem}.inline-error{color:var(--danger);margin:0}.drop-zone{border:1px dashed var(--line);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.drop-zone.is-disabled{opacity:.7}.drop-title{margin:0;font-weight:600}.ext-line{color:var(--muted);word-break:break-word;margin:0;font-size:.8125rem}.browse-button{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.browse-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-chip{background:var(--surface);border:1px solid var(--line);align-items:center;gap:12px;padding:12px 12px 12px 16px;animation:.18s ease-out chip-in;display:flex}.file-chip-meta{flex:1;min-width:0}.file-chip-name{overflow-wrap:anywhere;margin:0;font-weight:600}.file-chip-sub{color:var(--muted);margin:4px 0 0;font-size:.875rem}.icon-button{min-width:var(--tap);min-height:var(--tap)}.progress-indeterminate{background:var(--skeleton);height:2px;margin-top:8px;overflow:hidden}.progress-indeterminate:after{content:"";background:var(--accent);width:40%;height:100%;animation:1s ease-in-out infinite slide;display:block}.skeleton-stack{flex-direction:column;gap:10px;width:100%;display:flex}.skeleton{background:var(--skeleton);height:12px}.skeleton.wide{width:80%}.skeleton.short{width:40%}.skeleton.bar{animation:1.2s ease-in-out infinite pulse}.inline-actions,.action-bar{flex-wrap:wrap;gap:8px;display:flex}.preview{background:var(--surface);border:1px solid var(--line);flex-direction:column;min-height:280px;display:flex}.preview-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.segmented{display:flex}.segmented button.is-active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.preview-body{flex:1;min-height:200px;padding:16px;overflow:auto}.preview-raw{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.875rem}.preview-html{font-size:.95rem}.preview-html>:first-child{margin-top:0}.preview-empty{color:var(--muted);margin:0}.ad-slot{border:1px solid var(--line);background:var(--surface);padding:8px}.ad-label{color:var(--muted);margin:0 0 8px;font-size:.75rem}.ad-rail{width:300px;max-width:100%}.ad-below{width:100%}.toast{z-index:20;right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));background:var(--surface);border:1px solid var(--line);align-items:flex-start;gap:12px;max-width:min(360px,100vw - 32px);padding:12px 12px 12px 16px;animation:.18s ease-out toast-in;display:flex;position:fixed}.toast p{flex:1;margin:0}.toast-info{border-color:var(--info)}.toast-success{border-color:var(--success)}.toast-warning{border-color:var(--warning)}.toast-danger{border-color:var(--danger)}.content-page,.format-guide{max-width:40rem;margin:0 auto;padding:24px 20px 48px}.format-guide h2{margin:24px 0 8px;font-size:1.1rem}.format-guide h3{margin:16px 0 4px;font-size:1rem}.content-page h1{margin:0 0 12px;font-size:1.5rem}.content-page h2{margin:24px 0 8px;font-size:1.1rem}.content-page table{border-collapse:collapse;width:100%;margin:16px 0}.content-page th,.content-page td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 8px 8px 0}html[data-device=phone]{--header:56px}html[data-device=phone] .hero{font-size:1rem}html[data-device=phone] .toast{top:calc(8px + var(--safe-top) + var(--header));bottom:auto;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right))}html[data-device=phone][data-orientation=portrait] .home{padding-bottom:calc(88px + var(--safe-bottom))}html[data-device=phone][data-orientation=portrait] .action-bar{padding:12px 20px calc(12px + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--line);margin:0 -20px -8px;position:sticky;bottom:0}html[data-device=phone][data-orientation=portrait] .preview{min-height:calc(100dvh - 280px)}html[data-device=phone][data-orientation=landscape]{--header:48px}html[data-device=phone][data-orientation=landscape][data-short=true] .home{height:calc(100dvh - var(--header) - 72px);grid-template-rows:1fr auto;grid-template-columns:40% 60%;gap:12px;padding:12px}html[data-device=phone][data-orientation=landscape][data-short=true] .home-converter{min-width:0}html[data-device=phone][data-orientation=landscape][data-short=true] .preview{height:100%;min-height:0}html[data-device=phone][data-orientation=landscape][data-short=true] .ad-slot{display:none}html[data-device=phone][data-orientation=landscape] .drop-zone{padding:12px}html[data-device=phone][data-orientation=landscape]:not([data-short=true]) .drop-zone{max-height:120px}html[data-device=phone] .drop-zone.prefer-browse{padding:20px 16px}html[data-device=tablet] .home-converter{width:100%;max-width:640px;margin:0 auto}html[data-device=tablet][data-orientation=portrait] .home{grid-template-columns:1fr}html[data-device=tablet][data-orientation=portrait] .preview{min-height:360px}html[data-device=tablet][data-orientation=landscape][data-wide=true] .home{grid-template-columns:minmax(360px,1fr) minmax(0,1.4fr) 300px;align-items:start}html[data-device=tablet][data-orientation=landscape]:not([data-wide=true]) .home{grid-template-columns:minmax(360px,1fr) minmax(0,1.4fr)}html[data-device=tablet][data-orientation=landscape] .home-converter{margin:0}html[data-device=desktop] .home{grid-template-columns:minmax(320px,1fr) minmax(0,1.4fr) 300px;align-items:start;width:100%;max-width:1120px;margin:0 auto}html[data-device=desktop] .home-converter{max-width:none}@media (width<=899px){html[data-device=desktop] .home{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skeleton.bar,.progress-indeterminate:after,.file-chip,.toast{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.file-chip,.toast{transform:none}}