:root{--bg: #f7f8fa;--card: #ffffff;--text: #1a202c;--muted: #64748b;--accent: #2563eb;--accent-text: #ffffff;--border: #e2e8f0;--warn: #b45309;--error: #b91c1c;--code: #f1f5f9;--drop: #f8fafc}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--accent-text: #ffffff;--border: #334155;--warn: #fbbf24;--error: #f87171;--code: #0b1220;--drop: #172033}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:860px;margin:0 auto;padding:1.5rem 1rem 4rem}header{border-bottom:1px solid var(--border);background:var(--card)}.hwrap{max-width:860px;margin:0 auto;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{font-weight:700;color:var(--text)}h1{font-size:1.6rem;line-height:1.4;margin:1.2rem 0 .5rem}h2{font-size:1.15rem;margin-top:2rem}h3{font-size:1rem;margin-top:1rem}p{margin:.6rem 0}.intro{color:var(--muted);margin-bottom:1.2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem;margin:1rem 0}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}select,input[type=file],input[type=text],input[type=number]{max-width:100%;padding:.4rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.9rem}input[type=text],input[type=number]{width:100%}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:3rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg)}textarea{width:100%;min-height:8rem;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;resize:vertical;word-break:break-all}button{background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--border)}button:disabled{opacity:.45;cursor:not-allowed}.dropzone{border:2px dashed var(--border);border-radius:12px;background:var(--drop);padding:1.6rem 1rem;text-align:center;color:var(--muted);cursor:pointer;font-size:.9rem}.dropzone.over{border-color:var(--accent);color:var(--accent)}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1rem 0}.opt[hidden]{display:none}.opt-check{display:flex;align-items:flex-start;gap:.4rem}.opt-check label{margin:0;font-weight:400}.opt-hint{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.rangewrap{display:flex;align-items:center;gap:.5rem}.rangeval{min-width:3.6rem;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted)}.btnrow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.9rem 0 0}.status{margin-top:.7rem;font-size:.85rem;color:var(--muted);word-break:break-word}.status.warn{color:var(--warn)}.status.error{color:var(--error)}.stage{position:relative;margin-top:1rem;overflow:auto}.stage canvas{max-width:100%;height:auto;display:block;border:1px solid var(--border);border-radius:8px;background:repeating-conic-gradient(#cbd5e1 0% 25%,transparent 0% 50%) 50% / 16px 16px;touch-action:none}.stage.selectable canvas{cursor:crosshair}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.8rem}.stat{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem}.stat .k{display:block;font-size:.75rem;color:var(--muted)}.stat .v{display:block;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;word-break:break-all}.tablewrap{overflow-x:auto;margin-top:.8rem}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border:1px solid var(--border);padding:.35rem .5rem;text-align:left;vertical-align:top;word-break:break-word}code{background:var(--code);padding:.1rem .3rem;border-radius:4px;font-size:.85em}.filelist{list-style:none;padding:0;margin:.8rem 0 0;font-size:.85rem}.filelist li{display:flex;justify-content:space-between;gap:.6rem;padding:.3rem 0;border-bottom:1px solid var(--border)}.filelist .nm{word-break:break-all}.filelist .sz{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.sizegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.4rem;margin:.6rem 0}details{margin:.5rem 0;border-bottom:1px solid var(--border);padding-bottom:.5rem}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid var(--border);margin-top:3rem;background:var(--card)}.fwrap{max-width:860px;margin:0 auto;padding:1.5rem 1rem;font-size:.85rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem;margin:.5rem 0 1.2rem}