*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--accent-color: #ff4b4b;--accent-color-dark: #e53b49;--accent-rgba: 255, 75, 75;--accent-dark-rgba: 229, 59, 73;--bg-color: #121212;--bg-hide-piano: #242424;--text-color: rgba(255, 255, 255, .87);--text-muted: #aaa;--text-subtle: #777;--border-color: #555;--btn-border: rgba(255, 255, 255, .28);--mini-circle-stroke: rgba(255, 255, 255, .35);--mini-circle-dot: rgba(255, 255, 255, .55);--panel-bg: rgba(20, 20, 20, .94);--card-bg: #292929;--card-hover-bg: #3a3a3a;--header-bg: #1e1e1e;--shadow-color: rgba(0, 0, 0, .34);--input-border: rgba(255, 255, 255, .75);background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;touch-action:manipulation}[data-theme=light]{color-scheme:light;--bg-color: #f0f2f5;--bg-hide-piano: #e5e7eb;--text-color: #1f2937;--text-muted: #4b5563;--text-subtle: #6b7280;--border-color: #d1d5db;--btn-border: rgba(0, 0, 0, .22);--mini-circle-stroke: rgba(0, 0, 0, .22);--mini-circle-dot: rgba(0, 0, 0, .35);--panel-bg: rgba(255, 255, 255, .94);--card-bg: #ffffff;--card-hover-bg: #f3f4f6;--header-bg: #f8fafc;--shadow-color: rgba(0, 0, 0, .08);--input-border: rgba(0, 0, 0, .3)}body{margin:0;overflow:hidden;display:flex;place-items:center;min-width:100vw;min-height:100dvh;touch-action:manipulation;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;touch-action:manipulation}.key-sig-picker-wrap[data-v-e9154832]{display:flex;align-items:center;gap:8px;position:relative}.key-sig-label[data-v-e9154832]{font-size:16px;color:var(--text-color, #fff);white-space:nowrap}.key-signature-picker[data-v-e9154832]{position:relative;width:210px}.key-signature-trigger[data-v-e9154832]{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px 6px 12px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--card-bg, #2a2a2a);color:var(--text-color, #fff);font:inherit;font-size:14px;text-align:left;cursor:pointer}.key-signature-trigger[data-v-e9154832]:hover{background:var(--card-hover-bg, #333);border-color:var(--text-muted, #666)}.key-signature-trigger[data-v-e9154832]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.picker-chevron[data-v-e9154832]{color:var(--text-muted, #bbb);font-size:12px;flex-shrink:0}.key-signature-menu[data-v-e9154832]{position:absolute;top:calc(100% + 7px);left:0;z-index:200;width:310px;max-height:min(590px,calc(100dvh - 80px));overflow-y:auto;box-sizing:border-box;padding:7px;border:1px solid var(--border-color, #444);border-radius:6px;background:var(--header-bg, #1e1e1e);color:var(--text-color, #eee);box-shadow:0 7px 28px var(--shadow-color, rgba(0, 0, 0, .6));scrollbar-color:var(--accent-color-dark) var(--card-bg, #2a2a2a)}.key-signature-row[data-v-e9154832]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px}.key-signature-option[data-v-e9154832]{min-width:0;height:52px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;padding:2px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-color, #eee);font-family:Tahoma,sans-serif;cursor:pointer;gap:8px}.key-signature-option[data-v-e9154832]:hover,.key-signature-option.active[data-v-e9154832]{background:var(--card-hover-bg, #2e2e2e)}.key-signature-option.selected[data-v-e9154832]{border-color:var(--accent-color-dark);background:rgba(var(--accent-dark-rgba),.18)}.key-signature-option-zero[data-v-e9154832]{width:auto;grid-template-columns:58px minmax(0,1fr);background:var(--card-bg, #2a2a2a)}.key-signature-zero-row[data-v-e9154832]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:4px}.key-mode-choice[data-v-e9154832]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:5px 10px;border:1px solid var(--border-color, #444);border-radius:5px;background:var(--card-bg, #2a2a2a)}.key-mode-choice label[data-v-e9154832]{display:flex;align-items:center;gap:7px;color:var(--text-color, #eee);font:500 12px/1.2 Tahoma,sans-serif;cursor:pointer}.key-mode-choice input[data-v-e9154832]{width:14px;height:14px;margin:0;accent-color:var(--accent-color-dark)}.key-signature-glyph[data-v-e9154832]{width:58px;height:50px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;pointer-events:none}.key-signature-glyph[data-v-e9154832] svg{display:block;width:130%;max-width:none;height:auto}.key-sig-picker-wrap.dark .key-signature-glyph[data-v-e9154832]{filter:invert(1)}.key-sig-picker-wrap.light .key-signature-glyph[data-v-e9154832]{filter:none}.key-name-stack[data-v-e9154832]{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.15;text-align:left}.key-name-stack strong[data-v-e9154832]{font-size:13px;font-weight:500;color:var(--text-color, #eee)}.key-name-stack small[data-v-e9154832]{color:var(--text-muted, #888);font-size:11px}.score-panel[data-v-21378013]{color:var(--text-color, #ddd);pointer-events:none;height:100%}.score-panel>span[data-v-21378013]{display:grid;min-height:80px;place-items:center;font-size:12px;color:var(--text-subtle, #666)}.score[data-v-21378013]{position:relative;width:100%;height:100%;min-height:80px;overflow:visible}.score-panel.dark .score[data-v-21378013]>svg{filter:invert(1)}.score-panel.light .score[data-v-21378013]>svg{filter:none}.score[data-v-21378013] svg{display:block}.score[data-v-21378013] .grpSym{display:none}.chord-candidates[data-v-678fe784]{box-sizing:border-box;border:1px solid var(--border-color, #555);border-radius:6px;background:var(--panel-bg, rgba(20, 20, 20, .94));box-shadow:0 8px 24px var(--shadow-color, rgba(0, 0, 0, .34));color:var(--text-color, #fff);flex:0 0 auto;padding:10px}.candidate-heading[data-v-678fe784]{min-height:20px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:12px;font-weight:700;text-transform:uppercase}.candidate-row[data-v-678fe784]{position:relative;width:100%;min-height:38px;display:grid;box-sizing:border-box;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;overflow:hidden;padding:0 10px;border:1px solid var(--border-color, #555);border-radius:3px;background:var(--card-bg, #292929);color:var(--text-color, #fff);font-family:inherit;text-align:left;cursor:pointer}.candidate-row+.candidate-row[data-v-678fe784]{margin-top:6px}.candidate-row[data-v-678fe784]:hover,.candidate-row[data-v-678fe784]:focus-visible{border-color:var(--text-muted, #fff);outline:none}.candidate-row.selectable.selected[data-v-678fe784]{border-color:var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.candidate-row.copied[data-v-678fe784]{border-color:#ff7b7b}.candidate-meter[data-v-678fe784]{position:absolute;inset:0 auto 0 0;z-index:0;min-width:4px;transition:width .18s ease,background-color .18s ease}.candidate-row strong[data-v-678fe784],.candidate-name[data-v-678fe784]{position:relative;z-index:1}.candidate-row strong[data-v-678fe784]{font-size:17px}.candidate-name[data-v-678fe784]{overflow:hidden;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.candidate-copy[data-v-678fe784]{position:relative;z-index:2;opacity:0;pointer-events:none;padding:5px 7px;border:1px solid var(--border-color, #777);border-radius:3px;background:var(--card-bg, #292929);color:var(--text-color, #fff);font:600 9px/1 inherit;cursor:pointer;transition:opacity .12s ease,background-color .12s ease}.candidate-row:hover .candidate-copy[data-v-678fe784],.candidate-row:focus-within .candidate-copy[data-v-678fe784]{opacity:1;pointer-events:auto}.candidate-copy[data-v-678fe784]:hover,.candidate-copy[data-v-678fe784]:focus-visible{background:var(--accent-color-dark);outline:none}.replay-mode-control[data-v-4edcdedb]{width:100%;display:flex;gap:4px;box-sizing:border-box;padding:2px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--card-bg, #2a2a2a);height:34px}.replay-mode-btn[data-v-4edcdedb]{flex:1;min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-muted, #aaa);font:500 12px/1 inherit;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.replay-mode-btn[data-v-4edcdedb]:hover{background:var(--card-hover-bg, rgba(255, 255, 255, .08));color:var(--text-color, #fff)}.replay-mode-btn.active[data-v-4edcdedb]{border-color:var(--accent-color);background:var(--accent-color);color:var(--accent-text-color, #fff);font-weight:600;box-shadow:0 2px 6px rgba(var(--accent-rgba),.35)}.replay-mode-btn[data-v-4edcdedb]:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.accent-picker-container[data-v-383b3f4b]{position:relative}.floating-accent-btn[data-v-383b3f4b],.floating-accent-btn[data-v-383b3f4b]:hover{color:var(--btn-color)}.floating-accent-btn[data-v-383b3f4b]:active{transform:scale(.94)}.accent-popup[data-v-383b3f4b]{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;box-shadow:0 6px 20px var(--shadow-color, rgba(0, 0, 0, .5));z-index:100}.accent-btn[data-v-383b3f4b]{width:100%;height:32px;border-radius:6px;border:none;background:var(--btn-color);cursor:pointer;display:grid;place-items:center;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #0003}.accent-btn[data-v-383b3f4b]:hover{transform:scale(1.08);box-shadow:inset 0 0 0 1px #0003,0 0 0 2px #ffffff40}.accent-btn[data-v-383b3f4b]:active{transform:scale(.95)}.accent-btn.active[data-v-383b3f4b]{box-shadow:inset 0 0 0 2px #ffffff80,0 0 0 2px var(--btn-color)}.active-dot[data-v-383b3f4b]{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d}.fade-scale-enter-active[data-v-383b3f4b],.fade-scale-leave-active[data-v-383b3f4b]{transition:opacity .18s,transform .18s;transform-origin:top right}.fade-scale-enter-from[data-v-383b3f4b],.fade-scale-leave-to[data-v-383b3f4b]{opacity:0;transform:scale(.88)}.desktop-wrap[data-v-a91952ac]{position:relative;width:100%;height:100%}.controls[data-v-a91952ac]{position:absolute;top:20px;left:20px;right:20px;z-index:50;color:#fff;display:flex;align-items:flex-start;gap:8px;font-size:16px;pointer-events:none}.controls[data-v-a91952ac]>*{pointer-events:auto}.control-group[data-v-a91952ac]{display:flex;align-items:center;gap:8px}.key-signature-control[data-v-a91952ac]{position:relative;color:var(--text-color, #fff)}.key-signature-control[data-v-a91952ac] .key-signature-picker{width:110px}.key-signature-control[data-v-a91952ac] .key-sig-label{display:none}.key-signature-control[data-v-a91952ac] .key-signature-trigger{height:34px;min-height:0;box-sizing:border-box;padding:0 10px 0 12px}.sustain-control[data-v-a91952ac]{display:flex;align-items:center;gap:7px;height:34px;box-sizing:border-box;margin-left:8px;padding:0 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--card-bg, #2a2a2a);color:var(--text-color, #fff);cursor:pointer;-webkit-user-select:none;user-select:none}.sustain-control input[data-v-a91952ac]{width:16px;height:16px;margin:0;accent-color:var(--accent-color)}.instrument-control[data-v-a91952ac]{display:flex;align-items:center;position:relative;flex:1}.instrument-spinner[data-v-a91952ac]{position:absolute;right:-24px;color:var(--accent-color, #ff4b4b);font-size:14px}.instrument-select[data-v-a91952ac]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);color:var(--text-color, #fff);padding:0 24px 0 10px;height:34px;width:100%;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s;font-family:inherit}.instrument-select[data-v-a91952ac]:hover{border-color:var(--text-muted, #9ca3af)}.instrument-select[data-v-a91952ac]:focus{border-color:var(--accent-color, #ff4b4b)}.view-toggle-btn[data-v-a91952ac]{display:flex;align-items:center;gap:6px;height:34px;box-sizing:border-box;margin-left:0;padding:0 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--card-bg, #2a2a2a);color:var(--text-muted, #aaa);font:500 13px/1 inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}.view-toggle-btn[data-v-a91952ac]:hover{color:var(--text-color, #fff);border-color:var(--text-muted, #666)}.view-toggle-btn.view-override-active[data-v-a91952ac],.view-toggle-btn.active[data-v-a91952ac]{border-color:var(--accent-color);color:var(--accent-color)}.view-toggle-btn.icon-only[data-v-a91952ac]{width:34px;padding:0;justify-content:center}.accent-control[data-v-a91952ac]{display:flex;align-items:flex-start;align-self:flex-start;margin-left:0;pointer-events:auto}.accent-control[data-v-a91952ac] .accent-picker-container{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;pointer-events:auto}.accent-control[data-v-a91952ac] .floating-accent-btn{width:34px;height:34px;box-sizing:border-box;padding:0;border-radius:4px;font-size:13px;font-weight:500;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);color:var(--btn-color);display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;-webkit-user-select:none;user-select:none;transition:all .12s ease}.accent-control[data-v-a91952ac] .floating-accent-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.accent-control[data-v-a91952ac] .accent-popup{top:calc(100% + 6px);right:0;padding:5px;gap:4px;transform-origin:top right}.accent-control[data-v-a91952ac] .accent-btn{width:52px;height:36px}.accent-control[data-v-a91952ac] .active-dot{width:7px;height:7px}.accent-control[data-v-a91952ac] .accent-btn.active{box-shadow:inset 0 0 0 2px #ffffff80,0 0 0 2px var(--btn-color)}.chord-name[data-v-a91952ac]{position:absolute;top:-8px;left:50%;min-width:180px;box-sizing:border-box;padding:0 38px 4px 8px;border:0;background:transparent;color:var(--text-color, #fff);font-family:inherit;font-size:44px;font-weight:700;line-height:1;text-align:center;transform:translate(-50%);cursor:default;transition:color .14s ease}.chord-name.copied[data-v-a91952ac]{color:#ff7b7b}.chord-name.empty[data-v-a91952ac]{color:#777;cursor:default}.copy-control[data-v-a91952ac]{opacity:0;pointer-events:none;transition:opacity .12s ease,background-color .12s ease}.chord-name .copy-control[data-v-a91952ac]{position:absolute;top:50%;right:6px;padding:5px 7px;border:1px solid #666;border-radius:3px;background:#292929;color:#fff;font-size:10px;line-height:1;transform:translateY(-50%)}.chord-name:hover .copy-control[data-v-a91952ac],.chord-name:focus-within .copy-control[data-v-a91952ac]{opacity:1;pointer-events:auto}.copy-control[data-v-a91952ac]:hover,.copy-control[data-v-a91952ac]:focus-visible{background:var(--accent-color-dark);outline:none}.toolbar-right-group[data-v-a91952ac]{display:flex;align-items:center;gap:8px;width:100%}.toolbar-right-group[data-v-a91952ac]>*{pointer-events:auto}.mapping-panel[data-v-a91952ac]{display:flex;flex-direction:column;gap:6px}.mapping-panel .sustain-control[data-v-a91952ac]{background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);padding:8px 10px;border-radius:4px}.mapping-controls[data-v-a91952ac]{margin-left:auto;width:360px;height:calc(var(--keyboard-top, 100%) - 70px);display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:6px;padding-right:4px}.mapping-controls .sustain-control[data-v-a91952ac]{margin-left:0}.mini-keyboard[data-v-a91952ac]{width:100%;box-sizing:border-box;padding:7px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--card-bg, #2a2a2a)}@media (max-height: 700px){.mini-keyboard[data-v-a91952ac]{display:none}}.mini-keyboard-row[data-v-a91952ac]{display:flex;justify-content:center;gap:3px}.mini-keyboard-row+.mini-keyboard-row[data-v-a91952ac]{margin-top:3px}.mini-key[data-v-a91952ac]{width:20px;height:19px;display:grid;flex:0 0 auto;place-items:center;box-sizing:border-box;border:1px solid var(--input-border, rgba(255, 255, 255, .8));border-radius:3px;background:var(--bg-color);color:var(--text-color, #fff);font:600 9px/1 Tahoma,sans-serif}.mini-key[data-code=Backspace][data-v-a91952ac]{width:35px}.mini-key[data-code=Tab][data-v-a91952ac]{width:28px}.mini-key[data-code=Backslash][data-v-a91952ac]{width:27px}.mini-key[data-code=CapsLock][data-v-a91952ac]{width:34px}.mini-key[data-code=Enter][data-v-a91952ac]{width:44px}.mini-key[data-code=ShiftLeft][data-v-a91952ac]{width:45px}.mini-key[data-code=ShiftRight][data-v-a91952ac]{width:56px}.mini-key.active[data-v-a91952ac]{border-color:var(--accent-color);background:var(--accent-color);color:var(--accent-text-color, #fff)}.chord-history[data-v-a91952ac]{width:100%;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:9px;box-sizing:border-box;border:1px solid var(--border-color, #555);border-radius:6px;background:var(--panel-bg, rgba(20, 20, 20, .94));box-shadow:0 8px 24px var(--shadow-color, rgba(0, 0, 0, .34));color:var(--text-color, #fff)}.history-heading[data-v-a91952ac]{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:700;text-transform:uppercase}.history-heading button[data-v-a91952ac]{padding:2px 4px;border:0;background:transparent;color:#aaa;font:600 10px/1 inherit;cursor:pointer}.history-heading button[data-v-a91952ac]:hover,.history-heading button[data-v-a91952ac]:focus-visible{color:#fff;outline:none}.history-limit-control[data-v-a91952ac]{display:flex;gap:3px}.history-limit-btn[data-v-a91952ac]{min-width:30px;height:22px;padding:0 6px;border:1px solid var(--border-color, #555);border-radius:3px;background:transparent;color:var(--text-muted, #ccc);font:600 12px/1 inherit;cursor:pointer;transition:all .1s ease}.history-limit-btn[data-v-a91952ac]:hover{border-color:var(--text-muted, #999);color:var(--text-color, #fff)}.history-limit-btn.active[data-v-a91952ac]{border-color:var(--accent-color);background:var(--accent-color);color:var(--accent-text-color, #fff)}.history-tags[data-v-a91952ac]{display:flex;flex-wrap:wrap;min-height:0;overflow-y:auto;align-content:flex-start;gap:5px;padding-right:2px;scrollbar-color:var(--accent-color-dark) var(--card-bg, #292929)}.history-tag[data-v-a91952ac]{position:relative;display:flex;min-width:0;min-height:30px;border:1px solid var(--border-color, #555);border-radius:3px;background:var(--card-bg, #292929);cursor:pointer}.history-tag.selected[data-v-a91952ac]{border-color:var(--accent-color);box-shadow:0 0 0 1px rgba(var(--accent-rgba),.35)}.history-tag.hovered[data-v-a91952ac]{border-color:#f0a030;box-shadow:0 0 0 1px #f0a03040}.history-tag.dragging[data-v-a91952ac]{opacity:.4;cursor:grabbing}.history-tag.drag-over[data-v-a91952ac]{border-color:#7b6fff;box-shadow:0 0 0 1px #7b6fff59;background:#7b6fff14}.history-tag-main[data-v-a91952ac]{display:flex;align-items:stretch}.history-tag button[data-v-a91952ac]{min-width:0;padding:6px 8px;border:0;background:transparent;color:var(--text-color, #fff);font:700 13px/1 inherit;cursor:pointer}.history-name[data-v-a91952ac]{display:flex;align-items:center;gap:5px;padding:6px 8px;color:var(--text-color, #fff);font:700 13px/1 inherit;cursor:pointer}.history-name[data-v-a91952ac]:hover,.history-name[data-v-a91952ac]:focus-visible{background:var(--card-hover-bg, #3a3a3a);outline:none}.history-chevron-btn[data-v-a91952ac]{border-left:1px solid var(--border-color, #555)!important;color:var(--text-muted, #aaa)!important;font-size:11px!important}.history-chevron-btn[data-v-a91952ac]:hover,.history-chevron-btn[data-v-a91952ac]:focus-visible{background:var(--accent-color-dark)!important;color:var(--accent-text-color, #fff)!important;outline:none}.history-copy[data-v-a91952ac]{border-left:1px solid var(--border-color, #555)!important;color:var(--text-color, #fff)!important;font-size:9px!important}.history-copy[data-v-a91952ac]:hover,.history-copy[data-v-a91952ac]:focus-visible{background:var(--accent-color-dark)!important;color:var(--accent-text-color, #fff)!important;outline:none}.history-tag .history-remove[data-v-a91952ac]{padding-right:6px;padding-left:6px;border-left:1px solid var(--border-color, #555);color:var(--text-muted, #aaa);font-size:15px}.history-tag .history-remove[data-v-a91952ac]:hover,.history-tag .history-remove[data-v-a91952ac]:focus-visible{background:var(--accent-color-dark);color:var(--accent-text-color, #fff);outline:none}.history-tag-main:hover .copy-control[data-v-a91952ac],.history-tag-main:focus-within .copy-control[data-v-a91952ac]{opacity:1;pointer-events:auto}.score-panel-wrap[data-v-a91952ac]{position:fixed;top:calc(50dvh - 50px);left:20px;z-index:20;max-width:calc(100vw - 40px);box-sizing:border-box;pointer-events:none;transform:translateY(-50%);overflow:visible}.history-area[data-v-a91952ac]{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:80px}.history-area>.chord-history[data-v-a91952ac]{flex:1 1 auto;min-height:0}.chord-candidates-float[data-v-a91952ac]{position:absolute;top:0;right:calc(100% + 10px);width:300px;height:100%;z-index:60;pointer-events:auto}.chord-candidates-float[data-v-a91952ac] .chord-candidates{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 680px){.controls[data-v-a91952ac]{flex-wrap:wrap}.control-group[data-v-a91952ac]{width:100%}.key-signature-control[data-v-a91952ac] .key-signature-picker{flex:1;min-width:0}.key-signature-control[data-v-a91952ac] .key-signature-menu{right:0;left:auto;width:min(310px,calc(100vw - 40px))}.sustain-control[data-v-a91952ac]{margin-left:0}.mapping-controls[data-v-a91952ac]{width:min(360px,100%);height:auto;align-items:stretch}.chord-name[data-v-a91952ac]{top:45px;right:0;left:auto;min-width:120px;font-size:34px;text-align:right;transform:none}.mini-keyboard[data-v-a91952ac]{width:100%;overflow:hidden}.mini-key[data-v-a91952ac]{width:clamp(15px,4.8vw,20px)}.mini-key.wide[data-v-a91952ac]{width:clamp(26px,8vw,35px)}.chord-history[data-v-a91952ac]{width:100%;flex:none;max-height:180px}.score-panel-wrap[data-v-a91952ac]{top:50%;left:20px;max-width:calc(100vw - 40px);transform:translateY(-50%)}}.mobile-keysig-list[data-v-4c467118]{display:flex;flex-direction:column;padding:12px;gap:8px}.keysig-item[data-v-4c467118]{display:flex;align-items:center;gap:16px;padding:8px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--card-bg, #222);color:var(--text-color, #fff);cursor:pointer;transition:background .1s ease;touch-action:manipulation;min-height:64px}.keysig-item[data-v-4c467118]:active{background:var(--card-hover-bg, #2a2a2a)}.keysig-item.selected[data-v-4c467118]{background:rgba(var(--accent-dark-rgba),.18);border-color:var(--accent-color-dark)}.keysig-glyph[data-v-4c467118]{width:96px;height:54px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;pointer-events:none;flex-shrink:0;background:transparent;border-radius:6px;padding:0}.keysig-glyph[data-v-4c467118] svg{display:block;width:100%;height:auto;padding:10px;transform:scale(1.2);transform-origin:25% center}.mobile-keysig-list.dark .keysig-glyph[data-v-4c467118]{filter:invert(1)}.mobile-keysig-list.light .keysig-glyph[data-v-4c467118]{filter:none}.keysig-names[data-v-4c467118]{flex:1;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.major-name[data-v-4c467118]{color:var(--text-color, #fff)}.separator[data-v-4c467118]{color:var(--text-subtle, #666);font-weight:400}.minor-name[data-v-4c467118]{color:var(--text-muted, #aaa);font-size:15px}.check-icon[data-v-4c467118]{color:var(--accent-color-dark);font-size:18px;flex-shrink:0}.sustain-wrapper[data-v-dcd26191]{position:relative;display:inline-flex;align-items:center}.sustain-indicator[data-v-dcd26191]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--card-bg, rgba(34, 34, 34, .85));border:1px solid var(--border-color, #444);color:var(--text-muted, #ccc);-webkit-user-select:none;user-select:none;pointer-events:auto;transition:all .15s ease;cursor:pointer;box-sizing:border-box}.sustain-indicator.on[data-v-dcd26191]{background:#f0c02040;color:#f0c020;border-color:#f0c020;box-shadow:0 0 8px 1px #f0c0204d}.icon[data-v-dcd26191]{font-size:15px}.pedal-tooltip[data-v-dcd26191]{position:absolute;left:44px;white-space:nowrap;background:var(--card-bg, #2a2a2a);color:var(--text-color, #fff);border:1px solid var(--border-color, #555);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .4));pointer-events:none;z-index:30}.pedal-tooltip[data-v-dcd26191]:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-style:solid;border-color:transparent var(--border-color, #555) transparent transparent}.fade-tooltip-enter-active[data-v-dcd26191],.fade-tooltip-leave-active[data-v-dcd26191]{transition:all .2s ease;opacity:1;transform:translate(0)}.fade-tooltip-enter-from[data-v-dcd26191],.fade-tooltip-leave-to[data-v-dcd26191]{opacity:0;transform:translate(-6px)}.history-strip-wrap[data-v-01543057]{position:relative;width:100%;height:100%;overflow:hidden}.history-strip[data-v-01543057]{display:flex;gap:8px;overflow-x:auto;padding:12px 0;height:100%;box-sizing:border-box;align-items:stretch;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.history-strip[data-v-01543057]::-webkit-scrollbar{display:none}.strip-tag[data-v-01543057]{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--border-color, #555);border-radius:8px;background:var(--card-bg, #292929);color:var(--text-color, #fff);font:700 15px/1 Tahoma,sans-serif;cursor:pointer;scroll-snap-align:start;transition:border-color .12s ease,background .12s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.strip-tag[data-v-01543057]:active,.strip-tag.hovered[data-v-01543057]{border-color:#f0a030;background:#f0a03026}.ambiguity-badge[data-v-01543057]{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:18px;height:18px;border-radius:50%;background:var(--accent-color);color:var(--accent-text-color, #fff);font:700 11px/1 Tahoma,sans-serif}.strip-tag.is-new[data-v-01543057]{animation:slideInPop-01543057 .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideInPop-01543057{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.scroll-track[data-v-01543057]{position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--border-color, rgba(255, 255, 255, .08));opacity:.4;border-radius:2px;pointer-events:none}.scroll-thumb[data-v-01543057]{position:absolute;top:0;height:100%;background:var(--accent-color);border-radius:2px;transition:left 50ms linear,width 50ms linear}.fade-indicator-enter-active[data-v-01543057],.fade-indicator-leave-active[data-v-01543057]{transition:opacity .3s ease;opacity:1}.fade-indicator-enter-from[data-v-01543057],.fade-indicator-leave-to[data-v-01543057]{opacity:0}.history-list-root[data-v-70a965e3]{display:flex;flex-direction:column;height:100%;gap:0;overflow:hidden}.history-items[data-v-70a965e3]{flex:1;overflow-y:auto;scrollbar-color:var(--accent-color-dark) var(--card-bg, #1e1e1e);padding:6px 0}.empty-state[data-v-70a965e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-subtle, #555);font-size:13px;text-align:center}.empty-state i[data-v-70a965e3]{font-size:28px}.history-item[data-v-70a965e3]{display:flex;align-items:center;min-height:80px;padding:10px 14px;border-bottom:1px solid var(--border-color, #1e1e1e);gap:16px;cursor:pointer;transition:background .2s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.history-item.dragging[data-v-70a965e3]{opacity:.4}.history-item.drag-over[data-v-70a965e3]{border-top:2px solid var(--accent-color-dark)}.mini-circle-container[data-v-70a965e3]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-name[data-v-70a965e3]{flex:1;font:700 15px/1 Tahoma,sans-serif;color:var(--text-color, #fff);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-actions[data-v-70a965e3]{display:flex;flex-direction:row;gap:4px;flex-shrink:0}.item-btn[data-v-70a965e3]{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--btn-border, rgba(255, 255, 255, .28));border-radius:5px;background:#ffffff0a;color:var(--text-color, #e0e0e0);font-size:13px;cursor:pointer;transition:all .12s ease;touch-action:manipulation}.item-btn[data-v-70a965e3]:active{transform:scale(.92)}.choose-btn[data-v-70a965e3]:hover{border-color:#7b6fff;color:#7b6fff;background:#7b6fff1a}.play-btn[data-v-70a965e3]:hover{border-color:#4c7;color:#4c7;background:#44cc771a}.remove-btn[data-v-70a965e3]:hover{border-color:var(--accent-color-dark);color:var(--accent-color-dark);background:rgba(var(--accent-dark-rgba),.18)}.simulate-tabs[data-v-70a965e3]{display:flex;border-top:1px solid var(--border-color, #2e2e2e);background:var(--header-bg, #121212);width:100%}.sim-tab-btn[data-v-70a965e3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 0;background:transparent;border:none;border-right:1px solid var(--border-color, #2e2e2e);color:var(--text-subtle, #888);cursor:pointer;transition:all .2s ease;touch-action:manipulation}.sim-tab-btn[data-v-70a965e3]:last-child{border-right:none}.sim-tab-btn i[data-v-70a965e3]{font-size:20px}.sim-tab-label[data-v-70a965e3]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sim-tab-btn[data-v-70a965e3]:active{background:var(--card-hover-bg, #1a1a1a)}.sim-tab-btn.active[data-v-70a965e3]{color:var(--accent-color);background:rgba(var(--accent-rgba),.18)}.undo-banner[data-v-70a965e3]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--card-bg, #231e1a);border-top:1px solid var(--border-color, #443322);color:var(--text-color, #e0e0e0);font-size:13px;flex-shrink:0}.undo-content[data-v-70a965e3]{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.undo-icon[data-v-70a965e3]{color:#ff6b6b;font-size:14px;flex-shrink:0}.undo-msg[data-v-70a965e3]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted, #ccc)}.undo-msg strong[data-v-70a965e3]{color:var(--text-color, #fff)}.undo-timer[data-v-70a965e3]{color:#f0a030;font-weight:700;margin-left:4px}.undo-btn[data-v-70a965e3]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f0a03026;border:1px solid #f0a030;border-radius:6px;color:#f0a030;font-weight:700;font-size:12px;cursor:pointer;transition:all .15s ease;flex-shrink:0;touch-action:manipulation}.undo-btn[data-v-70a965e3]:active{background:#f0a030;color:#121212;transform:scale(.95)}.slide-undo-enter-active[data-v-70a965e3],.slide-undo-leave-active[data-v-70a965e3]{transition:all .25s ease;max-height:60px;opacity:1}.slide-undo-enter-from[data-v-70a965e3],.slide-undo-leave-to[data-v-70a965e3]{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}.choose-panel[data-v-1089f6a1]{display:flex;flex-direction:column;height:100%;overflow:hidden}.empty-state[data-v-1089f6a1]{padding:40px 20px;text-align:center;color:var(--text-subtle, #666);font-size:14px}.current-info[data-v-1089f6a1]{display:flex;align-items:baseline;gap:10px;padding:12px 16px;border-bottom:1px solid #2e2e2e;flex-shrink:0}.current-label[data-v-1089f6a1]{font-size:11px;font-weight:700;text-transform:uppercase;color:#888;letter-spacing:.05em}.current-name[data-v-1089f6a1]{font-size:18px;font-weight:700;color:#fff}.candidates-list[data-v-1089f6a1]{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scrollbar-color:var(--accent-color-dark) var(--card-bg, #1e1e1e);box-sizing:border-box}.candidate-item[data-v-1089f6a1]{position:relative;width:100%;display:grid;grid-template-columns:54px 1fr auto;align-items:center;overflow:hidden;padding:0 16px;min-height:48px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--card-bg, #252525);color:var(--text-color, #fff);font-family:inherit;text-align:left;cursor:pointer;transition:background .1s ease;touch-action:manipulation}.candidate-item[data-v-1089f6a1]:active,.candidate-item[data-v-1089f6a1]:hover{background:var(--card-hover-bg, #2a2a2a)}.candidate-item.selected[data-v-1089f6a1]{background:rgba(var(--accent-rgba),.18)}.cand-meter[data-v-1089f6a1]{position:absolute;inset:0 auto 0 0;z-index:0;min-width:4px;opacity:.35;transition:width .18s ease}.cand-pct[data-v-1089f6a1]{position:relative;z-index:1;font-size:13px;font-weight:700;color:var(--text-muted, #aaa)}.cand-name[data-v-1089f6a1]{position:relative;z-index:1;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cand-check[data-v-1089f6a1]{position:relative;z-index:1;color:var(--accent-color);font-size:15px;flex-shrink:0}.mobile-root[data-v-cfea0270]{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-hide-piano, #242424);color:var(--text-color, #fff)}.canvas-layer[data-v-cfea0270]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto}.panels-track[data-v-cfea0270]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:500%;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:1}.panel[data-v-cfea0270]{width:20%;height:100%;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;z-index:0}.panel-keysig[data-v-cfea0270]{background:var(--bg-hide-piano, #242424)}.panel-main[data-v-cfea0270]{background:transparent}.panel-main[data-v-cfea0270]>*{pointer-events:auto}.canvas-layer[data-v-cfea0270],.canvas-layer[data-v-cfea0270] canvas{pointer-events:auto}.panel-history[data-v-cfea0270],.panel-choose[data-v-cfea0270]{background:var(--bg-hide-piano, #242424)}.panel-header[data-v-cfea0270]{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-color, #2e2e2e);background:var(--header-bg, #1a1a1a);flex-shrink:0}.back-btn[data-v-cfea0270]{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-color, #555);border-radius:8px;background:var(--card-bg, #333);color:var(--text-color, #fff);font-size:14px;cursor:pointer;transition:all .12s ease;touch-action:manipulation;flex-shrink:0}.back-btn[data-v-cfea0270]:active{background:var(--card-hover-bg, #333);transform:scale(.94)}.panel-title[data-v-cfea0270]{font-size:15px;font-weight:700;color:var(--text-color, #fff);letter-spacing:.02em}.header-key-mode[data-v-cfea0270]{margin-left:auto;display:flex;background:var(--card-bg, #2a2a2a);border-radius:6px;padding:3px;border:1px solid var(--border-color, #444)}.header-mode-label[data-v-cfea0270]{padding:6px 12px;border-radius:4px;color:var(--text-subtle, #888);font-weight:600;font-size:13px;transition:all .2s;cursor:pointer;touch-action:manipulation}.header-mode-label.active[data-v-cfea0270]{background:var(--card-hover-bg, #444);color:var(--text-color, #fff);box-shadow:0 1px 3px #0000004d}.sr-only[data-v-cfea0270]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.header-history-controls[data-v-cfea0270]{margin-left:auto;display:flex;background:var(--card-bg, #2a2a2a);border-radius:6px;padding:3px;border:1px solid var(--border-color, #444)}.header-current-chord[data-v-cfea0270]{margin-left:auto;font-weight:700;font-size:16px;color:var(--accent-color);padding-right:4px}.header-size-btn[data-v-cfea0270]{padding:6px 12px;background:transparent;color:var(--text-subtle, #888);border:none;font-size:13px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;touch-action:manipulation}.header-size-btn.active[data-v-cfea0270]{background:var(--card-hover-bg, #444);color:var(--text-color, #fff);box-shadow:0 1px 3px #0000004d}.header-clear-btn[data-v-cfea0270]{width:36px;height:36px;display:grid;place-items:center;padding:0;color:var(--accent-color);border:1px solid var(--border-color, #553333);background:var(--card-bg, #3a2222);border-radius:8px;cursor:pointer;transition:all .2s;touch-action:manipulation}.header-clear-btn[data-v-cfea0270]:hover,.header-clear-btn[data-v-cfea0270]:active{background:rgba(var(--accent-dark-rgba),.18);border-color:rgba(var(--accent-dark-rgba),.45)}.panel-body[data-v-cfea0270]{flex:1;overflow:hidden;display:flex;flex-direction:column}.keysig-body[data-v-cfea0270]{overflow-y:auto;padding:12px;scrollbar-color:var(--accent-color-dark) var(--card-bg, #1e1e1e)}.toolbar[data-v-cfea0270]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel-bg, rgba(26, 26, 26, .92));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .06));flex-shrink:0}.toolbar-btn[data-v-cfea0270]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color, #555);border-radius:8px;background:var(--card-bg, #333);color:var(--text-color, #fff);font-size:15px;font-weight:600;cursor:pointer;transition:all .12s ease;touch-action:manipulation;flex-shrink:0}.toolbar-btn[data-v-cfea0270]:active{transform:scale(.94)}.toolbar-btn[data-v-cfea0270]:hover{border-color:var(--text-muted, #666);color:var(--text-color, #fff)}.toolbar-btn.active[data-v-cfea0270]{border-color:var(--accent-color);color:var(--accent-color)}.toolbar-label[data-v-cfea0270]{font-size:13px;font-weight:700}.chord-name-area[data-v-cfea0270]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;cursor:pointer;touch-action:manipulation}.chord-name-display[data-v-cfea0270]{font-size:clamp(20px,6vw,26px);font-weight:700;color:var(--text-color, #fff);line-height:1;text-align:center;transition:color .14s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chord-name-display.empty[data-v-cfea0270]{color:var(--text-subtle, #555)}.chord-name-display.copied[data-v-cfea0270]{color:var(--accent-color)}.copy-hint[data-v-cfea0270]{color:#666;font-size:14px;flex-shrink:0}.toolbar-right[data-v-cfea0270]{display:flex;align-items:center;gap:6px;flex-shrink:0}.view-toggle-btn[data-v-cfea0270]{font-size:15px}.history-toggle[data-v-cfea0270]{position:relative;font-size:15px}.badge[data-v-cfea0270]{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent-color);color:var(--accent-text-color, #fff);font:700 10px/18px Tahoma,sans-serif;text-align:center;pointer-events:none}.visual-area[data-v-cfea0270]{flex:1;display:flex;flex-direction:column;min-height:0}.canvas-wrapper[data-v-cfea0270]{flex:1;position:relative;min-height:0}.floating-btn-group[data-v-cfea0270]{position:absolute;top:8px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:10;pointer-events:auto}.floating-view-btn[data-v-cfea0270]{width:36px;height:36px;border-radius:8px;background:var(--card-bg, rgba(34, 34, 34, .85));border:1px solid var(--border-color, #444);color:var(--text-muted, #ccc);display:grid;place-items:center;font-size:14px;cursor:pointer;pointer-events:auto;transition:all .12s ease}.floating-btn-group[data-v-cfea0270] .floating-accent-btn{width:36px;height:36px;border-radius:8px;background:var(--card-bg, rgba(34, 34, 34, .85));border:1px solid var(--border-color, #444);color:var(--btn-color);display:grid;place-items:center;font-size:14px;cursor:pointer;pointer-events:auto;transition:all .12s ease;padding:0}.floating-btn-group[data-v-cfea0270] .accent-popup{padding:8px;gap:8px;border-radius:12px}.floating-btn-group[data-v-cfea0270] .accent-btn{width:44px;height:44px;border-radius:8px}.floating-view-btn.view-override-active[data-v-cfea0270]{color:var(--accent-color);border-color:var(--accent-color)}.sheet-wrapper[data-v-cfea0270]{flex:1;min-height:0;position:relative;background:transparent}.sheet-wrapper[data-v-cfea0270] .score-panel{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.pedal-indicator-overlay[data-v-cfea0270]{position:absolute;top:8px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:20}.mobile-instrument-btn[data-v-cfea0270]{width:36px;height:36px;border-radius:8px;background:var(--card-bg, rgba(34, 34, 34, .85));color:var(--text-muted, #ccc);border:1px solid var(--border-color, #444);display:grid;place-items:center;font-size:14px;cursor:pointer;pointer-events:auto;transition:all .12s ease}.mobile-instrument-btn[data-v-cfea0270]:hover{color:var(--text-color, #fff);border-color:var(--text-muted, #666)}.mobile-instrument-btn[data-v-cfea0270]:active{transform:scale(.92)}.instrument-list[data-v-cfea0270]{display:flex;flex-direction:column;padding:16px;gap:8px;overflow-y:auto}.instrument-btn[data-v-cfea0270]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:12px;color:var(--text-color, #fff);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.instrument-btn .instrument-emoji[data-v-cfea0270]{font-size:1.2rem;width:24px;text-align:center;transition:opacity .2s}.instrument-btn[data-v-cfea0270]:active{transform:scale(.98)}.instrument-btn.active[data-v-cfea0270]{border-color:var(--accent-color, #ff4b4b);background:var(--card-hover-bg, #333)}.instrument-btn.active .instrument-emoji[data-v-cfea0270]{opacity:1}.bottom-panel[data-v-cfea0270]{display:flex;flex-direction:row;height:60px;background:transparent;flex-shrink:0;padding:0 12px;gap:8px}.strip-row[data-v-cfea0270]{flex:1;min-width:0}.replay-popup-container[data-v-cfea0270]{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.replay-trigger-btn[data-v-cfea0270]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, #444);border-radius:8px;background:var(--card-bg, #222);color:var(--text-muted, #ccc);font-size:15px;cursor:pointer;transition:all .12s ease;touch-action:manipulation}.replay-trigger-btn[data-v-cfea0270]:active{transform:scale(.94)}.replay-trigger-btn[data-v-cfea0270]:hover{border-color:var(--text-subtle, #666);color:var(--text-color, #fff)}.replay-popup[data-v-cfea0270]{position:absolute;bottom:50px;right:0;background:var(--header-bg, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, .5));display:flex;flex-direction:column;padding:4px;z-index:100;width:140px}.replay-popup button[data-v-cfea0270]{background:transparent;border:none;color:var(--text-muted, #aaa);padding:10px 12px;text-align:left;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:10px}.replay-popup button.active[data-v-cfea0270]{background:var(--accent-color-dark);color:var(--accent-text-color, #fff)}.replay-popup button i[data-v-cfea0270]{width:16px;text-align:center}.copy-toast[data-v-ab001f60]{position:fixed;top:50%;left:50%;z-index:100;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid var(--accent-color);border-radius:5px;background:var(--bg-color);box-shadow:0 10px 30px #00000080;color:var(--text-color);font-size:14px;font-weight:700;pointer-events:none;transform:translate(-50%,-50%)}.copy-toast i[data-v-ab001f60]{color:var(--accent-color)}.copy-toast-enter-active[data-v-ab001f60],.copy-toast-leave-active[data-v-ab001f60]{transition:opacity .14s ease,transform .14s ease}.copy-toast-enter-from[data-v-ab001f60],.copy-toast-leave-to[data-v-ab001f60]{opacity:0;transform:translate(-50%,calc(-50% + 8px))}.app-container[data-v-64786293]{position:relative;width:100vw;height:100dvh;background:var(--bg-color, #121212);font-family:Tahoma,Inter,sans-serif}.app-canvas[data-v-64786293]{display:block;width:100%;height:100%;touch-action:none}