:root{--font-mono: "Bakemono mono", "Menlo", "Consolas", monospace;--font-size: 14px;--line-height: 1.4;--cell-w: 1ch;--cell-h: calc(var(--font-size) * var(--line-height));--bg-primary: #16161e;--bg-secondary: #1a1b26;--bg-elevated: #1f2029;--fg-primary: #c0caf5;--fg-secondary: #565f89;--fg-muted: #3b3f52;--accent: #7aa2f7;--accent-dim: #3d59a1;--color-warning: #e0af68;--color-error: #f7768e;--color-success: #9ece6a;--border-tl: "┌";--border-tr: "┐";--border-bl: "└";--border-br: "┘";--border-h: "─";--border-v: "│";--border-cross: "┼";--border-t-down: "┬";--border-t-up: "┴";--border-t-right: "├";--border-t-left: "┤";--block-light: "░";--block-medium: "▒";--block-heavy: "▓";--block-full: "█";--density-ramp: " .:-=+*#%@";--space-1: 1ch;--space-2: 2ch;--space-3: 3ch;--space-4: 4ch;--space-8: 8ch;--vspace-1: var(--cell-h);--vspace-2: calc(var(--cell-h) * 2);--vspace-3: calc(var(--cell-h) * 3);--panel-border-color: var(--fg-secondary);--panel-header-color: var(--fg-primary);--panel-bg: var(--bg-secondary);--button-fg: var(--fg-primary);--button-bracket: var(--fg-secondary);--button-hover-fg: var(--accent);--input-fg: var(--fg-primary);--input-border: var(--fg-secondary);--selection-marker: "*"}[data-borders=ascii]{--border-tl: "+";--border-tr: "+";--border-bl: "+";--border-br: "+";--border-h: "-";--border-v: "|";--border-cross: "+";--border-t-down: "+";--border-t-up: "+";--border-t-right: "+";--border-t-left: "+"}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);background-color:var(--bg-primary);color:var(--fg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._app_y5ocp_5{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:4px;padding:1ch;overflow:hidden}._header_y5ocp_17{color:var(--fg-secondary);text-align:center}._headerContent_y5ocp_22{display:flex;flex-direction:column;align-items:center;gap:0}._tagline_y5ocp_29{color:var(--fg-primary);font-size:var(--font-size);letter-spacing:.2em}._rule_y5ocp_35{overflow:hidden;white-space:nowrap;color:var(--fg-muted);line-height:var(--line-height);margin-top:4px}._main_y5ocp_45{display:grid;grid-template-columns:32ch minmax(0,1fr);gap:4px;min-height:0;overflow:hidden}._sidebar_y5ocp_53{display:flex;flex-direction:column;gap:0;overflow-y:auto}._stage_y5ocp_60{display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden}._sidebar_y5ocp_53>*,._stage_y5ocp_60>*{flex:1;min-height:0;overflow:hidden}._controlsPanel_y5ocp_75{flex:0 0 auto;overflow:visible}._controlsRow_y5ocp_80{display:flex;align-items:baseline}._actions_y5ocp_85{display:flex;align-items:baseline;gap:var(--space-3);margin-left:auto}@media(max-width:720px){._main_y5ocp_45{grid-template-columns:minmax(0,1fr)}._sidebar_y5ocp_53{display:none}._controlsRow_y5ocp_80{flex-direction:column;align-items:stretch;gap:var(--space-2)}._actions_y5ocp_85{flex-direction:row;align-items:center;gap:var(--space-2);margin-left:0;width:100%;min-width:0}}._panel_a92ug_7{display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}._borderTop_a92ug_17,._borderBottom_a92ug_18{display:flex;color:var(--fg-secondary);line-height:var(--line-height);flex-shrink:0;min-width:0;overflow:hidden;width:100%}._corner_a92ug_28{flex-shrink:0}._titleOffset_a92ug_32{width:3ch;flex-shrink:0;overflow:hidden;white-space:nowrap}._fill_a92ug_39{flex:1;width:0;overflow:hidden;white-space:nowrap}._title_a92ug_32{flex-shrink:0;color:var(--fg-secondary);font-weight:700;letter-spacing:.1em;white-space:nowrap;-webkit-user-select:none;user-select:none}._slash_a92ug_57{color:var(--fg-secondary)}._body_a92ug_63{flex:1;min-height:0;position:relative}._side_a92ug_69{position:absolute;top:0;bottom:0;white-space:pre;width:1ch;overflow:hidden;color:var(--fg-secondary);line-height:var(--line-height);pointer-events:none}._side_a92ug_69:first-child{left:0}._side_a92ug_69:last-child{right:0}._content_a92ug_89{position:relative;min-height:0;height:100%;padding:2px var(--space-2) 0;margin:0 1ch;overflow:auto}._bar_o3npp_5{display:flex;gap:8px;height:100%;min-height:3lh;width:100%;min-width:0}._swatch_o3npp_14{flex:1;display:flex;border:1px solid;padding:8px;min-width:0;background:var(--bg-primary)}._fill_o3npp_23{flex:1;display:flex;align-items:center;justify-content:center}._hex_o3npp_30{color:var(--bg-primary);font-size:var(--font-size);font-weight:700;-webkit-user-select:all;user-select:all}@media(max-width:720px){._swatch_o3npp_14{padding:0}}._list_16p74_5{display:flex;flex-direction:column;gap:0}._row_16p74_11{display:flex;align-items:center;gap:var(--space-1);padding:2px 0}._swatch_16p74_18{white-space:pre;line-height:1.1;-webkit-user-select:none;user-select:none;flex-shrink:0}._hex_16p74_25{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-primary);width:8ch;padding:0;outline:none;border-bottom:1px solid transparent}._hex_16p74_25:focus{border-bottom-color:var(--accent)}._action_16p74_41{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0}._action_16p74_41:hover{color:var(--fg-primary)}._active_16p74_55,._active_16p74_55:hover{color:var(--accent)}._empty_16p74_63{color:var(--fg-muted)}._form_1qztj_5{display:flex;align-items:baseline;gap:var(--space-1);padding-top:var(--vspace-1);border-top:1px solid var(--fg-muted);margin-top:var(--vspace-1)}._prompt_1qztj_14{color:var(--accent);-webkit-user-select:none;user-select:none}._input_1qztj_19{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-primary);width:8ch;padding:0;outline:none;border-bottom:1px solid var(--fg-muted)}._input_1qztj_19:focus{border-bottom-color:var(--accent)}._input_1qztj_19::placeholder{color:var(--fg-muted)}._button_1qztj_39{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0}._button_1qztj_39:hover{color:var(--accent)}._shuffle_1qztj_55{padding-top:var(--vspace-1);border-top:1px solid var(--fg-muted);margin-top:var(--vspace-1)}._rules_1qztj_61{display:flex;flex-direction:column;gap:0;margin-bottom:var(--vspace-1)}._rule_1qztj_61{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0;text-align:left}._rule_1qztj_61:hover{color:var(--fg-primary)}._ruleActive_1qztj_83{color:var(--accent)}._harmonyLabel_1qztj_87{color:var(--fg-secondary);-webkit-user-select:none;user-select:none}._shuffleBtn_1qztj_92{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-primary);cursor:pointer;padding:4px 0;margin-top:var(--vspace-1);letter-spacing:.05em;font-weight:700}._shuffleBtn_1qztj_92:hover{color:var(--accent)}._aboutBtn_1qztj_109{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0;margin-top:4px;letter-spacing:.05em;display:block}._aboutBtn_1qztj_109:hover{color:var(--accent)}._logo_1yh88_6{display:block;width:260px;height:auto;-webkit-user-select:none;user-select:none;flex-shrink:0}@media(max-width:720px){._logo_1yh88_6{width:150px}}._wrapper_1ehvd_5{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;width:100%}._canvas_1ehvd_14{flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);background:var(--bg-secondary)}._controls_1ehvd_28{display:flex;flex-wrap:wrap;gap:var(--space-3)}._field_1ehvd_34{display:flex;align-items:baseline;gap:var(--space-1)}._label_1ehvd_40{color:var(--fg-secondary);-webkit-user-select:none;user-select:none}._option_1ehvd_45{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0;text-align:left}._option_1ehvd_45:hover{color:var(--fg-primary)}._active_1ehvd_60{color:var(--accent)}._mobileShuffle_1ehvd_64{display:none}@media(max-width:720px){._controls_1ehvd_28{flex-direction:column;gap:var(--space-1)}._controls_1ehvd_28>._field_1ehvd_34:nth-child(2){display:none}._field_1ehvd_34{display:grid;grid-template-columns:auto 1fr 1fr;column-gap:var(--space-2);row-gap:4px;min-width:0}._field_1ehvd_34 ._label_1ehvd_40{grid-row:span 2;align-self:center}._mobileShuffle_1ehvd_64{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size);font-weight:700;background:none;border:none;color:var(--fg-primary);cursor:pointer;padding:0;letter-spacing:.05em}._mobileShuffle_1ehvd_64:hover,._mobileShuffle_1ehvd_64:active{color:var(--accent)}}._wrapper_1u9ig_5{position:relative;display:inline-block;margin-left:auto}._toggle_1u9ig_13{font-family:var(--font-mono);font-size:var(--font-size);font-weight:700;background:none;border:none;color:var(--fg-primary);cursor:pointer;padding:0;letter-spacing:.05em}._toggle_1u9ig_13:hover{color:var(--accent)}._drawer_1u9ig_31{position:fixed;width:64ch;max-height:50vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--fg-secondary);padding:1ch;z-index:100;overflow:hidden}._header_1u9ig_44{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:4px;flex-shrink:0}._title_1u9ig_52{color:var(--fg-primary);font-weight:700;letter-spacing:.1em}._copyBtn_1u9ig_58{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0;margin-left:auto}._copyBtn_1u9ig_58:hover{color:var(--accent)}._closeBtn_1u9ig_73{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0}._closeBtn_1u9ig_73:hover{color:var(--color-error)}._formats_1u9ig_89{display:flex;gap:var(--space-1);padding-bottom:4px;border-bottom:1px solid var(--fg-muted);margin-bottom:4px;flex-shrink:0}._option_1u9ig_98{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0}._option_1u9ig_98:hover{color:var(--fg-primary)}._active_1u9ig_112{color:var(--accent)}._code_1u9ig_118{flex:1;min-height:0;overflow:auto;margin:0;font-family:var(--font-mono);font-size:var(--font-size);line-height:var(--line-height);color:var(--fg-primary);white-space:pre;tab-size:2;padding:2ch 0}@media(max-width:720px){._wrapper_1u9ig_5{margin-left:0}._drawer_1u9ig_31{width:calc(100vw - 2ch)!important;right:1ch!important;left:auto;max-height:50vh}}._backdrop_jk444_5{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:2ch}._modal_jk444_16{width:60ch;max-width:100%;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--fg-secondary);padding:1ch;overflow:hidden}._header_jk444_30{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--vspace-1);flex-shrink:0}._title_jk444_38{color:var(--fg-primary);font-weight:700;letter-spacing:.1em}._closeBtn_jk444_44{font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0;margin-left:auto}._closeBtn_jk444_44:hover{color:var(--color-error)}._body_jk444_61{flex:1;min-height:0;overflow:auto;color:var(--fg-primary);line-height:var(--line-height)}._body_jk444_61 p{margin:0 0 var(--vspace-1)}._lead_jk444_73{color:var(--fg-secondary)}._brand_jk444_77{color:var(--fg-primary);font-weight:700;letter-spacing:.1em}._tagline_jk444_83{color:var(--fg-secondary);letter-spacing:.1em}._body_jk444_61 em{color:var(--accent);font-style:normal}._section_jk444_93{margin-top:var(--vspace-1)}._sectionLabel_jk444_97{display:block;color:var(--fg-secondary);margin-bottom:4px;letter-spacing:.05em}._list_jk444_104{list-style:none;margin:0;padding:0 0 0 2ch;color:var(--fg-primary)}._list_jk444_104 li{padding:0;margin:0}._link_jk444_116{color:var(--accent);text-decoration:none}._link_jk444_116:hover{text-decoration:underline}._triggerMobile_jk444_127{display:none;font-family:var(--font-mono);font-size:var(--font-size);background:none;border:none;color:var(--fg-secondary);cursor:pointer;padding:0;letter-spacing:.05em}._triggerMobile_jk444_127:hover{color:var(--accent)}@media(max-width:720px){._modal_jk444_16{width:100%;max-height:90vh}._triggerMobile_jk444_127{display:inline-block}}