:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1a1a1a;--muted:#5c5c5c;--border:#d0d0d0;--surface:#f5f5f5;--accent:#0b57d0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141414;--fg:#ededed;--muted:#a8a8a8;--border:#3d3d3d;--surface:#1f1f1f;--accent:#8ab4f8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;line-height:1.7}.container{width:100%;max-width:44rem;margin:0 auto;padding:0 1rem}main.container{padding-top:1.5rem;padding-bottom:3rem}h1{margin:0 0 .5rem;font-size:1.6rem;line-height:1.3}h2{margin:1.5rem 0 .5rem;font-size:1.1rem}a{color:var(--accent)}.lead{color:var(--muted);margin:0 0 1.5rem}.site-header{border-bottom:1px solid var(--border)}.site-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.site-name{margin:0;font-weight:600}.language-switcher,.locale-list{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.language-switcher [aria-current]{font-weight:600}.tool label{margin-bottom:.25rem;font-weight:600;display:block}button{border:1px solid var(--border);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;border-radius:6px;padding:.4rem 1rem}button:disabled{color:var(--muted);cursor:default}.note{background:var(--surface);border-radius:6px;margin-top:2rem;padding:.25rem 1rem .75rem}.note h2{margin-top:.75rem}.note p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dropzone{border:2px dashed var(--border);text-align:center;border-radius:8px;padding:1rem}.dropzone.dragging{border-color:var(--accent);background:var(--surface)}.dropzone p{margin:.25rem 0}.small{color:var(--muted);font-size:.85rem}.errors{color:#b3261e;border:1px solid #b3261e;border-radius:6px;margin-top:.75rem;padding:.25rem .75rem}@media (prefers-color-scheme:dark){.errors{color:#f2b8b5;border-color:#f2b8b5}}.errors p{overflow-wrap:anywhere;margin:.25rem 0}.tool h3{margin:1rem 0 .25rem;font-size:1rem}.file-list,.result-list{margin:0 0 .75rem;padding:0;list-style:none}.file-list li,.result-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.4rem 0;display:flex}.file-name{overflow-wrap:anywhere;flex:10rem;min-width:0}.file-dims{color:var(--muted);font-variant-numeric:tabular-nums}.result-list img{border:1px solid var(--border);width:6rem;max-width:30%;height:auto}.result-body{flex-direction:column;flex:10rem;min-width:0;display:flex}.result-body .file-name{flex:0 auto}fieldset{border:1px solid var(--border);border-radius:6px;margin:.75rem 0;padding:.5rem .75rem}.tool .choice{margin:.25rem 0;font-weight:400;display:block}.tool .choice input{margin-right:.5rem}.size-inputs,.color-input{flex-wrap:wrap;gap:.5rem 1rem;margin-top:.5rem;display:flex}.tool .size-inputs label,.tool .color-input{font-weight:400}.size-inputs input[type=text]{border:1px solid var(--border);background:var(--bg);width:7rem;color:var(--fg);font:inherit;border-radius:6px;padding:.3rem .5rem;display:block}.field-error{color:#b3261e;flex-basis:100%;margin:0}@media (prefers-color-scheme:dark){.field-error{color:#f2b8b5}}.tool .primary{padding:.6rem 1.5rem;font-weight:600}.page-footer{color:var(--muted);margin-top:2rem;font-size:.85rem}