:root{--bg: #f4f6f9;--panel: #ffffff;--border: #d8dee6;--text: #1f2933;--muted: #6b7785;--accent: #2563eb;--accent-soft: #e0ecff;font-family:system-ui,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{min-height:100vh}h1,h2,h3{margin:0}button{font-family:inherit;cursor:pointer}._app_3wzwc_1{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}._header_3wzwc_7{background:var(--panel);border-bottom:1px solid var(--border);padding:12px 24px}._title_3wzwc_13{font-size:18px;margin-bottom:10px}._main_3wzwc_18{display:grid;grid-template-columns:1fr 320px;gap:16px;padding:16px 24px;align-items:start}._canvasArea_3wzwc_26{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;min-height:480px;display:flex;flex-direction:column;align-items:center}._settings_3wzwc_37{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;position:sticky;top:16px}._explain_3wzwc_46{background:var(--accent-soft);border-bottom:1px solid var(--border);padding:14px 24px}@media(max-width:860px){._main_3wzwc_18{grid-template-columns:1fr}._settings_3wzwc_37{position:static}}._nav_kfz1b_1{display:flex;gap:8px;flex-wrap:wrap}._step_kfz1b_7{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:14px;transition:all .15s}._step_kfz1b_7:hover:not(:disabled){border-color:var(--accent)}._step_kfz1b_7:disabled{opacity:.45;cursor:not-allowed}._active_kfz1b_29{background:var(--accent);border-color:var(--accent);color:#fff}._num_kfz1b_35{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#00000014;font-size:12px;font-weight:700}._active_kfz1b_29 ._num_kfz1b_35{background:#ffffff40}._wrap_xi22d_1{width:100%;max-width:720px}._heading_xi22d_6{font-size:14px;color:var(--muted);margin:16px 0 8px}._presets_xi22d_12{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}._preset_xi22d_12{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px}._preset_xi22d_12:hover{border-color:var(--accent)}._thumb_xi22d_34,._thumbPlaceholder_xi22d_35{width:100%;aspect-ratio:1;border-radius:4px;object-fit:cover}._thumbPlaceholder_xi22d_35{background:#eef1f5}._actions_xi22d_46{display:flex;gap:10px;flex-wrap:wrap}._action_xi22d_46{padding:9px 16px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-size:14px}._action_xi22d_46:hover{opacity:.9}._camera_xi22d_65{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}._video_xi22d_73{width:100%;max-width:360px;border-radius:8px;background:#000}._error_xi22d_80{color:#c0392b;font-size:14px}._preview_xi22d_85{margin-top:8px}._meta_xi22d_89{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}._meta_xi22d_89 div{background:#f4f6f9;border-radius:6px;padding:8px 10px}._meta_xi22d_89 dt{font-size:12px;color:var(--muted)}._meta_xi22d_89 dd{margin:2px 0 0;font-size:15px;font-weight:600}._hint_xi22d_113{font-size:13px;color:var(--muted)}._compare_1tfxt_1{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;width:100%}._panel_1tfxt_9{display:flex;flex-direction:column;align-items:center;gap:8px}._caption_1tfxt_16{font-size:13px;color:var(--muted)}._center_1tfxt_21{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}._stat_1tfxt_29{font-size:15px}._strong_1tfxt_33{font-weight:700;color:var(--accent)}._runBtn_1tfxt_38{padding:10px 22px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;box-shadow:0 2px 6px #2563eb4d}._runBtn_1tfxt_38:hover:not(:disabled){opacity:.92}._runBtn_1tfxt_38:disabled{opacity:.55;cursor:progress}._section_bp4qv_1{width:100%;max-width:720px;margin-top:8px}._sectionTitle_bp4qv_7{font-size:13px;color:var(--muted);margin:0 0 8px;font-weight:600}._palette_bp4qv_14{display:flex;flex-wrap:wrap;gap:4px}._swatch_bp4qv_20{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.12);padding:0;cursor:pointer}._swatch_bp4qv_20:hover{transform:scale(1.12)}._swatchActive_bp4qv_33{outline:3px solid var(--accent);outline-offset:1px}._channels_bp4qv_39{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}._channelCol_bp4qv_46{display:flex;flex-direction:column;gap:6px;min-width:140px}._channelHead_bp4qv_53{font-size:13px;font-weight:700;text-align:center}._tableScroll_bp4qv_59{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:6px}._table_bp4qv_59{width:100%;border-collapse:collapse;font-size:12px}._table_bp4qv_59 th{position:sticky;top:0;background:#f4f6f9;color:var(--muted);font-weight:600;padding:4px 8px;border-bottom:1px solid var(--border)}._table_bp4qv_59 td{padding:3px 8px;text-align:center;border-bottom:1px solid #eef1f5}._table_bp4qv_59 tbody tr{cursor:pointer}._table_bp4qv_59 tbody tr:hover{background:var(--accent-soft)}._rowActive_bp4qv_96{background:var(--accent-soft);outline:2px solid var(--accent)}._cellSwatch_bp4qv_101{display:inline-block;width:28px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.12);vertical-align:middle}._channelPick_bp4qv_110{font-size:12px;text-align:center;color:var(--text)}._mix_bp4qv_117{display:flex;align-items:center;gap:16px;margin-top:14px;background:#f4f6f9;border-radius:8px;padding:12px 16px}._mixSwatch_bp4qv_127{width:64px;height:64px;border-radius:8px;border:1px solid rgba(0,0,0,.15);flex-shrink:0}._mixInfo_bp4qv_135{display:flex;flex-direction:column;gap:6px}._mixTitle_bp4qv_141{font-size:13px;font-weight:600;color:var(--muted)}._mixRow_bp4qv_147{display:flex;gap:14px;font-size:14px;flex-wrap:wrap}._stage_bp4qv_154 b{font-weight:700}._mixBin_bp4qv_158{display:flex;gap:8px}._mixBin_bp4qv_158 code{font-family:SF Mono,Menlo,Consolas,monospace;background:#1f2933;color:#7ee787;padding:2px 6px;border-radius:4px;font-size:12px;letter-spacing:1px}._inspector_16yz2_1{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 18px;background:#f4f6f9;border-radius:8px;min-width:320px;justify-content:center}._inspectorEmpty_16yz2_13{color:var(--muted);font-size:13px}._inspector_16yz2_1 ._coord_16yz2_18{color:var(--text);font-size:14px}._inspector_16yz2_1 ._bin_16yz2_23{font-size:15px}._chunk_16yz2_27{display:inline-flex;align-items:center;gap:5px}._controls_16yz2_33{display:flex;gap:10px;align-items:center}._clearBtn_16yz2_39{padding:9px 16px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px}._clearBtn_16yz2_39:disabled{opacity:.5;cursor:not-allowed}._panel_16yz2_52{width:100%;max-width:560px;border:1px solid var(--border);border-radius:8px;overflow:hidden}._panelHead_16yz2_60{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#f4f6f9;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}._counter_16yz2_72 b{color:var(--accent);font-size:14px}._list_16yz2_77{max-height:260px;overflow-y:auto;scroll-behavior:smooth;background:#0f172a}._empty_16yz2_84{padding:18px;text-align:center;color:#64748b;font-size:13px}._row_16yz2_91{display:flex;align-items:center;gap:10px;padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.06);animation:_slideIn_16yz2_1 .18s ease-out}@keyframes _slideIn_16yz2_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._idx_16yz2_111{width:26px;text-align:right;color:#475569;font-size:11px;font-variant-numeric:tabular-nums}._coord_16yz2_18{width:64px;color:#94a3b8;font-size:12px;font-family:SF Mono,Menlo,Consolas,monospace}._bits_16yz2_126{display:flex;gap:8px}._bin_16yz2_23{font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;letter-spacing:1px;font-weight:700}._table_3wo6b_1{border-collapse:collapse;min-width:320px}._table_3wo6b_1 th,._table_3wo6b_1 td{border:1px solid var(--border);padding:8px 14px;text-align:left;font-size:15px}._table_3wo6b_1 th{background:#f4f6f9;color:var(--muted);font-weight:600;width:45%}._result_3wo6b_21 td{font-weight:700;color:var(--accent);line-height:1.7}._formula_3wo6b_27{background:#1f2933;color:#e6edf3;border-radius:8px;padding:14px 18px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.9;max-width:560px}._formula_3wo6b_27 b{color:#7ee787}._panel_j7u4r_1{display:flex;flex-direction:column;gap:18px}._heading_j7u4r_7{font-size:15px;border-bottom:1px solid var(--border);padding-bottom:8px}._group_j7u4r_13{display:flex;flex-direction:column;gap:8px}._label_j7u4r_19{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:baseline}._value_j7u4r_27{color:var(--accent);font-weight:700}._slider_j7u4r_32{width:100%;accent-color:var(--accent)}._scale_j7u4r_37{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}._checkbox_j7u4r_44{display:flex;align-items:center;gap:8px;font-size:14px}._radios_j7u4r_51{display:flex;gap:8px}._radio_j7u4r_51{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 6px;border:1px solid var(--border);border-radius:6px;font-size:13px;white-space:nowrap;cursor:pointer}._radio_j7u4r_51:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}._note_j7u4r_76{margin:0;font-size:12px;color:var(--muted);line-height:1.5}._presetRow_j7u4r_83{display:flex;flex-wrap:wrap;gap:5px}._presetBtn_j7u4r_89{flex:1 1 auto;min-width:38px;padding:5px 0;border:1px solid var(--border);border-radius:5px;background:#fff;font-size:12px}._presetBtn_j7u4r_89:hover{border-color:var(--accent)}._presetActive_j7u4r_103{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}._bits_j7u4r_110{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}._bitBtn_j7u4r_116{padding:8px 0;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:14px}._bitBtn_j7u4r_116:hover{border-color:var(--accent)}._bitActive_j7u4r_128{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}._hint_j7u4r_135{font-size:13px;color:var(--muted);line-height:1.6;margin:0}._box_1cyrt_1{max-width:1000px;margin:0 auto}._title_1cyrt_6{font-size:15px;color:var(--accent);margin-bottom:6px}._p_1cyrt_12{margin:4px 0;font-size:14px;line-height:1.6;color:var(--text)}