@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f8;--surface:#fff;--text:#2a2833;--muted:#5c5668;--border:#dcd8e4;--accent:#16a34a;--accent-hover:#15803d;--danger-bg:#fde8e8;--danger-text:#9b1c1c;--radius:12px;--shadow:0 8px 28px #2a283314;font-family:system-ui,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16161a;--surface:#1f1f24;--text:#eceaf2;--muted:#a39fb3;--border:#34323f;--accent:#22c55e;--accent-hover:#4ade80;--danger-bg:#3f1d22;--danger-text:#fca5a5;--shadow:0 8px 28px #00000059}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}code{background:color-mix(in srgb, var(--border) 55%, transparent);border-radius:6px;padding:.12em .35em;font-size:.9em}.site-nav{margin-bottom:.25rem}.site-nav-link{color:var(--accent);align-items:center;gap:.25rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.site-nav-link:hover{text-decoration:underline}#app{max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.layout{flex-direction:column;gap:1.25rem;display:flex}.header{text-align:center}.title{letter-spacing:-.02em;margin:0 0 .35em;font-size:clamp(1.65rem,4vw,2.1rem);font-weight:700}.subtitle{color:var(--muted);margin:0;font-size:.98rem}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);box-shadow:var(--shadow);outline:none;padding:2rem 1.5rem;transition:border-color .15s,background .15s}.drop-zone:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.drop-zone--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.drop-hint{color:var(--muted);margin:0 0 1rem}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.55rem 1.15rem;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--muted)}.status-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.85rem 1.1rem;display:flex}.file-name{word-break:break-all;flex:12rem;min-width:0;font-weight:600}.status-msg{color:var(--muted);font-size:.92rem}.actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.error-banner{border-radius:var(--radius);background:var(--danger-bg);color:var(--danger-text);padding:.75rem 1rem;font-size:.95rem}.preview-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);min-height:50vh;overflow:hidden}.preview-frame{background:var(--surface);border:0;width:100%;min-height:52vh;display:block}}