*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e5e7eb;--radius:.5rem}@media (prefers-color-scheme:dark){:root{--bg:#111827;--fg:#f9fafb;--muted:#9ca3af;--border:#374151}}html{overflow-x:hidden}body{background:var(--bg);color:var(--fg);overflow-wrap:break-word;word-break:break-word;max-width:860px;margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}h1{margin-bottom:.5rem;font-size:1.75rem}h2{margin:1.5rem 0 .5rem;font-size:1.25rem}h3{margin:1rem 0 .25rem;font-size:1rem}a{color:var(--accent)}ol{margin:.5rem 0;padding-left:1.5rem}ul:not(nav ul){padding-left:1.5rem}.converter{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:2rem;transition:border-color .2s}.dropzone:focus,.dropzone.drag-over{border-color:var(--accent);outline:none}.dropzone input[type=file]{display:none}.file-label{color:var(--accent);cursor:pointer;text-decoration:underline}.file-info{color:var(--muted);font-size:.875rem}.option-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.option-group label{font-size:.9rem}input[type=range]{flex:1;min-width:4rem;max-width:100%}button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-start;padding:.625rem 1.25rem;font-size:1rem}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.preview{flex-wrap:wrap;gap:.75rem;display:flex}.preview-image{border-radius:var(--radius);border:1px solid var(--border);max-width:100%}.thumbnail-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.thumbnail{border-radius:var(--radius);border:1px solid var(--border);width:160px;height:auto}dl dt{margin-top:.75rem;font-weight:600}dl dd{color:var(--muted);margin-left:1rem}.table-wrap{-webkit-overflow-scrolling:touch;margin:1rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:320px;margin:0}th,td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}th{background:var(--border)}nav ul{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:flex}nav ul li{min-width:0}nav ul li a{border:1px solid var(--border);color:var(--accent);overflow-wrap:break-word;word-break:break-word;border-radius:999px;max-width:100%;padding:.25rem .75rem;font-size:.875rem;text-decoration:none;display:inline-block}nav ul li a:hover{background:var(--border)}.file-hint{color:var(--muted);margin-top:.25rem;font-size:.8rem}.status{border-radius:var(--radius);background:var(--border);color:var(--fg);padding:.5rem .75rem;font-size:.875rem}.status-error{color:#991b1b;background:#fee2e2}@media (prefers-color-scheme:dark){.status-error{color:#fca5a5;background:#450a0a}}@media (max-width:768px){h1{font-size:1.4rem}.thumbnail{width:120px}}