:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--border:color-mix(in srgb, currentColor 25%, transparent);--muted:color-mix(in srgb, currentColor 65%, transparent);--accent:#2f6fdf;--error:#c62828;--warning:#b26a00;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 8px;font-size:1.6rem}h2{margin:0 0 4px;font-size:1.2rem}header p,footer p,.file-name{color:var(--muted)}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:160px;margin:24px 0;padding:24px 16px;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:2px}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone-main{font-size:1.1rem;font-weight:600}.dropzone-sub{color:var(--muted);font-size:.9rem}.result{border:1px solid var(--border);border-radius:12px;padding:16px}.result.error{border-color:var(--error)}.result.error h2{color:var(--error)}.file-name{overflow-wrap:anywhere;margin:0 0 12px;font-size:.9rem}.download{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-bottom:16px;padding:10px 20px;font-weight:600;display:inline-block}.download:hover{filter:brightness(1.1)}.diagnostics{border-collapse:collapse;width:100%;font-size:.9rem}.diagnostics th,.diagnostics td{border-top:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:6px 8px}.diagnostics th{width:45%;color:var(--muted);font-weight:500}.warnings{color:var(--warning);margin:12px 0 0;padding-left:20px;font-size:.9rem}.collisions{margin-top:12px;font-size:.9rem}.status{color:var(--muted)}footer{margin-top:32px;font-size:.85rem}@media (width<=480px){main{padding:16px 12px 32px}.diagnostics th,.diagnostics td{width:100%;display:block}.diagnostics td{border-top:none;padding-top:0}}