@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html,body,#app{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box}*:focus{outline:none}*:focus-visible{outline:1px solid rgba(59,131,246,.5);outline-offset:2px}button:focus-visible{outline:none;box-shadow:0 0 0 2px #3b83f64d}body{background-color:#09090b;color:#a1a1aa;height:100vh;width:100vw;overflow:hidden}#app{height:100%;width:100%}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}.hidden-scrollbar::-webkit-scrollbar{display:none}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input,textarea{-webkit-appearance:none;-webkit-user-select:text;-webkit-touch-callout:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #09090b inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.form-input,.otp-box,.message-input,.search-input{-webkit-user-select:text;user-select:text}.credit-badge[data-v-0559e16a]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid #27272a;border-radius:9999px;color:#e4e4e7;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.credit-badge[data-v-0559e16a]:hover{background:#ffffff08;border-color:#52525b}.credit-badge.active[data-v-0559e16a]{background:#ffffff0d;border-color:#e4e4e7;color:#fff}.credit-badge.low[data-v-0559e16a]{color:#ef4444;border-color:#ef44444d}.credit-badge.low[data-v-0559e16a]:hover{background:#ef44440d;border-color:#ef444499}.credit-badge.critical[data-v-0559e16a]{color:#ef4444;border-color:#ef4444;background:#ef44440d;animation:pulse-border-0559e16a 2s infinite}.credit-badge.critical .icon[data-v-0559e16a]{animation:pulse-icon-0559e16a 1s ease-in-out infinite}@keyframes pulse-border-0559e16a{0%{box-shadow:0 0 #ef444466;border-color:#ef444466}70%{box-shadow:0 0 0 6px #ef444400;border-color:#ef4444}to{box-shadow:0 0 #ef444400;border-color:#ef444466}}@keyframes pulse-icon-0559e16a{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.animated-counter[data-v-87859320]{display:inline-block;font-variant-numeric:tabular-nums;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.animated-counter.going-up[data-v-87859320]{animation:bounceUp-87859320 .6s cubic-bezier(.34,1.56,.64,1)}.animated-counter.going-down[data-v-87859320]{animation:bounceDown-87859320 .4s ease-out}@keyframes bounceUp-87859320{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes bounceDown-87859320{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.credit-popover[data-v-ea1193a9]{position:absolute;top:100%;right:0;margin-top:12px;width:420px;background:#09090b;border:1px solid #27272a;border-radius:16px;box-shadow:0 20px 60px -10px #000c,0 0 0 1px #ffffff08 inset;overflow:hidden;z-index:1000;color:#e4e4e7;font-family:Inter,sans-serif;transform-origin:top right}.balance-card[data-v-ea1193a9]{padding:32px 24px;background:linear-gradient(135deg,#18181b,#09090b);border-bottom:1px solid #27272a;text-align:center;position:relative;overflow:hidden}.notice-banner[data-v-ea1193a9]{display:inline-block;margin:0 0 14px;padding:8px 10px;position:relative;z-index:1;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:#fecaca;font-size:12px;font-weight:600;letter-spacing:-.01em}.balance-card[data-v-ea1193a9]:after{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200%;height:120px;background:radial-gradient(ellipse at center top,rgba(255,248,231,.12) 0%,rgba(255,220,150,.06) 30%,rgba(255,200,100,.02) 50%,transparent 70%);pointer-events:none;filter:blur(20px);animation:glow-breathe-ea1193a9 6s ease-in-out infinite}@keyframes glow-breathe-ea1193a9{0%,to{opacity:.7;transform:translate(-50%) scale(.95)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}.balance-card[data-v-ea1193a9]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);animation:breathe-ea1193a9 8s ease-in-out infinite;pointer-events:none}@keyframes breathe-ea1193a9{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.balance-label[data-v-ea1193a9]{font-size:11px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;position:relative}.balance-amount[data-v-ea1193a9]{font-size:48px;font-weight:300;margin-bottom:8px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;position:relative;background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(255,255,255,.1))}.balance-subtitle[data-v-ea1193a9]{font-size:13px;color:#52525b;position:relative;display:flex;align-items:center;justify-content:center;gap:6px}.topup-section[data-v-ea1193a9]{padding:24px}.section-title[data-v-ea1193a9]{font-size:13px;font-weight:600;color:#a1a1aa;margin:0 0 16px;letter-spacing:-.01em}.topup-pills[data-v-ea1193a9]{display:flex;gap:12px;margin-bottom:20px}.topup-pill[data-v-ea1193a9]{flex:1;padding:16px 12px;background:transparent;border:1px solid #27272a;border-radius:12px;color:#71717a;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden}.topup-pill[data-v-ea1193a9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease;pointer-events:none}.topup-pill[data-v-ea1193a9]:hover:before{left:100%}.topup-pill[data-v-ea1193a9]:hover{border-color:#52525b;transform:translateY(-2px);background:#ffffff05;box-shadow:0 8px 24px -6px #00000080}.pill-time[data-v-ea1193a9]{font-size:15px;font-weight:600;color:#e4e4e7;transition:color .3s ease}.topup-pill:hover .pill-time[data-v-ea1193a9]{color:#fff}.pill-price[data-v-ea1193a9]{font-size:13px;color:#52525b}.pill-credits[data-v-ea1193a9]{font-size:11px;color:#3f3f46}.custom-amount-wrapper[data-v-ea1193a9]{display:flex;gap:12px;margin-bottom:12px}.custom-amount-input[data-v-ea1193a9]{flex:1;position:relative}.custom-input[data-v-ea1193a9]{width:100%;height:44px;padding:0 48px 0 16px;background:#ffffff05;border:1px solid #27272a;border-radius:10px;color:#e4e4e7;font-size:14px;font-family:Inter,sans-serif;transition:all .3s ease}.custom-input[data-v-ea1193a9]:focus{outline:none;background:#ffffff0a;border-color:#52525b;box-shadow:0 0 0 2px #ffffff05}.custom-input[data-v-ea1193a9]::placeholder{color:#3f3f46}.input-suffix[data-v-ea1193a9]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#52525b;font-size:13px;font-weight:500;pointer-events:none}.custom-price-preview[data-v-ea1193a9]{display:flex;align-items:center;padding:0 12px;height:44px;background:#ffffff05;border:1px solid #27272a;border-radius:10px;color:#a1a1aa;font-size:14px;font-weight:500;white-space:nowrap}.custom-add-button[data-v-ea1193a9]{padding:0 24px;height:44px;background:transparent;border:1px solid #27272a;border-radius:10px;color:#71717a;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;position:relative}.custom-add-button[data-v-ea1193a9]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#e4e4e7;opacity:0;transition:opacity .3s ease;z-index:0}.custom-add-button[data-v-ea1193a9]:hover{border-color:transparent;color:#09090b;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.custom-add-button[data-v-ea1193a9]:hover:before{opacity:1}.custom-add-button span[data-v-ea1193a9]{position:relative;z-index:1}.minimum-note[data-v-ea1193a9]{font-size:11px;color:#3f3f46;margin:0;text-align:center}.popover-divider[data-v-ea1193a9]{height:1px;background:#27272a;margin:0;opacity:.5}.subscription-section[data-v-ea1193a9]{padding:24px}.subscription-grid[data-v-ea1193a9]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.plans-loading[data-v-ea1193a9]{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:#52525b;font-size:13px}.subscription-card[data-v-ea1193a9]{padding:16px 8px;background:transparent;border:1px solid #27272a;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;text-align:center}.subscription-card.featured[data-v-ea1193a9],.subscription-card.current[data-v-ea1193a9]{background:#ffffff05}.subscription-card[data-v-ea1193a9]:hover{border-color:#52525b;background:#ffffff0a;transform:translateY(-2px);box-shadow:0 8px 24px -4px #0006}.plan-name[data-v-ea1193a9]{font-size:13px;font-weight:600;color:#e4e4e7;margin-bottom:4px}.plan-minutes[data-v-ea1193a9]{font-size:11px;color:#71717a;margin-bottom:6px}.plan-price[data-v-ea1193a9]{font-size:12px;color:#a1a1aa;font-weight:500}.popular-badge[data-v-ea1193a9],.current-badge[data-v-ea1193a9]{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:100px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003}.popular-badge[data-v-ea1193a9]{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.current-badge[data-v-ea1193a9]{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.subscription-note[data-v-ea1193a9]{font-size:11px;color:#52525b;text-align:center;margin:0;cursor:pointer;transition:color .2s}.subscription-note[data-v-ea1193a9]:hover{color:#a1a1aa}.popover-footer[data-v-ea1193a9]{padding:12px 24px;background:#09090b;border-top:1px solid #27272a;display:flex;align-items:center;justify-content:center;gap:6px}.stripe-lock[data-v-ea1193a9]{color:#52525b;flex-shrink:0}.stripe-text[data-v-ea1193a9]{font-size:11px;color:#52525b;font-weight:500}.payment-processing[data-v-ea1193a9],.payment-success[data-v-ea1193a9]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;gap:16px}.spinner[data-v-ea1193a9]{animation:spin-ea1193a9 1s linear infinite;color:#e4e4e7}@keyframes spin-ea1193a9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text[data-v-ea1193a9]{font-size:14px;color:#a1a1aa;animation:pulse-text-ea1193a9 2s ease-in-out infinite}.processing-subtext[data-v-ea1193a9]{font-size:12px;color:#52525b;margin-top:-8px}.cancel-button[data-v-ea1193a9]{margin-top:8px;padding:8px 20px;background:transparent;border:1px solid #3f3f46;border-radius:8px;color:#71717a;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button[data-v-ea1193a9]:hover{border-color:#52525b;color:#a1a1aa;background:#ffffff05}@keyframes pulse-text-ea1193a9{0%,to{opacity:.6}50%{opacity:1}}.success-icon[data-v-ea1193a9]{color:#10b981;filter:drop-shadow(0 0 10px rgba(16,185,129,.4));animation:popIn-ea1193a9 .5s cubic-bezier(.175,.885,.32,1.275)}.success-icon-small[data-v-ea1193a9]{color:#10b981;filter:drop-shadow(0 0 6px rgba(16,185,129,.5))}@keyframes popIn-ea1193a9{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-label[data-v-ea1193a9]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:1px;animation:fadeSlideIn-ea1193a9 .4s ease-out}.success-amount[data-v-ea1193a9]{animation:countUpGlow-ea1193a9 1.2s ease-out}@keyframes countUpGlow-ea1193a9{0%{filter:drop-shadow(0 0 20px rgba(16,185,129,.6))}50%{filter:drop-shadow(0 0 40px rgba(16,185,129,.8))}to{filter:drop-shadow(0 4px 12px rgba(255,255,255,.1))}}.success-added[data-v-ea1193a9]{font-size:14px;color:#10b981;font-weight:500;animation:fadeSlideIn-ea1193a9 .5s ease-out .3s both}@keyframes fadeSlideIn-ea1193a9{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.success-text[data-v-ea1193a9]{font-size:15px;color:#e4e4e7;font-weight:500}.payment-error[data-v-ea1193a9]{margin-top:12px;padding:8px 12px;border:1px solid rgba(220,38,38,.2);background:#dc26260d;border-radius:8px;color:#f87171;font-size:12px;text-align:center}.topup-pill[data-v-ea1193a9]:disabled,.subscription-card[data-v-ea1193a9]:disabled,.custom-add-button[data-v-ea1193a9]:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.popover-enter-active[data-v-ea1193a9],.popover-leave-active[data-v-ea1193a9]{transition:all .3s cubic-bezier(.16,1,.3,1)}.popover-enter-from[data-v-ea1193a9],.popover-leave-to[data-v-ea1193a9]{opacity:0;transform:translateY(-12px) scale(.96)}.unlimited-badge[data-v-f77a15c9]{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden}.unlimited-badge[data-v-f77a15c9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .5s ease}.unlimited-badge[data-v-f77a15c9]:hover:before{left:100%;transition:left .8s ease}.infinity-icon[data-v-f77a15c9]{color:#fbbf24;position:relative;z-index:1;transition:filter .3s ease}.badge-text[data-v-f77a15c9]{font-size:12px;font-weight:500;color:#fbbf24;letter-spacing:.08em;position:relative;z-index:1}.unlimited-badge:hover .infinity-icon[data-v-f77a15c9]{filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}@media (max-width: 640px){.badge-text[data-v-f77a15c9]{display:none}.unlimited-badge[data-v-f77a15c9]{padding:6px 8px}}.grid-selector[data-v-6451e71b]{position:relative;z-index:100}.grid-button[data-v-6451e71b]{min-width:60px;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff9;transition:all .15s ease;position:relative;z-index:1}.grid-button[data-v-6451e71b]:hover{color:#ffffffe6}.grid-button[data-v-6451e71b]:active{transform:scale(.98)}.grid-label[data-v-6451e71b]{font-size:8px;font-weight:600;letter-spacing:.5px;opacity:.5;text-transform:uppercase;line-height:1}.grid-value[data-v-6451e71b]{font-size:11px;font-weight:500;line-height:1;color:#ffffffe6}.dropdown-menu[data-v-6451e71b]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:200px;background:#0a0a0cf2;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border:.5px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #000c,0 8px 24px #0009,0 1px 2px #0006,inset 0 .5px #ffffff0d,inset 0 -.5px #00000080;overflow:hidden;z-index:10000}.dropdown-content[data-v-6451e71b]{padding:8px;max-height:400px;overflow-y:auto}.option-group[data-v-6451e71b]{margin-bottom:12px}.option-group[data-v-6451e71b]:last-child{margin-bottom:0}.group-label[data-v-6451e71b]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6;padding:4px 12px;margin-bottom:4px}.menu-item[data-v-6451e71b]{width:100%;padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;color:#ffffffb3;font-size:13px;font-weight:400;transition:all .15s ease;display:block}.menu-item[data-v-6451e71b]:hover{background:#ffffff14;color:#ffffffe6}.menu-item.active[data-v-6451e71b]{background:#3b83f640;color:#fff;font-weight:500}.dropdown-enter-active[data-v-6451e71b],.dropdown-leave-active[data-v-6451e71b]{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from[data-v-6451e71b],.dropdown-leave-to[data-v-6451e71b]{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}.dropdown-content[data-v-6451e71b]::-webkit-scrollbar{width:4px}.dropdown-content[data-v-6451e71b]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.dropdown-content[data-v-6451e71b]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dropdown-content[data-v-6451e71b]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.snap-selector[data-v-cfc7ef7e]{position:relative;z-index:100}.snap-button[data-v-cfc7ef7e]{min-width:60px;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff9;transition:all .15s ease;position:relative;z-index:1}.snap-button[data-v-cfc7ef7e]:hover{color:#ffffffe6}.snap-button[data-v-cfc7ef7e]:active{transform:scale(.98)}.snap-button.active[data-v-cfc7ef7e]{color:#3b83f6e6}.snap-button.active .button-value[data-v-cfc7ef7e],.snap-button.active .chevron-icon[data-v-cfc7ef7e]{color:#3b83f6}.button-value-row[data-v-cfc7ef7e]{display:flex;align-items:center;gap:4px;padding:2px 4px;margin:-2px -4px;border-radius:4px;transition:background-color .15s ease}.chevron-icon[data-v-cfc7ef7e]{opacity:.6;transition:all .2s ease}.snap-button:hover .chevron-icon[data-v-cfc7ef7e]{opacity:.9}.button-label[data-v-cfc7ef7e]{font-size:8px;font-weight:600;letter-spacing:.5px;opacity:.5;text-transform:uppercase;line-height:1}.button-value[data-v-cfc7ef7e]{font-size:11px;font-weight:500;line-height:1;color:#ffffffe6}.dropdown-menu[data-v-cfc7ef7e]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:180px;background:#0a0a0cf2;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border:.5px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #000c,0 8px 24px #0009,0 1px 2px #0006,inset 0 .5px #ffffff0d,inset 0 -.5px #00000080;overflow:hidden;z-index:10000}.dropdown-content[data-v-cfc7ef7e]{padding:8px}.menu-item[data-v-cfc7ef7e]{width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;color:#ffffffb3;transition:all .15s ease;display:flex;flex-direction:column;gap:2px}.menu-item[data-v-cfc7ef7e]:hover{background:#ffffff14;color:#ffffffe6}.menu-item.active[data-v-cfc7ef7e]{background:#3b83f640;color:#fff}.mode-label[data-v-cfc7ef7e]{font-size:13px;font-weight:500}.mode-description[data-v-cfc7ef7e]{font-size:11px;opacity:.6;line-height:1.3}.dropdown-enter-active[data-v-cfc7ef7e],.dropdown-leave-active[data-v-cfc7ef7e]{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from[data-v-cfc7ef7e],.dropdown-leave-to[data-v-cfc7ef7e]{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}.app-header[data-v-8d15f0b8]{display:flex;align-items:center;justify-content:space-between;height:48px;background:transparent;padding:0 20px;position:relative;z-index:100}.header-section[data-v-8d15f0b8]{display:flex;align-items:center}.tools-section[data-v-8d15f0b8]{flex:0 0 auto}.transport-section[data-v-8d15f0b8]{flex:1;justify-content:center}.options-section[data-v-8d15f0b8]{flex:0 0 auto}.credits-section[data-v-8d15f0b8]{flex:0 0 auto;margin-left:8px}.tool-group[data-v-8d15f0b8]{display:flex;align-items:center;gap:2px}.tool-button[data-v-8d15f0b8]{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .15s ease}.tool-button[data-v-8d15f0b8]:hover{color:#fffc}.tool-button.active[data-v-8d15f0b8]{color:#3b83f6}.transport-group[data-v-8d15f0b8]{display:flex;align-items:center;gap:4px}.transport-button[data-v-8d15f0b8]{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .15s ease}.transport-button[data-v-8d15f0b8]:hover{color:#fff}.play-button.is-playing[data-v-8d15f0b8]{color:#ffffff80}.metronome-button[data-v-8d15f0b8]{color:#fff6}.metronome-button.is-enabled[data-v-8d15f0b8]{color:#64c8ffe6}.metronome-button .pendulum[data-v-8d15f0b8]{transform-origin:11px 18px}.metronome-button.is-swinging .pendulum[data-v-8d15f0b8]{animation:pendulum-swing-8d15f0b8 1s ease-in-out infinite}@keyframes pendulum-swing-8d15f0b8{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.step-input-button[data-v-8d15f0b8]{color:#fff6}.step-input-button.is-enabled[data-v-8d15f0b8]{color:#64ff96e6}.qwerty-note-input-button[data-v-8d15f0b8]{color:#fff6}.qwerty-note-input-button.is-enabled[data-v-8d15f0b8]{color:#79bffff5}.record-button[data-v-8d15f0b8]{display:flex;align-items:center;justify-content:center;gap:0;padding:6px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#ffffff80;transition:all .15s ease;overflow:hidden}.record-button[data-v-8d15f0b8]:hover{color:#f44c}.record-button .arm-label[data-v-8d15f0b8]{font-size:10px;font-weight:600;letter-spacing:.5px;color:#f44;max-width:0;opacity:0;overflow:hidden;transition:all .2s ease}.record-button.is-armed[data-v-8d15f0b8]{gap:4px}.record-button.is-armed .record-icon[data-v-8d15f0b8]{fill:#f44;color:#f44;animation:recordBlink-8d15f0b8 1.2s ease-in-out infinite}.record-button.is-armed .arm-label[data-v-8d15f0b8]{max-width:40px;opacity:1;animation:recordBlink-8d15f0b8 1.2s ease-in-out infinite}.record-button.is-recording .record-icon[data-v-8d15f0b8]{fill:#f44;color:#f44}.record-button.is-recording .arm-label[data-v-8d15f0b8]{max-width:0;opacity:0}.dropdown-menu[data-v-8d15f0b8]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:160px;background:#0a0a0cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080;overflow:hidden;z-index:1000}.dropdown-content[data-v-8d15f0b8]{padding:4px}.menu-item[data-v-8d15f0b8]{width:100%;padding:8px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;text-align:left;color:#ffffffb3;transition:all .15s ease;display:flex;flex-direction:column;gap:2px}.menu-item[data-v-8d15f0b8]:hover{background:#ff44441a;color:#fff}.menu-item.active[data-v-8d15f0b8]{background:#f443;color:#fff}.mode-label[data-v-8d15f0b8]{font-size:12px;font-weight:500}.mode-description[data-v-8d15f0b8]{font-size:10px;opacity:.6}.options-group[data-v-8d15f0b8]{display:flex;align-items:center;gap:0}.option-button[data-v-8d15f0b8]{padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff9;transition:all .15s ease}.option-button[data-v-8d15f0b8]:hover{color:#ffffffe6}.option-label[data-v-8d15f0b8]{font-size:8px;font-weight:600;letter-spacing:.5px;opacity:.5;text-transform:uppercase}.option-value[data-v-8d15f0b8]{font-size:11px;font-weight:500;color:#ffffffe6}.separator[data-v-8d15f0b8]{width:1px;height:20px;background:#ffffff1a;margin:0 4px}.credit-container[data-v-8d15f0b8]{position:relative}.dropdown-enter-active[data-v-8d15f0b8],.dropdown-leave-active[data-v-8d15f0b8]{transition:all .15s ease}.dropdown-enter-from[data-v-8d15f0b8],.dropdown-leave-to[data-v-8d15f0b8]{opacity:0;transform:translate(-50%) translateY(-8px)}@keyframes recordBlink-8d15f0b8{0%,to{opacity:1}50%{opacity:.2}}.filter-section-component[data-v-04df7835]{margin-bottom:8px}.search-filter-header[data-v-04df7835]{display:flex;align-items:center;gap:4px;height:48px;padding:0 4px 0 0}.search-container[data-v-04df7835]{flex:1;position:relative;display:flex;align-items:center}.search-container[data-v-04df7835]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;box-shadow:0 0 8px 1px #ffffff4d;transform:scaleX(0);transition:transform .4s cubic-bezier(.19,1,.22,1);transform-origin:center;opacity:0}.search-container[data-v-04df7835]:focus-within:after{transform:scaleX(1);opacity:1}.search-icon[data-v-04df7835]{position:absolute;left:0;color:#52525b;pointer-events:none;transition:all .3s ease;z-index:1}.search-container:focus-within .search-icon[data-v-04df7835]{color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.search-input[data-v-04df7835]{width:100%;height:32px;padding:0 24px 0 22px;background:transparent;border:none;color:#fff;font-size:13px;font-family:Inter,sans-serif;font-weight:400;transition:all .2s ease}.search-input[data-v-04df7835]::placeholder{color:#3f3f46;transition:color .3s ease}.search-input[data-v-04df7835]:focus{outline:none}.search-input[data-v-04df7835]:focus::placeholder{color:#52525b}.search-clear[data-v-04df7835]{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#52525b;cursor:pointer;transition:all .2s;z-index:1}.search-clear[data-v-04df7835]:hover{color:#fff}.filter-toggle-button[data-v-04df7835]{display:flex;align-items:center;gap:4px;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .15s ease;flex-shrink:0;justify-content:center}.filter-toggle-button[data-v-04df7835]:hover{color:#fffc}.filter-toggle-button[data-v-04df7835]:has(.filter-count){width:auto;padding:0 8px;gap:4px}.filter-count[data-v-04df7835]{font-size:11px;font-weight:600;color:gold;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#ffd70026;border-radius:8px;padding:0 4px}.filter-toggle-icon[data-v-04df7835]{transition:all .2s ease}.filter-toggle-button.active[data-v-04df7835]{color:#fffc}.filter-toggle-button.active .filter-toggle-icon[data-v-04df7835]{color:gold}.collapse-button[data-v-04df7835]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:#ffffff4d;cursor:pointer;transition:all .15s ease;flex-shrink:0}.collapse-button[data-v-04df7835]:hover{color:#fff9}.filter-content[data-v-04df7835]{margin-top:12px;padding:0 12px}.filter-group[data-v-04df7835]{margin-bottom:12px}.filter-label[data-v-04df7835]{display:block;font-size:11px;font-weight:600;color:#fff6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.sort-options[data-v-04df7835]{display:flex;gap:4px;margin-bottom:4px}.sort-option[data-v-04df7835]{flex:1;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff9;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center}.sort-option[data-v-04df7835]:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fffc}.sort-option.active[data-v-04df7835]{background:#ffd70026;border-color:#ffd7004d;color:gold}.filter-pills[data-v-04df7835]{display:flex;flex-wrap:wrap;gap:6px}.filter-pill[data-v-04df7835]{padding:6px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff9;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:6px}.provider-pill[data-v-04df7835]{gap:6px}.provider-logo[data-v-04df7835]{width:16px;height:16px;border-radius:4px;object-fit:cover}.filter-pill[data-v-04df7835]:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fffc}.filter-pill.active[data-v-04df7835]{background:#ffd70026;border-color:#ffd7004d;color:gold;box-shadow:0 0 12px #ffd70026}.clear-filters[data-v-04df7835]{margin-top:8px;padding:4px 8px;background:transparent;border:none;color:#ffd70099;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:underline;text-underline-offset:2px}.clear-filters[data-v-04df7835]:hover{color:#ffd700cc}.filter-expand-enter-active[data-v-04df7835],.filter-expand-leave-active[data-v-04df7835]{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.filter-expand-enter-from[data-v-04df7835],.filter-expand-leave-to[data-v-04df7835]{opacity:0;max-height:0}.filter-expand-enter-to[data-v-04df7835],.filter-expand-leave-from[data-v-04df7835]{opacity:1;max-height:300px}.favorites-section-component[data-v-973b8c2b]{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.section-header-button[data-v-973b8c2b]{display:flex;align-items:center;gap:6px;width:100%;padding:6px 12px;background:transparent;border:none;color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .2s;border-radius:6px;margin-bottom:4px}.section-header-button[data-v-973b8c2b]:hover{background:#ffffff08;color:#fffc}.favorites-count[data-v-973b8c2b]{font-size:11px;color:#ffd70099;font-weight:500;text-transform:none;letter-spacing:normal}.section-toggle-icon[data-v-973b8c2b]{margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-toggle-icon.rotated[data-v-973b8c2b]{transform:rotate(180deg)}.favorites-content[data-v-973b8c2b]{overflow:hidden}.favorites-grid[data-v-973b8c2b]{display:flex;gap:8px;overflow-x:auto;padding:4px 12px 8px}.favorites-grid[data-v-973b8c2b]::-webkit-scrollbar{height:4px}.favorites-grid[data-v-973b8c2b]::-webkit-scrollbar-track{background:transparent}.favorites-grid[data-v-973b8c2b]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.favorite-instrument[data-v-973b8c2b]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative;width:60px}.favorite-add[data-v-973b8c2b]{position:absolute;top:6px;right:6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#ffffffa6;opacity:0;transform:translateY(-2px);transition:all .2s;cursor:pointer}.favorite-instrument:hover .favorite-add[data-v-973b8c2b],.favorite-instrument.selected .favorite-add[data-v-973b8c2b]{opacity:1;transform:translateY(0)}.favorite-add[data-v-973b8c2b]:hover{color:#facc15f2;border-color:#facc154d;background:#facc151f}.favorite-instrument[data-v-973b8c2b]:hover{background:#ffffff0d;border-color:#ffd70033;transform:translateY(-1px);box-shadow:0 4px 12px #ffd7001a}.favorite-instrument.selected[data-v-973b8c2b]{background:#ffd70014;border-color:#ffd7004d}.favorite-thumbnail[data-v-973b8c2b]{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#ffffffe6;position:relative;overflow:visible}.favorite-initial[data-v-973b8c2b]{z-index:1}.favorite-provider-badge[data-v-973b8c2b]{position:absolute;bottom:-4px;right:-4px;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.3);object-fit:cover;background-color:#141414b3}.favorite-image[data-v-973b8c2b]{width:100%;height:100%;object-fit:cover;border-radius:5px}.favorite-name[data-v-973b8c2b]{font-size:11px;color:#fff9;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorites-expand-enter-active[data-v-973b8c2b],.favorites-expand-leave-active[data-v-973b8c2b]{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.favorites-expand-enter-from[data-v-973b8c2b],.favorites-expand-leave-to[data-v-973b8c2b]{opacity:0;max-height:0}.favorites-expand-enter-to[data-v-973b8c2b],.favorites-expand-leave-from[data-v-973b8c2b]{opacity:1;max-height:200px}.instrument-card-component[data-v-d0ed5987]{position:relative;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden;border:1px solid transparent}.instrument-card-component[data-v-d0ed5987]:hover{background:#ffffff08;border-color:#ffffff0d;box-shadow:0 4px 20px -4px #0000004d}.instrument-card-component.selected[data-v-d0ed5987]{background:linear-gradient(90deg,#ffffff0d,#ffffff03);border-color:#ffffff1a;box-shadow:inset 1px 0 #fff3,0 4px 12px #0003}.instrument-card-component[data-v-d0ed5987]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .6s ease;pointer-events:none;z-index:0}.instrument-card-component[data-v-d0ed5987]:hover:before{left:100%}.card-main[data-v-d0ed5987]{display:flex;align-items:center;padding:8px 12px;gap:12px;position:relative;z-index:1}.instrument-thumbnail[data-v-d0ed5987]{width:36px;height:36px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:transform .3s ease}.instrument-card-component:hover .instrument-thumbnail[data-v-d0ed5987]{border-color:#ffffff1a}.instrument-image[data-v-d0ed5987]{width:100%;height:100%;object-fit:cover}.thumbnail-initial[data-v-d0ed5987]{font-size:14px;font-weight:600;color:#fff6}.instrument-info[data-v-d0ed5987]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.instrument-name[data-v-d0ed5987]{font-size:13px;font-weight:500;color:#e4e4e7;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.instrument-card-component.selected .instrument-name[data-v-d0ed5987]{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.2)}.instrument-meta[data-v-d0ed5987]{display:flex;align-items:center}.instrument-provider[data-v-d0ed5987]{font-size:11px;color:#71717a;font-weight:400}.card-actions[data-v-d0ed5987]{display:flex;gap:4px;opacity:0;transform:translate(10px);transition:all .3s cubic-bezier(.2,.8,.2,1)}.instrument-card-component:hover .card-actions[data-v-d0ed5987],.instrument-card-component.selected .card-actions[data-v-d0ed5987],.instrument-card-component.expanded .card-actions[data-v-d0ed5987]{opacity:1;transform:translate(0)}.action-button[data-v-d0ed5987]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#71717a;border-radius:4px;cursor:pointer;transition:all .2s}.action-button[data-v-d0ed5987]:hover{background:#ffffff1a;color:#e4e4e7}.add-button[data-v-d0ed5987]:hover{background:#facc151f;color:#fbbf24}.favorite-button.active[data-v-d0ed5987]{color:#fbbf24}.preview-button.playing[data-v-d0ed5987]{color:#34d399;background:#34d3991a}.info-button.active[data-v-d0ed5987]{color:#e4e4e7;background:#ffffff1a}.card-expanded[data-v-d0ed5987]{padding:0 12px 12px 60px;position:relative;z-index:1}.instrument-description[data-v-d0ed5987]{font-size:12px;color:#a1a1aa;line-height:1.5;margin-bottom:8px}.instrument-features[data-v-d0ed5987]{display:flex;flex-wrap:wrap;gap:6px}.feature-tag[data-v-d0ed5987]{padding:2px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:4px;font-size:10px;color:#71717a;transition:all .2s}.feature-tag[data-v-d0ed5987]:hover{background:#ffffff14;color:#e4e4e7}.expand-enter-active[data-v-d0ed5987],.expand-leave-active[data-v-d0ed5987]{transition:all .3s cubic-bezier(.2,.8,.2,1);max-height:200px;opacity:1}.expand-enter-from[data-v-d0ed5987],.expand-leave-to[data-v-d0ed5987]{max-height:0;opacity:0;transform:translateY(-4px)}.instruments-list-display-component[data-v-8c142132]{display:flex;flex-direction:column;gap:16px}.provider-group[data-v-8c142132]{margin-bottom:8px}.provider-header[data-v-8c142132]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .2s;border-radius:6px;margin-bottom:8px}.provider-header[data-v-8c142132]:hover{background:#ffffff08;color:#fffc}.provider-header-logo[data-v-8c142132]{width:20px;height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}.provider-title[data-v-8c142132]{font-size:13px;font-weight:600;margin:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-count[data-v-8c142132]{font-size:11px;background:#ffffff0d;padding:2px 6px;border-radius:10px;color:#ffffff80}.provider-toggle-icon[data-v-8c142132]{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.provider-toggle-icon.rotated[data-v-8c142132]{transform:rotate(-90deg)}.instruments-grid[data-v-8c142132]{display:flex;flex-direction:column;gap:8px;padding-left:28px}.instruments-grid.flat-list[data-v-8c142132]{padding-left:0}.provider-expand-enter-active[data-v-8c142132],.provider-expand-leave-active[data-v-8c142132]{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.provider-expand-enter-from[data-v-8c142132],.provider-expand-leave-to[data-v-8c142132]{opacity:0;max-height:0}.provider-expand-enter-to[data-v-8c142132],.provider-expand-leave-from[data-v-8c142132]{opacity:1;max-height:2000px}.no-results[data-v-8c142132]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;animation:fadeIn-8c142132 .4s ease-out}.no-results-icon-container[data-v-8c142132]{width:56px;height:56px;border-radius:50%;background:#ffffff05;border:1px solid #27272a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 20px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.no-results-icon[data-v-8c142132]{color:#52525b;transition:all .3s ease}.no-results:hover .no-results-icon-container[data-v-8c142132]{border-color:#3f3f46;background:#ffffff0a;transform:translateY(-2px)}.no-results:hover .no-results-icon[data-v-8c142132]{color:#e4e4e7}.no-results-title[data-v-8c142132]{font-size:14px;font-weight:500;color:#e4e4e7;margin:0 0 8px}.no-results-desc[data-v-8c142132]{font-size:13px;color:#71717a;margin:0 0 24px;max-width:220px;line-height:1.5}.clear-filters-btn[data-v-8c142132]{padding:8px 20px;background:transparent;border:1px solid #27272a;border-radius:9999px;color:#a1a1aa;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.clear-filters-btn[data-v-8c142132]:hover{border-color:#52525b;color:#fff;background:#ffffff08;transform:translateY(-1px);box-shadow:0 4px 12px #0003}@keyframes fadeIn-8c142132{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collapsed-view-component[data-v-a93af29f]{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:16px;overflow-y:auto;overflow-x:hidden}.collapsed-section[data-v-a93af29f]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.collapsed-section-icon[data-v-a93af29f]{color:#fff6;margin-bottom:4px}.collapsed-instruments[data-v-a93af29f]{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.collapsed-instrument[data-v-a93af29f]{position:relative;cursor:pointer;transition:all .2s;display:flex;justify-content:center}.collapsed-thumbnail[data-v-a93af29f]{width:48px;height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background-size:cover;background-position:center}.collapsed-image[data-v-a93af29f]{width:100%;height:100%;object-fit:cover;border-radius:9px}.collapsed-initial[data-v-a93af29f]{font-size:18px;font-weight:600;color:#ffffffe6;text-transform:uppercase;z-index:1}.collapsed-instrument:hover .collapsed-thumbnail[data-v-a93af29f]{transform:scale(1.08);border-color:#ffffff26;box-shadow:0 4px 16px #0000004d}.collapsed-instrument.selected .collapsed-thumbnail[data-v-a93af29f]{border-color:#ffd70080;box-shadow:0 0 20px #ffd70033,inset 0 0 10px #ffd7001a}.collapsed-instrument.selected .collapsed-initial[data-v-a93af29f]{color:gold}.collapsed-instrument.selected .collapsed-image[data-v-a93af29f]{filter:brightness(1.1)}.no-items-collapsed[data-v-a93af29f]{min-height:50px}.collapsed-view-component[data-v-a93af29f]::-webkit-scrollbar{width:4px}.collapsed-view-component[data-v-a93af29f]::-webkit-scrollbar-track{background:transparent}.collapsed-view-component[data-v-a93af29f]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.collapsed-view-component[data-v-a93af29f]::-webkit-scrollbar-thumb:hover{background:#ffffff26}.instruments-sidebar[data-v-7e3fe27e]{position:relative;width:280px;height:100%;background:transparent;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;z-index:10}.instruments-sidebar.collapsed[data-v-7e3fe27e]{width:48px}.instruments-sidebar.resizing[data-v-7e3fe27e]{transition:none}.resize-handle[data-v-7e3fe27e]{position:absolute;top:0;left:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background .2s ease;z-index:20}.resize-handle[data-v-7e3fe27e]:hover{background:#ffffff1a}.resize-handle[data-v-7e3fe27e]:active,.instruments-sidebar.resizing .resize-handle[data-v-7e3fe27e]{background:#facc154d}.collapsed-header[data-v-7e3fe27e]{padding:8px;display:flex;justify-content:center}.expand-btn[data-v-7e3fe27e]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s}.expand-btn[data-v-7e3fe27e]:hover{color:#e4e4e7}.sidebar-content[data-v-7e3fe27e]{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 12px 8px}.loading-state[data-v-7e3fe27e],.auth-loading-state[data-v-7e3fe27e],.error-state[data-v-7e3fe27e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#52525b;text-align:center;flex-grow:1}.loading-spinner[data-v-7e3fe27e]{width:48px;height:48px;border:2px solid #27272a;border-radius:50%;border-top-color:#e4e4e7;animation:spin-7e3fe27e 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin-7e3fe27e{to{transform:rotate(360deg)}}.loading-state p[data-v-7e3fe27e],.auth-loading-state p[data-v-7e3fe27e]{font-size:13px;margin:0}.error-icon[data-v-7e3fe27e]{margin-bottom:16px;opacity:.5}.error-state p[data-v-7e3fe27e]{font-size:13px;margin:0 0 16px;line-height:1.5}.retry-button[data-v-7e3fe27e]{padding:8px 16px;background:transparent;border:1px solid #27272a;border-radius:6px;color:#71717a;font-size:13px;cursor:pointer;transition:all .2s}.retry-button[data-v-7e3fe27e]:hover{border-color:#52525b;color:#e4e4e7}.not-authenticated-state[data-v-7e3fe27e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#52525b;text-align:center;flex-grow:1}.not-authenticated-state .empty-icon[data-v-7e3fe27e]{margin-bottom:16px;opacity:.5}.not-authenticated-state p[data-v-7e3fe27e]{font-size:13px;margin:0}.sidebar-content[data-v-7e3fe27e]::-webkit-scrollbar{width:6px}.sidebar-content[data-v-7e3fe27e]::-webkit-scrollbar-track{background:transparent}.sidebar-content[data-v-7e3fe27e]::-webkit-scrollbar-thumb{background:#27272a;border-radius:3px}.sidebar-content[data-v-7e3fe27e]::-webkit-scrollbar-thumb:hover{background:#3f3f46}.reverb-dial[data-v-9642485e]{position:relative;-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0}.reverb-dial:hover .dial-svg[data-v-9642485e]{opacity:1}.reverb-dial[data-v-9642485e]:active{cursor:grabbing}.dial-svg[data-v-9642485e]{width:100%;height:100%;opacity:.9;transition:opacity .2s}.dial-label[data-v-9642485e]{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.volume-fader[data-v-9856ecfe]{position:relative;height:16px;flex:1;min-width:60px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.fader-track[data-v-9856ecfe]{position:absolute;left:0;right:0;height:3px;background:#ffffff0f;border-radius:1.5px;overflow:hidden}.fader-fill[data-v-9856ecfe]{height:100%;background:#fff3;border-radius:1.5px;transition:width .05s ease-out}.fader-thumb[data-v-9856ecfe]{position:absolute;width:8px;height:8px;background:#ffffff80;border-radius:50%;transform:translate(-50%);transition:all .15s ease}.volume-fader:hover .fader-thumb[data-v-9856ecfe]{background:#ffffffb3;transform:translate(-50%) scale(1.2)}.volume-fader:active .fader-thumb[data-v-9856ecfe]{background:#ffffffe6;transform:translate(-50%) scale(1.3)}.volume-fader:hover .fader-track[data-v-9856ecfe]{background:#ffffff14}.volume-fader:hover .fader-fill[data-v-9856ecfe]{background:#ffffff4d}.preset-carousel[data-v-5bcae50a]{display:flex;align-items:center;gap:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 6px;height:32px;transition:all .2s}.preset-carousel[data-v-5bcae50a]:hover{background:#ffffff08;border-color:#ffffff1a}.carousel-arrow[data-v-5bcae50a]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:3px;color:#ffffff80;cursor:pointer;transition:all .2s;flex-shrink:0}.carousel-arrow[data-v-5bcae50a]:hover:not(:disabled){background:#ffffff14;color:#fffc}.carousel-arrow[data-v-5bcae50a]:disabled{opacity:.3;cursor:not-allowed}.preset-display[data-v-5bcae50a]{flex:1;text-align:center;min-width:0}.preset-name[data-v-5bcae50a]{font-size:11px;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.preset-category[data-v-5bcae50a]{font-size:9px;color:#ffffff80;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.project-toolbar[data-v-cb4a6331]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:4px 12px 0;flex-shrink:0}.project-toolbar.collapsed[data-v-cb4a6331]{height:auto;flex-direction:column;padding:8px}.toolbar-actions[data-v-cb4a6331]{display:flex;align-items:center;gap:2px}.collapsed-actions[data-v-cb4a6331]{display:flex;flex-direction:column;align-items:center;gap:4px}.toolbar-button[data-v-cb4a6331]{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .15s ease}.toolbar-button[data-v-cb4a6331]:hover{color:#fffc}.toolbar-button[data-v-cb4a6331]:active{transform:scale(.95)}.collapse-button[data-v-cb4a6331]{margin-left:auto}.project-toolbar.collapsed .toolbar-button[data-v-cb4a6331]{width:36px;height:36px}.project-toolbar.collapsed .collapsed-actions[data-v-cb4a6331]{gap:2px}.project-toolbar.collapsed .toolbar-button[data-v-cb4a6331]:first-child{margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.dropdown[data-v-263fe0db]{position:relative;width:100%}.dropdown-trigger[data-v-263fe0db]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s;text-align:left}.dropdown-trigger[data-v-263fe0db]:hover{background:#ffffff14;border-color:#fff3}.dropdown-trigger[data-v-263fe0db]:focus{outline:none;border-color:#ffd70080}.dropdown-label[data-v-263fe0db]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon[data-v-263fe0db]{flex-shrink:0;margin-left:8px;color:#ffffff80;transition:transform .2s}.dropdown-icon.is-open[data-v-263fe0db]{transform:rotate(180deg)}.dropdown-menu[data-v-263fe0db]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1b1c1e;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 4px 12px #0000004d;overflow:hidden;z-index:1000;max-height:240px;overflow-y:auto}.dropdown-option[data-v-263fe0db]{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:#fffc;font-size:12px;text-align:left;cursor:pointer;transition:all .15s}.dropdown-option[data-v-263fe0db]:hover{background:#ffffff0d;color:#fff}.dropdown-option.is-selected[data-v-263fe0db]{background:#ffd7001a;color:gold;font-weight:500}.dropdown-option.is-selected[data-v-263fe0db]:hover{background:#ffd70026}.dropdown-enter-active[data-v-263fe0db],.dropdown-leave-active[data-v-263fe0db]{transition:all .2s ease}.dropdown-enter-from[data-v-263fe0db],.dropdown-leave-to[data-v-263fe0db]{opacity:0;transform:translateY(-4px)}.dropdown-menu[data-v-263fe0db]::-webkit-scrollbar{width:4px}.dropdown-menu[data-v-263fe0db]::-webkit-scrollbar-track{background:transparent}.dropdown-menu[data-v-263fe0db]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dropdown-menu[data-v-263fe0db]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.keyboard-shortcuts[data-v-c3cf3f94]{display:flex;flex-direction:column;height:100%;background:transparent;color:#e4e4e7;font-family:Inter,sans-serif}.shortcuts-header[data-v-c3cf3f94]{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:transparent;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.03)}.header-left[data-v-c3cf3f94]{display:flex;align-items:center;gap:8px}.back-btn[data-v-c3cf3f94]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:#71717a;cursor:pointer;transition:all .2s ease;margin-left:-4px}.back-btn[data-v-c3cf3f94]:hover{background:#ffffff0d;color:#e4e4e7}.close-btn[data-v-c3cf3f94]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:#52525b;cursor:pointer;transition:all .2s ease}.close-btn[data-v-c3cf3f94]:hover{background:#ffffff0d;color:#e4e4e7}.shortcuts-title[data-v-c3cf3f94]{font-size:14px;font-weight:600;margin:0;color:#e4e4e7;letter-spacing:-.01em}.shortcuts-controls[data-v-c3cf3f94]{display:flex;flex-direction:column;gap:8px;padding:8px 12px 12px;border-bottom:1px solid #27272a}.preset-dropdown[data-v-c3cf3f94]{width:100%}.control-actions[data-v-c3cf3f94]{display:flex;gap:4px}.icon-btn[data-v-c3cf3f94]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 8px;background:transparent;border:1px solid #27272a;border-radius:6px;color:#71717a;font-size:11px;cursor:pointer;transition:all .2s ease}.icon-btn span[data-v-c3cf3f94]{font-weight:500}.icon-btn[data-v-c3cf3f94]:hover{border-color:#52525b;color:#e4e4e7;background:#ffffff05}.search-container[data-v-c3cf3f94]{position:relative;display:flex;align-items:center;width:100%}.search-container[data-v-c3cf3f94]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;box-shadow:0 0 8px 1px #ffffff4d;transform:scaleX(0);transition:transform .4s cubic-bezier(.19,1,.22,1);transform-origin:center;opacity:0}.search-container[data-v-c3cf3f94]:focus-within:after{transform:scaleX(1);opacity:1}.search-icon[data-v-c3cf3f94]{position:absolute;left:0;color:#52525b;pointer-events:none;transition:all .3s ease;z-index:1}.search-container:focus-within .search-icon[data-v-c3cf3f94]{color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.search-input[data-v-c3cf3f94]{width:100%;height:32px;padding:0 24px 0 22px;background:transparent;border:none;color:#fff;font-size:13px;font-family:Inter,sans-serif;font-weight:400;transition:all .2s ease}.search-input[data-v-c3cf3f94]::placeholder{color:#3f3f46;transition:color .3s ease}.search-input[data-v-c3cf3f94]:focus{outline:none}.search-input[data-v-c3cf3f94]:focus::placeholder{color:#52525b}.search-clear[data-v-c3cf3f94]{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#52525b;cursor:pointer;transition:all .2s;z-index:1}.search-clear[data-v-c3cf3f94]:hover{color:#fff}.shortcuts-content[data-v-c3cf3f94]{flex:1;overflow-y:auto;padding:16px}.loading-state[data-v-c3cf3f94],.error-state[data-v-c3cf3f94]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#71717a;text-align:center}.loading-spinner[data-v-c3cf3f94]{width:32px;height:32px;border:2px solid #27272a;border-radius:50%;border-top-color:#38bdf8;animation:spin-c3cf3f94 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin-c3cf3f94{to{transform:rotate(360deg)}}.category-section[data-v-c3cf3f94]{margin-bottom:24px}.category-title[data-v-c3cf3f94]{font-size:11px;font-weight:600;color:#52525b;margin:0 0 12px 4px;text-transform:uppercase;letter-spacing:.08em}.shortcuts-grid[data-v-c3cf3f94]{display:flex;flex-direction:column;gap:4px}.shortcut-card[data-v-c3cf3f94]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:8px;transition:all .2s ease;cursor:default}.shortcut-card[data-v-c3cf3f94]:hover{background:#ffffff08}.shortcut-desc[data-v-c3cf3f94]{font-size:13px;color:#a1a1aa;flex:1;font-weight:400;transition:color .2s}.shortcut-card:hover .shortcut-desc[data-v-c3cf3f94]{color:#e4e4e7}.key-display[data-v-c3cf3f94]{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(180deg,#27272a,#18181b);border:1px solid #27272a;border-top:1px solid #3f3f46;border-radius:6px;color:#38bdf8;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;cursor:pointer;transition:all .2s ease;box-shadow:0 2px #0006;text-shadow:0 0 8px rgba(56,189,248,.3);position:relative;top:0}.key-display[data-v-c3cf3f94]:hover{border-color:#52525b;color:#7dd3fc;transform:translateY(-1px);box-shadow:0 3px #0006}.key-display[data-v-c3cf3f94]:active{transform:translateY(2px);box-shadow:0 0 #0006;border-top-color:#27272a}.edit-mode[data-v-c3cf3f94]{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;background:#18181b;border:1px solid #27272a;border-radius:8px;box-shadow:0 4px 12px #0003}.edit-row[data-v-c3cf3f94]{display:flex;width:100%}.key-input[data-v-c3cf3f94]{flex:1;padding:8px;background:#09090b;border:1px solid #38bdf8;border-radius:6px;color:#38bdf8;font-size:12px;font-weight:600;font-family:monospace;text-align:center;box-shadow:0 0 0 2px #38bdf81a}.key-input.has-conflict[data-v-c3cf3f94]{border-color:#ef4444;color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.edit-actions[data-v-c3cf3f94]{display:flex;gap:8px}.save-btn[data-v-c3cf3f94],.cancel-btn[data-v-c3cf3f94]{flex:1;padding:6px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn[data-v-c3cf3f94]{background:#e4e4e7;color:#09090b;border:none}.save-btn[data-v-c3cf3f94]:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.save-btn[data-v-c3cf3f94]:disabled{opacity:.5;cursor:not-allowed}.cancel-btn[data-v-c3cf3f94]{background:transparent;border:1px solid #27272a;color:#a1a1aa}.cancel-btn[data-v-c3cf3f94]:hover{border-color:#52525b;color:#e4e4e7}.conflict-warning[data-v-c3cf3f94]{margin-top:4px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.conflict-header[data-v-c3cf3f94]{display:flex;align-items:center;gap:6px;font-size:11px;color:#f87171;font-weight:600}.conflict-list[data-v-c3cf3f94]{display:flex;flex-direction:column;gap:4px}.conflict-item[data-v-c3cf3f94]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#0003;border-radius:4px;font-size:11px}.conflict-name[data-v-c3cf3f94]{color:#e4e4e7}.resolve-btn[data-v-c3cf3f94]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff1a;border:none;border-radius:4px;color:#f87171;cursor:pointer;transition:all .2s}.resolve-btn[data-v-c3cf3f94]:hover{background:#ef444433;color:#ef4444}.no-results[data-v-c3cf3f94]{text-align:center;padding:60px 20px;color:#52525b;font-size:13px}.shortcuts-content[data-v-c3cf3f94]::-webkit-scrollbar{width:6px}.shortcuts-content[data-v-c3cf3f94]::-webkit-scrollbar-track{background:transparent}.shortcuts-content[data-v-c3cf3f94]::-webkit-scrollbar-thumb{background:#27272a;border-radius:3px}.shortcuts-content[data-v-c3cf3f94]::-webkit-scrollbar-thumb:hover{background:#3f3f46}.help-support[data-v-e4b0fe48]{height:100%;display:flex;flex-direction:column;background:#09090b;color:#e4e4e7;font-family:Inter,sans-serif}.help-header[data-v-e4b0fe48]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid transparent;flex-shrink:0}.close-btn[data-v-e4b0fe48]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:#52525b;cursor:pointer;transition:all .2s ease}.close-btn[data-v-e4b0fe48]:hover{background:#ffffff0d;color:#e4e4e7}.help-title[data-v-e4b0fe48]{font-size:14px;font-weight:600;margin:0;color:#e4e4e7;letter-spacing:-.01em}.help-content[data-v-e4b0fe48]{flex:1;overflow-y:auto;padding:16px}.help-menu[data-v-e4b0fe48]{display:flex;flex-direction:column;gap:8px}.help-item[data-v-e4b0fe48]{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:transparent;border:1px solid transparent;border-radius:12px;color:inherit;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.help-item[data-v-e4b0fe48]:hover{background:#ffffff08;border-color:#ffffff0d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.help-item[data-v-e4b0fe48]:active{transform:translateY(0)}.help-item svg[data-v-e4b0fe48]:first-child{color:#71717a;flex-shrink:0;transition:color .3s ease}.help-item:hover svg[data-v-e4b0fe48]:first-child{color:#e4e4e7;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.help-item-content[data-v-e4b0fe48]{flex:1}.help-item-content h3[data-v-e4b0fe48]{font-size:14px;font-weight:600;margin:0 0 4px;color:#e4e4e7;transition:color .2s}.help-item:hover .help-item-content h3[data-v-e4b0fe48]{color:#fff}.help-item-content p[data-v-e4b0fe48]{font-size:12px;margin:0;color:#71717a;line-height:1.4}.external-icon[data-v-e4b0fe48]{color:#3f3f46;flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .3s cubic-bezier(.2,.8,.2,1)}.help-item:hover .external-icon[data-v-e4b0fe48]{opacity:1;transform:translate(0);color:#71717a}.help-item[data-v-e4b0fe48]{animation:slideIn-e4b0fe48 .4s cubic-bezier(.16,1,.3,1) backwards}.help-item[data-v-e4b0fe48]:nth-child(1){animation-delay:.05s}.help-item[data-v-e4b0fe48]:nth-child(2){animation-delay:.1s}.help-item[data-v-e4b0fe48]:nth-child(3){animation-delay:.15s}@keyframes slideIn-e4b0fe48{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.halogen-star-icon[data-v-c29b936a]{flex-shrink:0}.diagonal-spin[data-v-c29b936a]{transform-origin:50px 50px;animation:spin-diagonal-c29b936a 1.5s linear infinite}@keyframes spin-diagonal-c29b936a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.help-chat[data-v-d0551fe8]{display:flex;flex-direction:column;height:100%;background:transparent;overflow:hidden;font-family:Inter,sans-serif;color:#e4e4e7}.chat-header[data-v-d0551fe8]{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;flex-shrink:0}.header-actions[data-v-d0551fe8]{display:flex;align-items:center;gap:4px}.header-btn[data-v-d0551fe8]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#52525b;cursor:pointer;transition:all .2s ease}.header-btn[data-v-d0551fe8]:hover{background:#ffffff0d;color:#e4e4e7}.header-title[data-v-d0551fe8]{font-size:14px;font-weight:600;color:#e4e4e7;letter-spacing:-.01em}.history-container[data-v-d0551fe8]{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.history-empty[data-v-d0551fe8]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;color:#52525b}.history-empty p[data-v-d0551fe8]{margin:0;font-size:13px}.history-item[data-v-d0551fe8]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;cursor:pointer;transition:all .15s ease}.history-item[data-v-d0551fe8]:hover{background:#ffffff0d;border-color:#ffffff14}.history-item-content[data-v-d0551fe8]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.history-title[data-v-d0551fe8]{font-size:13px;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date[data-v-d0551fe8]{font-size:11px;color:#52525b}.history-delete[data-v-d0551fe8]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#52525b;cursor:pointer;opacity:0;transition:all .15s ease}.history-item:hover .history-delete[data-v-d0551fe8]{opacity:1}.history-delete[data-v-d0551fe8]:hover{background:#ef44441a;color:#f87171}.chat-content[data-v-d0551fe8]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:24px;overflow:hidden;position:relative}.messages-container[data-v-d0551fe8]{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:12px 0}.messages-container[data-v-d0551fe8]::-webkit-scrollbar{width:4px}.messages-container[data-v-d0551fe8]::-webkit-scrollbar-track{background:transparent}.messages-container[data-v-d0551fe8]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.message[data-v-d0551fe8]{animation:message-appear-d0551fe8 .3s ease-out}@keyframes message-appear-d0551fe8{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user[data-v-d0551fe8]{align-self:flex-end;max-width:85%}.message.assistant[data-v-d0551fe8]{align-self:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.message-header[data-v-d0551fe8]{display:flex;align-items:center;gap:8px}.agent-name[data-v-d0551fe8]{font-size:12px;font-weight:600;color:#a1a1aa;letter-spacing:-.01em}.message-time[data-v-d0551fe8]{font-size:11px;color:#52525b;font-weight:400;margin-left:auto}.user-time[data-v-d0551fe8]{margin-left:0;margin-right:8px}.widget-inline[data-v-d0551fe8]{display:block;margin:8px 0}.user-message-wrapper[data-v-d0551fe8]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.message.user .message-content[data-v-d0551fe8]{padding:10px 16px;border-radius:18px 18px 6px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);color:#f4f4f5;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message.assistant .message-content[data-v-d0551fe8]{font-size:13px;line-height:1.6;color:#e4e4e7}.markdown-content[data-v-d0551fe8]{word-break:break-word}.markdown-content[data-v-d0551fe8] p{margin:0 0 12px}.markdown-content[data-v-d0551fe8] p:last-child{margin-bottom:0}.markdown-content[data-v-d0551fe8] strong{font-weight:600;color:#fff}.markdown-content[data-v-d0551fe8] em{font-style:italic}.markdown-content[data-v-d0551fe8] code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;background:#ffffff14;padding:2px 6px;border-radius:4px;color:#fbbf24}.markdown-content[data-v-d0551fe8] pre{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;margin:12px 0;overflow-x:auto}.markdown-content[data-v-d0551fe8] pre code{background:none;padding:0;font-size:12px;line-height:1.5;color:#e4e4e7}.markdown-content[data-v-d0551fe8] ul,.markdown-content[data-v-d0551fe8] ol{margin:8px 0;padding-left:20px}.markdown-content[data-v-d0551fe8] li{margin:4px 0}.markdown-content[data-v-d0551fe8] blockquote{border-left:3px solid rgba(250,204,21,.4);margin:12px 0;padding-left:12px;color:#a1a1aa;font-style:italic}.markdown-content[data-v-d0551fe8] a{color:#60a5fa;text-decoration:none}.markdown-content[data-v-d0551fe8] a:hover{text-decoration:underline}.markdown-content[data-v-d0551fe8] h1,.markdown-content[data-v-d0551fe8] h2,.markdown-content[data-v-d0551fe8] h3,.markdown-content[data-v-d0551fe8] h4{color:#fff;margin:16px 0 8px;font-weight:600}.markdown-content[data-v-d0551fe8] h1{font-size:18px}.markdown-content[data-v-d0551fe8] h2{font-size:16px}.markdown-content[data-v-d0551fe8] h3{font-size:14px}.markdown-content[data-v-d0551fe8] h4{font-size:13px}.markdown-content[data-v-d0551fe8] hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.agent-action-btn[data-v-d0551fe8]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#facc1514;border:1px solid rgba(250,204,21,.25);border-radius:6px;color:#fbbf24;font-size:12px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s ease;white-space:nowrap}.agent-action-btn[data-v-d0551fe8]:hover{background:#facc1526;border-color:#facc1566;box-shadow:0 0 12px #facc1533}.agent-action-btn[data-v-d0551fe8]:active{transform:scale(.97)}.agent-link[data-v-d0551fe8]{display:inline-flex;align-items:center;gap:4px;color:#60a5fa;text-decoration:none;font-size:13px;transition:color .2s ease}.agent-link[data-v-d0551fe8]:hover{color:#93c5fd;text-decoration:underline}.agent-link .link-icon[data-v-d0551fe8]{opacity:.7}.key-combo[data-v-d0551fe8]{display:inline-flex;align-items:center;gap:4px;margin:4px 0;vertical-align:middle}.key-cap[data-v-d0551fe8]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:26px;padding:0 8px;background:linear-gradient(180deg,#2a2a2e,#1a1a1d);border:1px solid #3a3a3f;border-bottom:2px solid #252528;border-radius:5px;color:#60a5fa;font-size:12px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0d;white-space:nowrap;line-height:1}.show-element-button[data-v-d0551fe8]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:6px;color:#38bdf8;font-size:12px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s ease}.show-element-button[data-v-d0551fe8]:hover{background:#38bdf826;border-color:#38bdf866;box-shadow:0 0 12px #38bdf833}.show-element-button[data-v-d0551fe8]:active{transform:scale(.97)}.typing-indicator[data-v-d0551fe8]{display:flex;align-items:center;gap:3px;padding:2px 0}.typing-indicator span[data-v-d0551fe8]{width:4px;height:4px;background:#52525b;border-radius:50%;animation:typing-pulse-d0551fe8 1.2s ease-in-out infinite}.typing-indicator span[data-v-d0551fe8]:nth-child(1){animation-delay:0s}.typing-indicator span[data-v-d0551fe8]:nth-child(2){animation-delay:.15s}.typing-indicator span[data-v-d0551fe8]:nth-child(3){animation-delay:.3s}@keyframes typing-pulse-d0551fe8{0%,60%,to{opacity:.3}30%{opacity:1}}.error-message[data-v-d0551fe8]{position:absolute;bottom:8px;left:16px;right:16px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;font-size:12px;text-align:center}.spin[data-v-d0551fe8]{animation:spin-d0551fe8 1s linear infinite}@keyframes spin-d0551fe8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-section[data-v-d0551fe8]{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.welcome-section.ready[data-v-d0551fe8]{opacity:1;transform:translateY(0)}.welcome-logo[data-v-d0551fe8]{width:80px;height:auto;opacity:.9;filter:drop-shadow(0 0 20px rgba(250,204,21,.3));animation:logo-glow-d0551fe8 3s ease-in-out infinite}@keyframes logo-glow-d0551fe8{0%,to{filter:drop-shadow(0 0 20px rgba(250,204,21,.3))}50%{filter:drop-shadow(0 0 40px rgba(250,204,21,.5))}}.welcome-title[data-v-d0551fe8]{font-size:24px;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.suggestion-container[data-v-d0551fe8]{display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:.1s;cursor:pointer;min-height:24px}.suggestion-container.ready[data-v-d0551fe8]{opacity:1;transform:translateY(0)}.suggestion-text[data-v-d0551fe8]{font-size:14px;font-weight:400;transition:all .3s ease;opacity:1;transform:translateY(0);background:linear-gradient(90deg,#71717a,#a1a1aa,#71717a,#a1a1aa,#71717a);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-d0551fe8 3s ease-in-out infinite}@keyframes shimmer-d0551fe8{0%{background-position:100% 0}to{background-position:-100% 0}}.suggestion-text.fading[data-v-d0551fe8]{opacity:0;transform:translateY(-4px)}.suggestion-container:hover .suggestion-text[data-v-d0551fe8]{background:linear-gradient(90deg,#a1a1aa,#e4e4e7,#a1a1aa,#e4e4e7,#a1a1aa);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-actions[data-v-d0551fe8]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:.2s;max-width:280px}.quick-actions.ready[data-v-d0551fe8]{opacity:1;transform:translateY(0)}.quick-action[data-v-d0551fe8]{padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;color:#a1a1aa;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-action[data-v-d0551fe8]:hover{background:#ffffff14;border-color:#ffffff1a;color:#fff}.input-area[data-v-d0551fe8]{padding:0 12px 16px;flex-shrink:0;opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:.3s}.input-area.ready[data-v-d0551fe8]{opacity:1;transform:translateY(0)}.input-container[data-v-d0551fe8]{display:flex;align-items:flex-end;gap:8px;padding:8px 6px 8px 14px;position:relative;border-radius:16px;overflow:hidden;background:transparent;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.input-container[data-v-d0551fe8]:focus-within{transform:translateY(-2px)}.input-container[data-v-d0551fe8]:before{content:"";position:absolute;top:-150%;left:-150%;width:400%;height:400%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(250,204,21,.1) 310deg,rgba(250,204,21,.5) 345deg,rgba(250,204,21,1) 360deg);animation:rotate-d0551fe8 5s linear infinite;opacity:.7;filter:blur(5px);transition:opacity .5s ease;pointer-events:none}.input-container[data-v-d0551fe8]:focus-within:before{opacity:0}.input-container[data-v-d0551fe8]:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:#18181bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;z-index:0;border:1px solid rgba(255,255,255,.03);transition:all .3s ease}.input-container[data-v-d0551fe8]:focus-within:after{background:#202023f2;border-color:#facc154d;box-shadow:0 8px 24px #0006,0 0 12px #facc1514}.message-input[data-v-d0551fe8]{flex:1;background:transparent;border:none;color:#fff;font-size:14px;font-family:Inter,sans-serif;line-height:20px;outline:none;min-width:0;min-height:20px;position:relative;z-index:1;resize:none;overflow-y:auto;max-height:120px;padding:4px 0;margin:0}.message-input[data-v-d0551fe8]::placeholder{color:#52525b}.message-input[data-v-d0551fe8]::-webkit-scrollbar{width:4px}.message-input[data-v-d0551fe8]::-webkit-scrollbar-track{background:transparent}.message-input[data-v-d0551fe8]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.send-btn[data-v-d0551fe8]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#52525b;cursor:pointer;transition:color .2s ease;position:relative;z-index:1;flex-shrink:0}.send-btn[data-v-d0551fe8]:disabled{cursor:not-allowed;opacity:.4}.send-btn.active[data-v-d0551fe8]{color:#e4e4e7}.send-btn.active[data-v-d0551fe8]:hover{color:#fff}@keyframes rotate-d0551fe8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-menu[data-v-04d9a74e]{position:relative}.account-trigger[data-v-04d9a74e]{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.avatar[data-v-04d9a74e]{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3f3f46,#27272a);border:1px solid #52525b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.account-trigger:hover .avatar[data-v-04d9a74e],.account-trigger.active .avatar[data-v-04d9a74e]{border-color:#71717a;background:linear-gradient(135deg,#52525b,#3f3f46);box-shadow:0 0 12px #ffffff1a}.avatar-initials[data-v-04d9a74e]{font-size:11px;font-weight:600;color:#a1a1aa;text-transform:uppercase;transition:color .2s ease}.account-trigger:hover .avatar-initials[data-v-04d9a74e],.account-trigger.active .avatar-initials[data-v-04d9a74e]{color:#e4e4e7}.menu-popover[data-v-04d9a74e]{position:fixed;min-width:220px;background:#09090b;border:1px solid #27272a;border-radius:12px;box-shadow:0 -20px 60px -10px #000c,0 0 0 1px #ffffff08 inset;overflow:hidden;z-index:9999}.menu-header[data-v-04d9a74e]{padding:16px;display:flex;align-items:center;gap:12px}.user-avatar[data-v-04d9a74e]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3f3f46,#27272a);border:1px solid #52525b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initials-large[data-v-04d9a74e]{font-size:14px;font-weight:600;color:#a1a1aa;text-transform:uppercase}.user-info[data-v-04d9a74e]{flex:1;min-width:0;overflow:hidden}.user-email[data-v-04d9a74e]{font-size:12px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.menu-divider[data-v-04d9a74e]{height:1px;background:#27272a;margin:0}.menu-items[data-v-04d9a74e],.menu-footer[data-v-04d9a74e]{padding:8px}.menu-item[data-v-04d9a74e]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#a1a1aa;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.menu-item[data-v-04d9a74e]:hover{background:#ffffff0d;color:#e4e4e7}.menu-item svg[data-v-04d9a74e]{flex-shrink:0;opacity:.7}.menu-item:hover svg[data-v-04d9a74e]{opacity:1}.menu-item.sign-out[data-v-04d9a74e]{color:#71717a}.menu-item.sign-out[data-v-04d9a74e]:hover{background:#ef444414;color:#f87171}.menu-item.sign-out:hover svg[data-v-04d9a74e]{color:#f87171}.menu-enter-active[data-v-04d9a74e],.menu-leave-active[data-v-04d9a74e]{transition:all .2s cubic-bezier(.16,1,.3,1)}.menu-enter-from[data-v-04d9a74e],.menu-leave-to[data-v-04d9a74e]{opacity:0;transform:translateY(8px) scale(.96)}.dialog-backdrop[data-v-03ba1172]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-container[data-v-03ba1172]{background:#18181bfa;border:1px solid rgba(63,63,70,.6);border-radius:12px;padding:20px 24px;min-width:320px;max-width:400px;box-shadow:0 18px 45px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-header[data-v-03ba1172]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dialog-icon[data-v-03ba1172]{flex-shrink:0}.dialog-icon.danger[data-v-03ba1172]{color:#fca5a5}.dialog-title[data-v-03ba1172]{font-size:16px;font-weight:600;color:#e4e4e7;margin:0}.dialog-message[data-v-03ba1172]{font-size:13px;color:#e4e4e7b3;line-height:1.5;margin:0 0 16px}.dont-ask-again[data-v-03ba1172]{display:flex;align-items:center;gap:8px;margin-bottom:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.dont-ask-again input[data-v-03ba1172]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom[data-v-03ba1172]{width:16px;height:16px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.dont-ask-again input:checked+.checkbox-custom[data-v-03ba1172]{background:#facc1533;border-color:#facc1580}.dont-ask-again input:checked+.checkbox-custom[data-v-03ba1172]:after{content:"";width:8px;height:8px;background:#facc15;border-radius:2px}.dont-ask-again:hover .checkbox-custom[data-v-03ba1172]{border-color:#ffffff4d}.checkbox-label[data-v-03ba1172]{font-size:12px;color:#e4e4e799}.dialog-actions[data-v-03ba1172]{display:flex;gap:10px;justify-content:flex-end}.dialog-btn[data-v-03ba1172]{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.cancel-btn[data-v-03ba1172]{background:#ffffff0f;color:#e4e4e7}.cancel-btn[data-v-03ba1172]:hover{background:#ffffff1a}.secondary-btn[data-v-03ba1172]{background:#ffffff0f;color:#e4e4e7d9}.secondary-btn[data-v-03ba1172]:hover{background:#ffffff1a}.secondary-btn.danger[data-v-03ba1172]{background:#ef44441f;color:#fca5a5}.secondary-btn.danger[data-v-03ba1172]:hover{background:#ef444438}.confirm-btn[data-v-03ba1172]{background:#facc1526;color:#facc15}.confirm-btn[data-v-03ba1172]:hover{background:#facc1540}.confirm-btn.danger[data-v-03ba1172]{background:#ef444426;color:#fca5a5}.confirm-btn.danger[data-v-03ba1172]:hover{background:#ef444440}.confirm-btn[data-v-03ba1172]:focus{outline:none;box-shadow:0 0 0 2px #facc154d}.confirm-btn.danger[data-v-03ba1172]:focus{box-shadow:0 0 0 2px #ef44444d}.dialog-enter-active[data-v-03ba1172],.dialog-leave-active[data-v-03ba1172],.dialog-enter-active .dialog-container[data-v-03ba1172],.dialog-leave-active .dialog-container[data-v-03ba1172]{transition:all .2s ease}.dialog-enter-from[data-v-03ba1172],.dialog-leave-to[data-v-03ba1172]{opacity:0}.dialog-enter-from .dialog-container[data-v-03ba1172],.dialog-leave-to .dialog-container[data-v-03ba1172]{opacity:0;transform:scale(.95)}.project-sidebar[data-v-ad72e44b]{position:relative;width:280px;height:100%;background:transparent;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;z-index:10}.project-sidebar.collapsed[data-v-ad72e44b]{width:60px}.project-sidebar.resizing[data-v-ad72e44b]{transition:none}.resize-handle[data-v-ad72e44b]{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background .2s ease;z-index:20}.resize-handle[data-v-ad72e44b]:hover{background:#ffffff1a}.resize-handle[data-v-ad72e44b]:active,.project-sidebar.resizing .resize-handle[data-v-ad72e44b]{background:#facc154d}.sidebar-header[data-v-ad72e44b]{height:48px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.03);background:transparent;flex-shrink:0;display:flex;align-items:center}.header-content[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between}.header-title[data-v-ad72e44b]{display:flex;align-items:center;gap:8px;color:#e4e4e7;font-size:14px;font-weight:600}.collapse-btn[data-v-ad72e44b],.expand-btn[data-v-ad72e44b]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s;flex-shrink:0}.collapse-btn[data-v-ad72e44b]:hover,.expand-btn[data-v-ad72e44b]:hover{color:#e4e4e7}.expand-btn[data-v-ad72e44b]{width:100%;height:40px}.sidebar-content[data-v-ad72e44b]{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;position:relative}.loading-state[data-v-ad72e44b],.error-state[data-v-ad72e44b],.empty-state[data-v-ad72e44b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#52525b;text-align:center}.loading-spinner[data-v-ad72e44b]{width:32px;height:32px;border:2px solid #27272a;border-radius:50%;border-top-color:#e4e4e7;animation:spin-ad72e44b 1s ease-in-out infinite;margin-bottom:12px}@keyframes spin-ad72e44b{to{transform:rotate(360deg)}}.loading-state p[data-v-ad72e44b],.error-state p[data-v-ad72e44b],.empty-state p[data-v-ad72e44b]{font-size:12px;margin:0;line-height:1.4}.error-icon[data-v-ad72e44b],.empty-icon[data-v-ad72e44b]{margin-bottom:12px;opacity:.5}.retry-button[data-v-ad72e44b]{margin-top:12px;padding:6px 12px;background:transparent;border:1px solid #27272a;border-radius:4px;color:#71717a;font-size:11px;cursor:pointer;transition:all .2s}.retry-button[data-v-ad72e44b]:hover{border-color:#52525b;color:#e4e4e7}.add-track-section[data-v-ad72e44b]{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #27272a}.add-track-btn[data-v-ad72e44b]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #27272a;border-radius:6px;color:#71717a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-track-btn[data-v-ad72e44b]:hover{border-color:#52525b;color:#e4e4e7;background:#ffffff08}.add-track-btn[data-v-ad72e44b]:active{transform:translateY(0)}.track-list[data-v-ad72e44b]{display:flex;flex-direction:column}.track-list.instrument-drop-target[data-v-ad72e44b]{outline:2px dashed #4a9eff;outline-offset:-2px;border-radius:8px}.track-items-wrapper[data-v-ad72e44b]{display:flex;flex-direction:column;gap:4px}.track-item[data-v-ad72e44b]{position:relative;margin-bottom:0;background:transparent;border-radius:6px;transition:all .2s;cursor:pointer;overflow:hidden;border-left:2px solid transparent;padding-left:6px}.track-item.folder .track-name[data-v-ad72e44b]{font-weight:600}.track-item[data-v-ad72e44b]:hover,.track-item.expanded[data-v-ad72e44b]{background:#ffffff08}.track-item.selected[data-v-ad72e44b]{background:#ffffff0d;border-left-color:#e4e4e7}.track-item.selected[data-v-ad72e44b]:hover{background:#ffffff14}.track-item.dragging[data-v-ad72e44b]{opacity:.6;cursor:grabbing}.track-item.drag-over-before[data-v-ad72e44b]:before,.track-item.drag-over-after[data-v-ad72e44b]:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:#e4e4e799;border-radius:2px}.track-item.drag-over-before[data-v-ad72e44b]:before{top:0}.track-item.drag-over-after[data-v-ad72e44b]:after{bottom:0}.track-item.drag-over-inside[data-v-ad72e44b]{background:#3b82f60f;outline:1px solid rgba(59,130,246,.25)}.track-item.instrument-drop-over[data-v-ad72e44b]{background:#facc150f;outline:1px solid rgba(250,204,21,.25)}.track-context-menu[data-v-ad72e44b]{position:fixed;z-index:10000;min-width:220px;background:#18181bfa;border:1px solid rgba(63,63,70,.6);border-radius:10px;padding:6px;box-shadow:0 18px 45px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-item[data-v-ad72e44b]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;background:transparent;border:none;color:#e4e4e7;font-size:13px;text-align:left;cursor:pointer}.menu-item[data-v-ad72e44b]:hover{background:#ffffff0f}.menu-item[data-v-ad72e44b]:disabled{opacity:.45;cursor:not-allowed}.menu-item.danger[data-v-ad72e44b]{color:#fca5a5}.menu-item.danger[data-v-ad72e44b]:hover:not(:disabled){background:#ef444429}.menu-separator[data-v-ad72e44b]{height:1px;background:#ffffff14;margin:4px 6px}.submenu-parent[data-v-ad72e44b]{position:relative;-webkit-user-select:none;user-select:none}.submenu-arrow[data-v-ad72e44b]{opacity:.75}.track-context-submenu[data-v-ad72e44b]{position:absolute;left:calc(100% + 6px);top:0;min-width:220px;background:#18181bfa;border:1px solid rgba(63,63,70,.6);border-radius:10px;padding:6px;box-shadow:0 18px 45px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.colour-grid[data-v-ad72e44b]{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px}.colour-swatch[data-v-ad72e44b]{width:100%;aspect-ratio:1 / 1;border-radius:7px;border:1px solid rgba(255,255,255,.14);cursor:pointer}.colour-swatch[data-v-ad72e44b]:hover{border-color:#ffffff3d}.colour-swatch[data-v-ad72e44b]:active{transform:scale(.98)}.hidden-color-input[data-v-ad72e44b]{position:fixed;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.card-main[data-v-ad72e44b]{padding:10px 8px;display:flex;flex-direction:column;gap:8px}.track-row-top[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between}.track-row-mixer[data-v-ad72e44b]{display:flex;align-items:center;gap:8px;margin-top:-4px}.mixer-dial-wrapper[data-v-ad72e44b]{display:flex;align-items:center;justify-content:center;width:42px;flex-shrink:0}.track-info[data-v-ad72e44b]{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow:hidden}.track-header[data-v-ad72e44b]{display:flex;align-items:center;gap:10px}.instrument-icon[data-v-ad72e44b]{width:32px;height:32px;border-radius:6px;border:1px solid #27272a;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;background:#09090b}.folder-icon[data-v-ad72e44b]{background:#ffffff0a;border-color:#ffffff24}.folder-icon-glyph[data-v-ad72e44b]{color:#e4e4e7;opacity:.85}.instrument-image[data-v-ad72e44b]{width:100%;height:100%;object-fit:cover}.instrument-placeholder[data-v-ad72e44b]{color:#52525b;z-index:1}.track-details[data-v-ad72e44b]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.track-buttons[data-v-ad72e44b]{display:flex;gap:4px;align-items:center;flex-shrink:0}.track-row-mixer[data-v-ad72e44b]{opacity:.7;transition:opacity .2s ease}.track-item:hover .track-row-mixer[data-v-ad72e44b],.track-item.selected .track-row-mixer[data-v-ad72e44b],.track-item.expanded .track-row-mixer[data-v-ad72e44b]{opacity:1}.control-btn[data-v-ad72e44b]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:4px;color:#52525b;cursor:pointer;transition:all .2s;font-size:11px;font-weight:600}.control-btn[data-v-ad72e44b]:hover{color:#e4e4e7}.solo-btn.active[data-v-ad72e44b]{background:#ffd7001a;color:gold}.solo-btn.active[data-v-ad72e44b]:hover{background:#ffd70033}.mute-btn.active[data-v-ad72e44b]{background:#ef44441a;color:#ef4444}.mute-btn.active[data-v-ad72e44b]:hover{background:#ef444433}.expand-btn[data-v-ad72e44b]{transform:rotate(0);transition:transform .3s ease}.expand-btn.expanded[data-v-ad72e44b]{transform:rotate(180deg)}.folder-collapse-btn[data-v-ad72e44b]{transform:rotate(0);transition:transform .2s ease}.folder-collapse-btn.expanded[data-v-ad72e44b]{transform:rotate(90deg)}.track-name[data-v-ad72e44b]{color:#e4e4e7;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name-display[data-v-ad72e44b]{cursor:text;padding:2px 4px;margin:-2px -4px;border-radius:4px;transition:background .15s ease,color .15s ease;display:block;width:calc(100% + 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name-display[data-v-ad72e44b]:hover{color:#fff;background:#ffffff0d}.track-name-input[data-v-ad72e44b]{background:transparent;border:none;border-radius:0;padding:2px 4px;margin:-2px -4px;font:inherit;color:inherit;width:calc(100% + 8px);outline:none;caret-color:#facc15}.track-name-input[data-v-ad72e44b]:focus{background:transparent}.track-name-input[data-v-ad72e44b]::placeholder{color:#52525b}.track-name-input[data-v-ad72e44b]::selection{background:#facc154d}.instrument-name[data-v-ad72e44b]{color:#71717a;font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-status[data-v-ad72e44b]{color:#22c55ecc;font-size:11px;font-weight:400}.collapsed-content[data-v-ad72e44b]{display:flex;flex-direction:column;align-items:center;padding:16px 0;height:100%;overflow-y:auto;overflow-x:hidden}.collapsed-thumbnails[data-v-ad72e44b]{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 8px}.collapsed-thumbnail[data-v-ad72e44b]{width:44px;height:44px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.collapsed-thumbnail[data-v-ad72e44b]:hover{transform:scale(1.05);border-color:#3f3f46}.collapsed-thumbnail.selected[data-v-ad72e44b]{border-color:#e4e4e7;background:#ffffff0d}.thumbnail-image[data-v-ad72e44b],.thumbnail-placeholder[data-v-ad72e44b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#09090b;border-radius:6px;overflow:hidden}.thumbnail-placeholder[data-v-ad72e44b]{background:#09090b;color:#52525b}.instrument-thumb-img[data-v-ad72e44b]{width:100%;height:100%;object-fit:cover}.collapsed-empty[data-v-ad72e44b]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid #27272a;border-radius:8px;color:#52525b}.card-expanded[data-v-ad72e44b]{padding:0 12px 12px}.reverb-section[data-v-ad72e44b]{display:flex;flex-direction:column;gap:8px}.reverb-label[data-v-ad72e44b]{font-size:10px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.reverb-controls[data-v-ad72e44b]{display:flex;align-items:center;gap:12px}.reverb-dial-container[data-v-ad72e44b]{flex-shrink:0}.preset-container[data-v-ad72e44b]{flex:1;min-width:0}.expand-enter-active[data-v-ad72e44b],.expand-leave-active[data-v-ad72e44b]{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.expand-enter-from[data-v-ad72e44b],.expand-leave-to[data-v-ad72e44b]{opacity:0;max-height:0}.expand-enter-to[data-v-ad72e44b],.expand-leave-from[data-v-ad72e44b]{opacity:1;max-height:150px}.remove-track-section[data-v-ad72e44b]{margin-top:12px;padding-top:12px;border-top:1px solid #27272a}.remove-track-btn-elegant[data-v-ad72e44b]{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:#71717a;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.remove-track-btn-elegant[data-v-ad72e44b]:hover{background:#dc26260d;color:#ef4444}.remove-track-btn-elegant[data-v-ad72e44b]:active{transform:translateY(0)}.settings-page[data-v-ad72e44b]{height:100%;display:flex;flex-direction:column}.settings-page .settings-header[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.03);flex-shrink:0}.settings-page .close-btn[data-v-ad72e44b]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:#52525b;cursor:pointer;transition:all .2s ease}.settings-page .close-btn[data-v-ad72e44b]:hover{background:#ffffff0d;color:#e4e4e7}.settings-page .settings-title[data-v-ad72e44b]{font-size:14px;font-weight:600;margin:0;color:#e4e4e7;letter-spacing:-.01em}.settings-page .settings-content[data-v-ad72e44b]{flex:1;overflow-y:auto;padding:8px 4px}.settings-menu[data-v-ad72e44b]{display:flex;flex-direction:column;gap:8px}.settings-item[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:inherit;text-align:left;transition:all .2s ease}.settings-item.settings-link[data-v-ad72e44b]{cursor:pointer}.settings-item.settings-link[data-v-ad72e44b]:hover{background:#ffffff08}.settings-label[data-v-ad72e44b]{font-size:13px;font-weight:500;color:#a1a1aa}.settings-item.settings-link .settings-label[data-v-ad72e44b]{color:#e4e4e7}.settings-item svg[data-v-ad72e44b]{color:#3f3f46;flex-shrink:0}.settings-item.settings-link:hover svg[data-v-ad72e44b]{color:#71717a}.settings-select[data-v-ad72e44b]{height:28px;padding:0 8px;border-radius:6px;background:#18181b;border:1px solid #27272a;color:#e4e4e7;font-size:12px;cursor:pointer}.settings-select[data-v-ad72e44b]:hover{border-color:#3f3f46}.settings-select[data-v-ad72e44b]:focus{outline:none;border-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f626}.settings-button[data-v-ad72e44b]{height:28px;padding:0 12px;border-radius:6px;background:#ffffff0f;border:1px solid #27272a;color:#e4e4e7;font-size:12px;cursor:pointer;transition:all .15s}.settings-button[data-v-ad72e44b]:hover:not(:disabled){background:#ffffff1a;border-color:#3f3f46}.settings-button[data-v-ad72e44b]:disabled{opacity:.4;cursor:not-allowed}.settings-divider[data-v-ad72e44b]{display:flex;align-items:center;padding:12px 12px 4px}.settings-divider span[data-v-ad72e44b]{font-size:10px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.controller-settings-card[data-v-ad72e44b]{display:flex;flex-direction:column;gap:10px;margin:0 12px;padding:12px;border:1px solid #27272a;border-radius:10px;background:#ffffff05}.controller-status-row[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between;gap:8px}.controller-status-pill[data-v-ad72e44b]{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:600;white-space:nowrap}.controller-status-pill.connected[data-v-ad72e44b]{color:#34d399;background:#10b98126;border-color:#10b98159}.controller-status-pill.waiting[data-v-ad72e44b]{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2452}.controller-status-pill.offline[data-v-ad72e44b]{color:#f87171;background:#ef44441f;border-color:#ef44444d}.controller-url-row[data-v-ad72e44b]{display:flex;flex-direction:column;gap:4px}.controller-url-label[data-v-ad72e44b]{font-size:11px;color:#71717a}.controller-url-value[data-v-ad72e44b]{display:block;padding:8px;border-radius:6px;border:1px solid #27272a;background:#101014;color:#d4d4d8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;word-break:break-all}.controller-actions-row[data-v-ad72e44b]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.controller-latency-row[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between;gap:8px}.controller-latency-readout[data-v-ad72e44b]{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#d4d4d8}.controller-latency-meter[data-v-ad72e44b]{display:flex;flex-direction:column;gap:6px}.controller-latency-track[data-v-ad72e44b]{position:relative;height:12px;border-radius:999px;border:1px solid #27272a;background:linear-gradient(90deg,#10b9811f,#f59e0b24 55%,#ef44442e);overflow:hidden}.controller-latency-fill[data-v-ad72e44b]{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:999px;transition:width .12s linear,box-shadow .18s ease}.controller-latency-handle[data-v-ad72e44b]{position:absolute;top:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);background:#f8fafc;transition:left .12s linear,box-shadow .18s ease,background-color .18s ease}.controller-latency-scale[data-v-ad72e44b]{display:flex;justify-content:space-between;color:#71717a;font-size:10px}.controller-latency-fill.good[data-v-ad72e44b]{background:linear-gradient(90deg,#10b981e6,#34d399f2);box-shadow:0 0 10px #10b98159}.controller-latency-fill.mid[data-v-ad72e44b]{background:linear-gradient(90deg,#f59e0be6,#fbbf24f2);box-shadow:0 0 10px #f59e0b59}.controller-latency-fill.high[data-v-ad72e44b]{background:linear-gradient(90deg,#ef4444e6,#f87171f2);box-shadow:0 0 10px #ef444461}.controller-latency-fill.idle[data-v-ad72e44b]{background:#71717a59;box-shadow:none}.controller-latency-handle.good[data-v-ad72e44b]{box-shadow:0 0 10px #10b98199;background:#6ee7b7}.controller-latency-handle.mid[data-v-ad72e44b]{box-shadow:0 0 10px #f59e0b99;background:#fbbf24}.controller-latency-handle.high[data-v-ad72e44b]{box-shadow:0 0 10px #ef4444a6;background:#f87171}.controller-latency-handle.idle[data-v-ad72e44b]{box-shadow:none;background:#d4d4d8}.controller-panic-button[data-v-ad72e44b]{color:#fecaca;background:#7f1d1d59;border-color:#f8717159}.controller-panic-button[data-v-ad72e44b]:hover:not(:disabled){background:#991b1b73;border-color:#f871718c}.controller-qr-row[data-v-ad72e44b]{display:flex;justify-content:center}.controller-qr-image[data-v-ad72e44b],.controller-qr-placeholder[data-v-ad72e44b]{width:168px;height:168px;border-radius:8px;border:1px solid #27272a;background:#fff}.controller-qr-image[data-v-ad72e44b]{display:block;image-rendering:pixelated}.controller-qr-placeholder[data-v-ad72e44b]{display:flex;align-items:center;justify-content:center;color:#71717a;font-size:12px;background:#0f0f13}.controller-error-message[data-v-ad72e44b]{color:#f87171;font-size:11px}.toggle-switch[data-v-ad72e44b]{position:relative;display:inline-block;width:36px;height:20px;margin-left:auto;flex-shrink:0}.toggle-switch input[data-v-ad72e44b]{opacity:0;width:0;height:0}.toggle-slider[data-v-ad72e44b]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#27272a;transition:background-color .3s cubic-bezier(.4,0,.2,1);border-radius:9999px;box-shadow:inset 0 2px 4px #0000004d}.toggle-slider[data-v-ad72e44b]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#a1a1aa;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003,0 0 #fff0}.toggle-switch:hover .toggle-slider[data-v-ad72e44b]:before{background-color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #0000004d,0 0 8px #ffffff1a}.toggle-switch input:checked+.toggle-slider[data-v-ad72e44b]{background-color:#e4e4e7;box-shadow:inset 0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider[data-v-ad72e44b]:before{transform:translate(16px);background-color:#09090b;box-shadow:0 2px 4px #0006,0 0 8px #0003}.toggle-switch input:checked:hover+.toggle-slider[data-v-ad72e44b]:before{transform:translate(16px) scale(1.05);background-color:#18181b;box-shadow:0 2px 8px #00000080,0 0 10px #0000004d}.sidebar-footer[data-v-ad72e44b]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;flex-shrink:0}.halogen-logo[data-v-ad72e44b]{width:80px;height:auto;opacity:.4;filter:drop-shadow(0 0 0 transparent);transition:opacity .3s ease,filter .3s ease}.halogen-logo[data-v-ad72e44b]:hover{opacity:.8;filter:drop-shadow(0 0 8px rgba(250,204,21,.6)) drop-shadow(0 0 16px rgba(250,204,21,.4))}.footer-actions[data-v-ad72e44b]{display:flex;align-items:center;gap:4px}.footer-button[data-v-ad72e44b]{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff6;transition:all .15s ease}.footer-button[data-v-ad72e44b]:hover{color:#ffffffb3}.help-button[data-v-ad72e44b]{position:relative}.help-button[data-v-ad72e44b]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:linear-gradient(135deg,#a855f733,#3b82f633);opacity:0;transition:opacity .3s ease}.help-button[data-v-ad72e44b]:hover:before{opacity:1}.help-button[data-v-ad72e44b]:hover{color:#a855f7}.help-chat-slide-enter-active[data-v-ad72e44b]{animation:helpChatEnter-ad72e44b .6s cubic-bezier(.16,1,.3,1);animation-delay:.1s;animation-fill-mode:backwards}.help-chat-slide-leave-active[data-v-ad72e44b]{animation:helpChatLeave-ad72e44b .4s cubic-bezier(.4,0,.2,1)}@keyframes helpChatEnter-ad72e44b{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes helpChatLeave-ad72e44b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.help-chat-fullscreen[data-v-ad72e44b]{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:#09090bd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-content-wrapper[data-v-ad72e44b]{display:flex;flex-direction:column;width:100%;height:100%}.main-content-slide-enter-active[data-v-ad72e44b]{animation:mainContentEnter-ad72e44b .5s cubic-bezier(.16,1,.3,1);animation-delay:.2s;animation-fill-mode:backwards}@keyframes mainContentEnter-ad72e44b{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.main-content-slide-leave-active[data-v-ad72e44b]{transition:opacity .5s ease .2s;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:16px;box-sizing:border-box;z-index:0}.main-content-slide-leave-to[data-v-ad72e44b]{opacity:0}.main-content-slide-leave-active .add-track-section[data-v-ad72e44b]{animation:slideUpFadeOut-ad72e44b .3s cubic-bezier(.4,0,.2,1) forwards}.main-content-slide-leave-active .track-item[data-v-ad72e44b]{animation:slideLeftFadeOut-ad72e44b .4s cubic-bezier(.4,0,.2,1) forwards}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(1){animation-delay:0ms}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(2){animation-delay:30ms}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(3){animation-delay:60ms}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(4){animation-delay:90ms}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(5){animation-delay:.12s}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(6){animation-delay:.15s}.main-content-slide-leave-active .track-item[data-v-ad72e44b]:nth-child(n+7){animation-delay:.18s}@keyframes slideUpFadeOut-ad72e44b{to{opacity:0;transform:translateY(-20px)}}@keyframes slideLeftFadeOut-ad72e44b{to{opacity:0;transform:translate(-30px)}}.piano-roll[data-v-2ca41797]{width:max-content;height:max-content;position:relative}.piano-roll.drop-target[data-v-2ca41797]{outline:2px dashed #4a9eff;outline-offset:-2px}canvas[data-v-2ca41797]{position:relative;background:transparent;display:block;max-width:none;max-height:none;z-index:2}.background-canvas[data-v-2ca41797],.envelope-canvas[data-v-2ca41797],.notes-canvas[data-v-2ca41797]{position:absolute;top:0;left:0}.background-canvas[data-v-2ca41797]{z-index:1}.envelope-canvas[data-v-2ca41797]{z-index:4}.notes-canvas[data-v-2ca41797]{z-index:3}.curve-canvas[data-v-2ca41797]{z-index:5}.keyboard[data-v-954a59af]{position:relative;display:flex;flex-direction:column;background:#222;-webkit-user-select:none;user-select:none;pointer-events:none}.octave[data-v-954a59af]{width:fit-content;height:fit-content}.key[data-v-954a59af]{border:1px solid #000;cursor:pointer}.note[data-v-954a59af]{background:#fff}.white[data-v-954a59af]{width:100%;background:#fff;z-index:1;position:absolute;padding-bottom:4px;background:#f3f3f3;border:1px solid #ccc;border-radius:2px;transition:background .05s ease,transform .05s ease}.white.active[data-v-954a59af]{background:#d6d6d6;transform:translateY(1px)}.white.middle-c[data-v-954a59af]:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#3b82f6;border-top-right-radius:2px;border-bottom-right-radius:2px}.octave-label[data-v-954a59af]{position:absolute;right:4px;bottom:2px;font-size:10px;line-height:1;color:#71717a;font-weight:600;-webkit-user-select:none;user-select:none;pointer-events:none}.black[data-v-954a59af]{border:1px solid #000;width:60%;background:#000;z-index:1;position:absolute;padding-bottom:4px;background:linear-gradient(to bottom,#333,#000 60%,#222);border:1px solid #111;border-top-right-radius:2px;border-bottom-right-radius:2px;box-shadow:inset 0 1px 2px #ffffff0d,0 2px 4px #0006}.black[data-v-954a59af]:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080;background:linear-gradient(to bottom,#111,#000)}.Layout[data-v-a891f19d]{background:transparent;position:relative;transition:height .25s cubic-bezier(.25,.1,.25,1)}.BlurOverlay[data-v-a891f19d]{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#12141640,#14161833,#12141640),radial-gradient(120% 120% at 50% -20%,#ffffff08,#fff0 60%);backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 12px #00000059,inset 0 1px #ffffff0f,inset 0 -1px #0006;z-index:1;pointer-events:none;transition:height .25s cubic-bezier(.25,.1,.25,1)}.BlurOverlay[data-v-a891f19d]:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,#ffffff0d,#fff0 24%);pointer-events:none}canvas[data-v-a891f19d]{position:relative;background:transparent;display:block;max-width:none;max-height:none;z-index:2}.TempoEditor[data-v-a891f19d]{position:absolute;z-index:10;width:60px;height:24px;padding:2px 6px;border:2px solid #007bff;border-radius:3px;background:#2a2a2a;color:#fff;font-family:monospace;font-size:12px;text-align:center;outline:none;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-50%)}.TempoEditor[data-v-a891f19d]:focus{border-color:#0096ff;background:#333}.Layout[data-v-cefc7d5e]{position:relative;height:100%;background:transparent}canvas[data-v-cefc7d5e]{position:absolute;background:transparent;display:block;max-width:none;max-height:none}.Layout[data-v-452523dc]{position:relative;height:100%;background:transparent}canvas[data-v-452523dc]{position:absolute;background:transparent;display:block;max-width:none;max-height:none}.tempo-toggle-container[data-v-badce7f2]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;width:60px;padding-top:4px;box-sizing:border-box;background:linear-gradient(180deg,#0c0e10d9,#0e1012cc,#0c0e10d9),radial-gradient(120% 120% at 50% -20%,#ffffff0a,#fff0 60%);backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 12px #00000059,inset 0 1px #ffffff0f,inset 0 -1px #0006;transition:height .25s cubic-bezier(.25,.1,.25,1)}.tempo-toggle-container[data-v-badce7f2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff0d,#fff0 24%);pointer-events:none}.tempo-toggle-btn[data-v-badce7f2],.sync-btn[data-v-badce7f2]{display:flex;align-items:center;justify-content:center;height:32px;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tempo-toggle-btn[data-v-badce7f2]{position:relative;width:32px;padding:0;background:transparent;border:none;z-index:1}.chevron-icon[data-v-badce7f2]{transition:transform .25s cubic-bezier(.25,.1,.25,1)}.tempo-toggle-btn.expanded .chevron-icon[data-v-badce7f2]{transform:rotate(180deg)}.sync-btn[data-v-badce7f2]{width:32px;padding:0;background:#0a0a0c80;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border:.5px solid rgba(255,255,255,.1);border-radius:16px;height:32px;box-shadow:0 8px 16px #0006,0 2px 8px #0000004d,inset 0 .5px #ffffff0d,inset 0 -.5px #00000080}.sync-btn[data-v-badce7f2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%,rgba(0,0,0,.03) 100%);pointer-events:none;border-radius:16px}.tempo-toggle-btn[data-v-badce7f2]:hover{color:#ffffffe6;transform:scale(1.1)}.sync-btn[data-v-badce7f2]:hover{background:#ffffff1a;color:#ffffffe6;border-color:#fff3}.tempo-toggle-btn[data-v-badce7f2]:active{transform:scale(.9)}.sync-btn[data-v-badce7f2]:active{transform:scale(.95)}.sync-btn.active[data-v-badce7f2]{background:#3b83f640;color:#3b83f6;border-color:#3b83f666}.sync-btn.active[data-v-badce7f2]:hover{background:#3b83f659;border-color:#3b83f680}.sync-slide-enter-active[data-v-badce7f2],.sync-slide-leave-active[data-v-badce7f2]{transition:all .2s ease}.sync-slide-enter-from[data-v-badce7f2],.sync-slide-leave-to[data-v-badce7f2]{opacity:0;transform:translate(-8px)}.toolbar[data-v-0d8dcd68]{display:flex;flex-direction:row;align-items:center;gap:2px;padding:4px 6px;background:#0a0a0cd9;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border:.5px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 20px 40px #0009,0 8px 24px #00000080,0 1px 2px #0006,inset 0 .5px #ffffff0d,inset 0 -.5px #00000080;position:fixed;overflow:hidden;z-index:1000;pointer-events:auto}.toolbar[data-v-0d8dcd68]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%,rgba(0,0,0,.03) 100%);pointer-events:none}.tool-button[data-v-0d8dcd68]{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.tool-button.active[data-v-0d8dcd68]{color:#3b83f6}.tool-button.hovered[data-v-0d8dcd68]:not(.active){color:#ffffffe6;transform:scale(1.05)}.tool-button[data-v-0d8dcd68] svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.toolbar-fade-enter-active[data-v-0d8dcd68],.toolbar-fade-leave-active[data-v-0d8dcd68]{transition:opacity .15s ease-out}.toolbar-fade-enter-from[data-v-0d8dcd68],.toolbar-fade-leave-to[data-v-0d8dcd68]{opacity:0}.styles-menu-backdrop[data-v-fc684af2]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.styles-menu[data-v-fc684af2]{position:fixed;background:#0a0a0cf2;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border:.5px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 40px #0009,0 8px 24px #00000080,0 1px 2px #0006;overflow:hidden;min-width:200px;z-index:1000}.menu-header[data-v-fc684af2]{padding:8px 12px;border-bottom:.5px solid rgba(255,255,255,.1);font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.menu-items[data-v-fc684af2]{padding:4px}.menu-item[data-v-fc684af2]{width:100%;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fffc;font-size:13px;transition:all .15s ease;text-align:left}.menu-item[data-v-fc684af2]:hover{background:#ffffff14;color:#fff}.styles-name[data-v-fc684af2]{flex:1}.styles-shortcut[data-v-fc684af2]{font-size:11px;color:#fff6;margin-left:16px;font-family:monospace}.menu-fade-enter-active[data-v-fc684af2],.menu-fade-leave-active[data-v-fc684af2]{transition:opacity .15s ease-out}.menu-fade-enter-from[data-v-fc684af2],.menu-fade-leave-to[data-v-fc684af2]{opacity:0}.Layout[data-v-c2a81479]{position:relative;height:100%;background:transparent}.DynamicEditor[data-v-c2a81479]{position:absolute;z-index:10;width:60px;height:24px;padding:2px 6px;border:2px solid #007bff;border-radius:3px;background:#2a2a2a;color:#fff;font-family:monospace;font-size:12px;text-align:center;outline:none;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-50%)}.DynamicEditor[data-v-c2a81479]:focus{border-color:#0096ff;background:#333}canvas[data-v-c2a81479]{position:absolute;background:transparent;display:block;max-width:none;max-height:none}.PianoRollContainer[data-v-b24843bd]{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,#141416,#09090b 60%);border-radius:12px 12px 0 0;isolation:isolate}.EditorGrid[data-v-b24843bd]{display:grid;grid-template-columns:60px 1fr;align-items:stretch;height:100%}.KeyboardContainer[data-v-b24843bd]{position:sticky;left:0;top:0;z-index:100;background:#09090b;border-right:1px solid #27272a;width:60px;min-width:60px;overflow:hidden;pointer-events:none}.OnscreenKeyboard[data-v-b24843bd]{pointer-events:none}.PianoRollArea[data-v-b24843bd]{position:relative;overflow:hidden}.PianoRollViewport[data-v-b24843bd]{height:100%;overflow:auto;position:relative}.PianoRollViewport.drop-target[data-v-b24843bd]{outline:2px dashed #4a9eff;outline-offset:-2px}.tempo-toggle-container[data-v-b24843bd]{position:absolute;top:0;left:0;z-index:100;pointer-events:none;overflow:visible}.tempo-toggle-container[data-v-b24843bd]>*{pointer-events:auto}.OverlayStack[data-v-b24843bd]{background:transparent;position:absolute;top:0;left:0;right:0;bottom:0;z-index:25;pointer-events:none}.OverlayStack[data-v-b24843bd]>*{position:absolute;top:0;left:0;width:100%;z-index:1}.OverlayStack[data-v-b24843bd]>*:last-child{z-index:2}.qwerty-note-input-widget[data-v-22662513]{display:inline-block;max-width:calc(100vw - 24px);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(155deg,#2c303a5c,#14161d47);backdrop-filter:blur(16px) saturate(118%);-webkit-backdrop-filter:blur(16px) saturate(118%);color:#d0d5df;-webkit-user-select:none;user-select:none;box-shadow:0 14px 30px #00000052,inset 0 1px #ffffff24}.widget-header[data-v-22662513]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#383c466b,#1f222957);cursor:grab;touch-action:none}.widget-header.dragging[data-v-22662513]{cursor:grabbing}.header-left[data-v-22662513]{display:flex;align-items:center;gap:10px;min-width:0}.activity-led[data-v-22662513]{width:8px;height:8px;border-radius:999px;background:#5a6070;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .14s ease,box-shadow .14s ease}.activity-led.active[data-v-22662513]{background:#4adf6a;box-shadow:0 0 8px #4adf6a80,inset 0 0 0 1px #ffffff3d}.title-group[data-v-22662513]{min-width:0}.widget-title[data-v-22662513]{margin:0;color:#c0c7d6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.widget-status[data-v-22662513]{margin:2px 0 0;color:#9098ab;font-size:10px}.widget-controls[data-v-22662513]{display:flex;align-items:center;gap:6px;cursor:default}.mini-button[data-v-22662513],.capture-button[data-v-22662513]{border:1px solid rgba(255,255,255,.1);background:#2428328c;color:#a9b1c2;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease,transform .1s ease}.mini-button[data-v-22662513]:hover,.capture-button[data-v-22662513]:hover{background:#3438439e;color:#c3cada}.mini-button[data-v-22662513]:active,.capture-button[data-v-22662513]:active{transform:translateY(1px)}.mini-button[data-v-22662513]:disabled,.capture-button[data-v-22662513]:disabled{opacity:.35;cursor:not-allowed;transform:none}.octave-display[data-v-22662513],.semitone-display[data-v-22662513]{min-width:60px;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#13161d8c;color:#c0c7d6;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em}.control-divider[data-v-22662513]{width:1px;height:16px;margin:0 2px;background:#ffffff14}.capture-button.armed[data-v-22662513]{background:#1e3824a8;color:#7be991;border-color:#5ae07040}.keyboard-body[data-v-22662513]{display:flex;flex-direction:column;gap:12px;padding:12px;background:linear-gradient(180deg,#181b225c,#1012184d)}.octave-section[data-v-22662513]{display:flex;align-items:center;gap:12px}.octave-meta[data-v-22662513]{width:44px;flex-shrink:0;text-align:right}.row-title[data-v-22662513]{margin:0;color:#9ca4b6;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.row-subtitle[data-v-22662513]{margin:2px 0 0;color:#7f8798;font-size:8px}.octave-surface[data-v-22662513]{position:relative;width:var(--piano-section-width);height:98px;border-radius:10px;overflow:hidden;background:#0a0c107a;border:1px solid rgba(255,255,255,.07)}.upper-surface[data-v-22662513]{--active-white-bg: #50a8e0;--active-white-glow: 0 0 16px rgba(80, 168, 224, .5), inset 0 2px 4px rgba(0, 0, 0, .06);--active-black-bg: #1a4068;--active-black-glow: 0 0 12px rgba(80, 168, 224, .3), 0 3px 6px rgba(0, 0, 0, .4);--active-cap-border: rgba(80, 168, 224, .5);--active-cap-text: #90d0ff;--active-note-text: #50a8e0}.lower-surface[data-v-22662513]{--active-white-bg: #88c840;--active-white-glow: 0 0 16px rgba(136, 200, 64, .5), inset 0 2px 4px rgba(0, 0, 0, .06);--active-black-bg: #3a5820;--active-black-glow: 0 0 12px rgba(136, 200, 64, .3), 0 3px 6px rgba(0, 0, 0, .4);--active-cap-border: rgba(136, 200, 64, .5);--active-cap-text: #c8f080;--active-note-text: #88c840}.piano-white-key[data-v-22662513]{position:absolute;top:0;width:50px;height:98px;border-radius:5px;background:linear-gradient(180deg,#e4e6ec,#cfd1d8);box-shadow:0 2px 4px #00000040,inset 0 1px #ffffffb3;z-index:1;transition:background 75ms ease-out,box-shadow 75ms ease-out;pointer-events:auto;cursor:pointer;touch-action:none}.piano-white-key.active[data-v-22662513]{background:var(--active-white-bg);box-shadow:var(--active-white-glow)}.piano-black-key[data-v-22662513]{position:absolute;top:0;width:38px;height:52px;border-radius:0 0 4px 4px;transform:translate(-50%);background:linear-gradient(180deg,#22242e,#181a22);box-shadow:0 3px 6px #00000080,inset 0 -1px #ffffff0a;z-index:10;transition:background 75ms ease-out,box-shadow 75ms ease-out;pointer-events:auto;cursor:pointer;touch-action:none}.piano-black-key.active[data-v-22662513]{background:var(--active-black-bg);box-shadow:var(--active-black-glow)}.keycap[data-v-22662513]{position:absolute;width:36px;height:36px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transition:transform .06s ease-out,background .06s ease-out,border-color .06s ease-out;pointer-events:auto;cursor:pointer;touch-action:none}.keycap-white[data-v-22662513]{background:#0a0c14bf;border:1px solid rgba(0,0,0,.3);z-index:20}.keycap-black[data-v-22662513]{background:#1c1e2ad9;border:1px solid rgba(255,255,255,.06);z-index:25}.keycap.active[data-v-22662513]{transform:translateY(1px);border-color:var(--active-cap-border)}.keycap-white.active[data-v-22662513]{background:#0a0c1499}.keycap-black.active[data-v-22662513]{background:#282c3ce6}.note-chip[data-v-22662513]{margin-bottom:2px;color:#7f889a;font-size:7px;font-weight:600;pointer-events:none}.key-chip[data-v-22662513]{color:#b0b8c9;font-size:12px;font-weight:700;pointer-events:none}.keycap-black .note-chip[data-v-22662513]{color:#7a8294}.keycap-black .key-chip[data-v-22662513]{color:#a4adbf}.keycap.active .note-chip[data-v-22662513]{color:var(--active-note-text)}.keycap.active .key-chip[data-v-22662513]{color:var(--active-cap-text)}.legend-row[data-v-22662513]{margin-top:2px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.legend-item[data-v-22662513]{display:flex;align-items:center;gap:6px}.legend-swatch[data-v-22662513]{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-swatch.white[data-v-22662513]{background:linear-gradient(180deg,#e4e6ec,#cfd1d8)}.legend-swatch.black[data-v-22662513]{background:linear-gradient(180deg,#22242e,#181a22)}.legend-swatch.upper[data-v-22662513]{background:#50a8e0}.legend-swatch.lower[data-v-22662513]{background:#88c840}.legend-text[data-v-22662513]{color:#8f97a9;font-size:9px;font-weight:500}@media (max-width: 960px){.qwerty-note-input-widget[data-v-22662513]{max-width:calc(100vw - 12px)}.widget-status[data-v-22662513],.row-subtitle[data-v-22662513],.legend-row[data-v-22662513]{display:none}.widget-header[data-v-22662513]{padding:10px}.keyboard-body[data-v-22662513]{padding:10px;gap:10px}.octave-section[data-v-22662513]{gap:8px}.octave-meta[data-v-22662513]{width:34px}}.welcome-root[data-v-cdba7100]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;background:#08080a;perspective:1000px}.ambient-background[data-v-cdba7100]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}.welcome-root.is-exiting-global .ambient-background[data-v-cdba7100]{transform:scale(1.1);opacity:0;transition:transform 1.2s ease,opacity 1s ease}.light-orb[data-v-cdba7100]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;mix-blend-mode:screen;animation:orb-pulse 12s ease-in-out infinite alternate;will-change:transform,opacity}.welcome-content[data-v-cdba7100]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:48px;width:min(800px,100%);transition:opacity .5s ease}.welcome-header[data-v-cdba7100]{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;transform-origin:center center;transition:transform .8s cubic-bezier(.6,0,.2,1),opacity .6s ease}.welcome-root.is-exiting-global .welcome-header[data-v-cdba7100]{transform:translateY(-80px);opacity:0;filter:blur(4px)}.logo-container[data-v-cdba7100]{position:relative;padding:20px;margin:-20px;border-radius:20px;cursor:default}.lens-flare-effect[data-v-cdba7100]{position:absolute;top:50%;left:37px;width:0;height:0;pointer-events:none;z-index:10;mix-blend-mode:screen;opacity:1;transform:scale(1);transition:opacity .6s ease-out,transform .8s cubic-bezier(.2,.8,.2,1);animation:flare-intro-cdba7100 2s ease-out forwards}@keyframes flare-intro-cdba7100{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.flare-streak-main[data-v-cdba7100]{position:absolute;top:50%;left:50%;width:150vw;height:2px;transform:translate(-50%,-50%) rotate(calc(var(--flare-angle-rad, -2deg) * .1 - 2deg));background:linear-gradient(90deg,transparent 0%,rgba(255,248,231,0) 30%,rgba(255,255,255,.9) 50%,rgba(255,248,231,0) 70%,transparent 100%);filter:blur(4px);will-change:transform;opacity:.8}.flare-streak-long[data-v-cdba7100]{position:absolute;top:50%;left:50%;width:200vw;height:1px;transform:translate(-50%,-50%) rotate(0);background:linear-gradient(90deg,transparent 10%,rgba(200,220,255,.1) 40%,rgba(255,255,255,.4) 50%,rgba(200,220,255,.1) 60%,transparent 90%);filter:blur(1px);mix-blend-mode:screen;opacity:calc(.3 + var(--flare-dist-norm, 0) * .4)}.flare-streak-secondary[data-v-cdba7100]{position:absolute;top:50%;left:50%;width:120vw;height:6px;transform:translate(-50%,-50%) rotate(20deg);background:radial-gradient(ellipse at center,rgba(100,150,255,.2) 0%,transparent 60%);filter:blur(8px);opacity:calc(.4 + var(--flare-dist-norm, 0) * .3)}.flare-shimmer[data-v-cdba7100]{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);filter:blur(8px);mix-blend-mode:overlay;animation:shimmer-pulse-cdba7100 .1s infinite alternate;opacity:.3}@keyframes shimmer-pulse-cdba7100{0%{opacity:.2;transform:translate(-50%,-50%) scale(.9)}to{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.flare-rainbow[data-v-cdba7100]{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,#ff00000d,#ff9a000d,#d0de210d,#4fdc4a0d,#3fdad80d,#2fc9e20d,#1c7fee0d,#5f15f20d,#ba0cf80d,#fb07d90d,#ff00000d);border-radius:50%;filter:blur(40px);opacity:calc(.2 + var(--flare-dist-norm, 0) * .5);mix-blend-mode:color-dodge;animation:rainbow-spin-cdba7100 20s linear infinite}@keyframes rainbow-spin-cdba7100{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.flare-center-glow[data-v-cdba7100]{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,220,150,.5) 20%,transparent 70%);filter:blur(20px);animation:flare-glow-pulse-cdba7100 4s ease-in-out infinite alternate}.flare-rays[data-v-cdba7100]{display:none}.flare-bokeh[data-v-cdba7100]{position:absolute;border-radius:50%;background:#fff8e726;filter:blur(5px);opacity:.6;transform:translate(calc(var(--flare-dx, 0px) * var(--multiplier)),calc(var(--flare-dy, 0px) * var(--multiplier)));will-change:transform,box-shadow;box-shadow:inset calc(var(--flare-cos, 0) * 2px) calc(var(--flare-sin, 0) * 2px) 4px #ff64641a,inset calc(var(--flare-cos, 0) * -2px) calc(var(--flare-sin, 0) * -2px) 4px #6464ff1a}.b1[data-v-cdba7100]{width:140px;height:140px;--multiplier: .25;background:radial-gradient(circle,rgba(255,220,150,.15) 0%,rgba(255,200,100,.08) 60%,transparent 80%);border:1px solid rgba(255,248,231,.2);box-shadow:inset calc(var(--flare-cos, 0) * 3px) calc(var(--flare-sin, 0) * 3px) 6px #ff323226,inset calc(var(--flare-cos, 0) * -3px) calc(var(--flare-sin, 0) * -3px) 6px #3232ff26,0 0 20px #ffc8641a}.b2[data-v-cdba7100]{width:180px;height:180px;--multiplier: .55;background:radial-gradient(circle,rgba(200,230,255,.12) 0%,transparent 70%);filter:blur(12px);mix-blend-mode:overlay}.b3[data-v-cdba7100]{width:60px;height:60px;--multiplier: -.15;background:#fff6;filter:blur(4px);box-shadow:calc(var(--flare-cos, 0) * 2px) calc(var(--flare-sin, 0) * 2px) 8px #fffc,0 0 15px #fff6}.b4[data-v-cdba7100]{width:350px;height:350px;--multiplier: .9;background:radial-gradient(circle,rgba(255,160,60,.08) 0%,transparent 60%);filter:blur(40px);mix-blend-mode:screen}.b5[data-v-cdba7100]{width:25px;height:25px;--multiplier: -.4;background:#b4f0ffcc;filter:blur(1px);box-shadow:0 0 12px #b4f0ffe6}.b6[data-v-cdba7100]{width:90px;height:90px;--multiplier: .35;background:transparent;border:2px solid rgba(255,220,150,.15);filter:blur(3px);box-shadow:inset calc(var(--flare-cos, 0) * 4px) calc(var(--flare-sin, 0) * 4px) 8px #ffc86433}.b7[data-v-cdba7100]{width:160px;height:160px;--multiplier: -.8;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border:1px solid rgba(255,255,255,.08);filter:blur(8px)}@keyframes flare-glow-pulse-cdba7100{0%{transform:translate(-50%,-50%) scale(.95);opacity:.7}to{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.logo-container[data-v-cdba7100]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140vw;height:140vh;background:radial-gradient(ellipse at center,rgba(255,248,231,.18) 0%,rgba(255,220,150,.08) 25%,rgba(255,200,100,.03) 50%,transparent 70%);pointer-events:none;opacity:0;mix-blend-mode:screen;animation:glow-fade-in-cdba7100 2s ease-out forwards,glow-pulse-cdba7100 6s ease-in-out 2s infinite}@keyframes glow-fade-in-cdba7100{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes glow-pulse-cdba7100{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.12);opacity:.9}}.halogen-logo[data-v-cdba7100]{color:#fff8e7;position:relative;z-index:1;opacity:0;animation:logo-fade-in-cdba7100 1.2s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(0 0 15px rgba(255,248,231,.3))}@keyframes logo-fade-in-cdba7100{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.view-fade-enter-active[data-v-cdba7100],.view-fade-leave-active[data-v-cdba7100]{transition:all .4s ease}.view-fade-enter-from[data-v-cdba7100]{opacity:0;transform:translateY(12px)}.view-fade-leave-to[data-v-cdba7100]{opacity:0;transform:translateY(-12px)}.auth-section[data-v-cdba7100]{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(380px,100%);padding:40px;background:#0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0003}.auth-subtitle[data-v-cdba7100]{margin:0;font-size:14px;color:#ffffff80;text-align:center}.auth-step[data-v-cdba7100]{display:flex;flex-direction:column;width:100%}.verify-email-hint[data-v-cdba7100]{margin:0 0 16px;font-size:13px;color:#ffffff80;text-align:center}.auth-step-enter-active[data-v-cdba7100],.auth-step-leave-active[data-v-cdba7100]{transition:all .3s ease}.auth-step-enter-from[data-v-cdba7100]{opacity:0;transform:translate(20px)}.auth-step-leave-to[data-v-cdba7100]{opacity:0;transform:translate(-20px)}.form-group[data-v-cdba7100]{margin-bottom:8px}.input-wrapper[data-v-cdba7100]{position:relative}.input-icon[data-v-cdba7100]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.form-input[data-v-cdba7100]{width:100%;height:44px;padding:0 16px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:14px;font-family:Inter,sans-serif;transition:all .3s ease}.form-input.with-icon[data-v-cdba7100]{padding-left:44px}.form-input[data-v-cdba7100]::placeholder{color:#ffffff4d}.form-input[data-v-cdba7100]:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff1f}.form-input[data-v-cdba7100]:focus{outline:none;background:#ffffff0f;border-color:#fff8e766;box-shadow:0 0 0 3px #fff8e714}.form-input[data-v-cdba7100]:disabled{opacity:.4;cursor:not-allowed}.otp-inputs-container[data-v-cdba7100]{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.otp-inputs-container.shake[data-v-cdba7100]{animation:shake-cdba7100 .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-cdba7100{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.otp-box[data-v-cdba7100]{width:42px;height:48px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:20px;font-weight:600;text-align:center;transition:all .2s ease;line-height:44px}.otp-box[data-v-cdba7100]:focus{outline:none;background:#ffffff0f;border-color:#fff8e780;box-shadow:0 0 0 3px #fff8e71a}.otp-box.filled[data-v-cdba7100]{background:#fff8e714;border-color:#fff8e74d;color:#fff8e7;animation:fillBounce-cdba7100 .3s ease}.otp-box.active[data-v-cdba7100]{border-color:#fff8e799;box-shadow:0 0 0 2px #fff8e733}@keyframes fillBounce-cdba7100{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.primary-button[data-v-cdba7100]{width:100%;height:44px;margin-top:10px;background:linear-gradient(135deg,#fff8e726,#fff8e714);border:1px solid rgba(255,248,231,.2);border-radius:10px;color:#fffc;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.primary-button.is-active[data-v-cdba7100]{background:linear-gradient(135deg,#fff8e740,#fff8e726);border-color:#fff8e759;color:#fff8e7;box-shadow:0 0 20px #fff8e726}.primary-button[data-v-cdba7100]:hover:not(:disabled){background:linear-gradient(135deg,#fff8e74d,#fff8e733);border-color:#fff8e766}.primary-button[data-v-cdba7100]:disabled{opacity:.4;cursor:not-allowed}.button-content[data-v-cdba7100]{display:flex;align-items:center;gap:8px}.spinner[data-v-cdba7100]{animation:spin-cdba7100 1s linear infinite}@keyframes spin-cdba7100{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.secondary-actions[data-v-cdba7100]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.secondary-link[data-v-cdba7100]{padding:0;background:none;border:none;color:#fff6;font-size:12px;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s;display:flex;align-items:center}.secondary-link[data-v-cdba7100]:hover:not(:disabled){color:#fff9}.secondary-link[data-v-cdba7100]:disabled{opacity:.5;cursor:not-allowed}.action-separator[data-v-cdba7100]{color:#fff3;font-size:12px}.error-message[data-v-cdba7100]{margin-top:12px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ff6b6b;font-size:13px;animation:slideIn-cdba7100 .3s ease}@keyframes slideIn-cdba7100{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.helper-text[data-v-cdba7100]{margin-top:12px;font-size:12px;color:#fff6;text-align:center}.rate-limit-message[data-v-cdba7100]{margin-top:16px;padding:20px;background:linear-gradient(135deg,#fff8e70d,#fff8e705);border:1px solid rgba(255,248,231,.15);border-radius:12px}.countdown-timer[data-v-cdba7100]{text-align:center}.countdown-number[data-v-cdba7100]{font-size:32px;font-weight:700;color:#fff8e7;margin-bottom:4px;text-shadow:0 0 20px rgba(255,248,231,.3);font-variant-numeric:tabular-nums}.countdown-text[data-v-cdba7100]{font-size:12px;color:#ffffff80}.welcome-state[data-v-cdba7100]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#ffffff80;text-align:center;gap:16px}.welcome-state p[data-v-cdba7100]{margin:0;font-size:13px}.retry-button[data-v-cdba7100]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .15s ease}.retry-button[data-v-cdba7100]:hover{border-color:#ffffff26;background:#ffffff0f}.welcome-body[data-v-cdba7100]{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.bento-grid[data-v-cdba7100]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,120px);gap:12px;width:100%;max-width:680px;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.welcome-body.is-exiting .bento-grid[data-v-cdba7100]{pointer-events:none}.bento-tile-1[data-v-cdba7100]{grid-column:1 / 3;grid-row:1 / 3}.bento-tile-2[data-v-cdba7100]{grid-column:3 / 4;grid-row:1 / 2}.bento-tile-3[data-v-cdba7100]{grid-column:4 / 5;grid-row:1 / 2}.bento-tile-4[data-v-cdba7100]{grid-column:3 / 4;grid-row:2 / 3}.bento-tile-5[data-v-cdba7100]{grid-column:4 / 5;grid-row:2 / 3}.bento-tile-6[data-v-cdba7100]{display:none}.bento-tile[data-v-cdba7100]{position:relative;border-radius:16px;background:#ffffff08;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0003;cursor:pointer;overflow:hidden;padding:0;display:flex;flex-direction:column;opacity:0;animation:bento-appear-cdba7100 .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay, 0s);transition:all .5s cubic-bezier(.5,0,.1,1);transform-style:preserve-3d;z-index:1}@keyframes bento-appear-cdba7100{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bento-tile[data-v-cdba7100]:hover{transform:translateY(-6px) scale(1.02);background:#ffffff12;border-color:#fff8e74d;box-shadow:0 20px 40px #0006,0 0 0 1px #fff8e71a,0 0 60px #fff8e71a;z-index:10}.welcome-body.is-exiting .bento-tile[data-v-cdba7100]{pointer-events:none}.welcome-body.is-exiting .bento-tile.is-not-selected[data-v-cdba7100]{opacity:0!important;transform:translateY(150px) scale(.9) rotate(3deg)!important;transition:opacity .5s ease,transform .8s cubic-bezier(.4,0,.2,1);filter:grayscale(100%) blur(2px)}.welcome-body.is-exiting .bento-tile.is-not-selected[data-v-cdba7100]:nth-child(odd){transition-delay:0s;transform:translateY(150px) scale(.9) rotate(-3deg)!important}.welcome-body.is-exiting .bento-tile.is-not-selected[data-v-cdba7100]:nth-child(2n){transition-delay:.1s}.welcome-body.is-exiting .bento-tile.is-selected[data-v-cdba7100]{opacity:1;z-index:100;border-color:#fff8e7;background:#ffffff26;box-shadow:0 0 0 1px #fff8e780;animation:fly-to-track-list-cdba7100 .9s cubic-bezier(.6,-.05,.01,.99) forwards;transition:none}@keyframes fly-to-track-list-cdba7100{0%{transform:scale(1) translateZ(0)}20%{transform:scale(1.05) translate3d(0,10px,0)}to{transform:translate3d(-42vw,-38vh,0) scale(.3);opacity:0}}.bento-tile[data-v-cdba7100]:active{transform:scale(.98);transition-duration:.1s}.bento-tile[data-v-cdba7100]:disabled{opacity:.5;cursor:default;transform:none}.tile-shimmer[data-v-cdba7100]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,248,231,.03) 45%,rgba(255,248,231,.08) 50%,rgba(255,248,231,.03) 55%,transparent 60%);transform:translate(-100%);pointer-events:none;z-index:10}.bento-tile:hover .tile-shimmer[data-v-cdba7100]{animation:shimmer-cdba7100 .8s ease forwards}@keyframes shimmer-cdba7100{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tile-background[data-v-cdba7100]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.tile-background img[data-v-cdba7100]{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.bento-tile:hover .tile-background img[data-v-cdba7100]{transform:scale(1.08)}.tile-initial[data-v-cdba7100]{font-size:36px;font-weight:800;color:#ffffff14}.bento-tile-1 .tile-initial[data-v-cdba7100]{font-size:64px}.tile-overlay[data-v-cdba7100]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000001a 40%,#000000d9);transition:opacity .3s ease}.bento-tile:hover .tile-overlay[data-v-cdba7100]{opacity:.9}.tile-content[data-v-cdba7100]{position:absolute;bottom:0;left:0;right:0;padding:14px;display:flex;flex-direction:column;gap:2px;z-index:2;text-align:left}.bento-tile-1 .tile-content[data-v-cdba7100]{padding:18px;gap:4px}.tile-name[data-v-cdba7100]{font-size:13px;font-weight:700;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;text-shadow:0 1px 6px rgba(0,0,0,.5)}.bento-tile-1 .tile-name[data-v-cdba7100]{font-size:18px;font-weight:800;letter-spacing:-.02em}.tile-provider[data-v-cdba7100]{font-size:10px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bento-tile-1 .tile-provider[data-v-cdba7100]{font-size:11px}.empty-project-section[data-v-cdba7100]{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:680px;margin-top:8px;opacity:0;animation:hint-appear-cdba7100 .4s ease forwards;animation-delay:.5s}@keyframes hint-appear-cdba7100{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.divider-line[data-v-cdba7100]{display:flex;align-items:center;width:100%;gap:16px}.divider-line[data-v-cdba7100]:before,.divider-line[data-v-cdba7100]:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.divider-text[data-v-cdba7100]{font-size:11px;font-weight:600;letter-spacing:.1em;color:#ffffff4d}.empty-project-link[data-v-cdba7100]{padding:0;background:none;border:none;font-size:13px;font-family:Inter,sans-serif;color:#fff6;cursor:pointer;transition:all .25s ease}.empty-project-link[data-v-cdba7100]:hover:not(:disabled){color:#fff8e7cc}.empty-project-link[data-v-cdba7100]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.bento-grid[data-v-cdba7100]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,100px);gap:10px}.bento-tile-1[data-v-cdba7100]{grid-column:1 / 3;grid-row:1 / 2}.bento-tile-2[data-v-cdba7100]{grid-row:2;grid-column:1}.bento-tile-3[data-v-cdba7100]{grid-row:2;grid-column:2}.bento-tile-4[data-v-cdba7100]{grid-row:3;grid-column:1}.bento-tile-5[data-v-cdba7100]{grid-row:3;grid-column:2}.tile-content[data-v-cdba7100]{padding:10px}.bento-tile-1 .tile-content[data-v-cdba7100]{padding:12px}}.logo-path[data-v-cdba7100]{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw-logo-cdba7100 4s cubic-bezier(.2,.8,.2,1) forwards;opacity:1;fill:transparent;filter:drop-shadow(0 0 10px rgba(255,248,231,.5))}@keyframes draw-logo-cdba7100{0%{stroke-dashoffset:2000;fill:transparent}30%{stroke-dashoffset:1000;fill:transparent}60%{fill:#fff8e700}to{stroke-dashoffset:0;fill:#fff8e7}}.spotlight-overlay[data-v-5ddf62fa]{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),transparent 0%,transparent 60px,rgba(0,0,0,.4) 120px,rgba(0,0,0,.5) 100%);z-index:9999;pointer-events:auto;cursor:pointer}.spotlight-enter-active[data-v-5ddf62fa]{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.spotlight-leave-active[data-v-5ddf62fa]{transition:opacity .3s cubic-bezier(.4,0,1,1)}.spotlight-enter-from[data-v-5ddf62fa],.spotlight-leave-to[data-v-5ddf62fa]{opacity:0}.ui-highlighter[data-v-5ddf62fa]{position:fixed;z-index:10000;pointer-events:auto;cursor:pointer}.highlight-container[data-v-5ddf62fa]{position:relative;display:flex;align-items:center;justify-content:center}.ambient-glow[data-v-5ddf62fa]{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(ellipse at center,rgba(56,189,248,.08) 0%,rgba(56,189,248,.03) 40%,transparent 70%);border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.is-visible .ambient-glow[data-v-5ddf62fa]{opacity:1;transform:scale(1);animation:ambient-breathe-5ddf62fa 4s cubic-bezier(.4,0,.6,1) infinite}.glow-ring[data-v-5ddf62fa]{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:radial-gradient(ellipse at center,rgba(56,189,248,.2) 0%,rgba(56,189,248,.08) 50%,transparent 70%);border-radius:20px;opacity:0;transform:scale(.9);transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,transform .4s cubic-bezier(.4,0,.2,1) .1s}.is-visible .glow-ring[data-v-5ddf62fa]{opacity:1;transform:scale(1);animation:glow-pulse-5ddf62fa 2.5s cubic-bezier(.4,0,.6,1) infinite}.shimmer[data-v-5ddf62fa]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 55%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .4s ease .2s}.is-visible .shimmer[data-v-5ddf62fa]{opacity:1;animation:shimmer-sweep-5ddf62fa 3s cubic-bezier(.4,0,.2,1) infinite}.highlight-content[data-v-5ddf62fa]{display:flex;align-items:center;position:relative;z-index:1;opacity:0;transform:scale(.95);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.is-visible .highlight-content[data-v-5ddf62fa]{opacity:1;transform:scale(1)}.position-above .highlight-content[data-v-5ddf62fa],.position-below .highlight-content[data-v-5ddf62fa]{flex-direction:column}.position-above.is-visible .highlight-content[data-v-5ddf62fa]{animation:float-up-5ddf62fa 2.2s cubic-bezier(.4,0,.6,1) infinite}.position-below.is-visible .highlight-content[data-v-5ddf62fa]{animation:float-down-5ddf62fa 2.2s cubic-bezier(.4,0,.6,1) infinite}.position-left .highlight-content[data-v-5ddf62fa],.position-right .highlight-content[data-v-5ddf62fa]{flex-direction:row}.position-left.is-visible .highlight-content[data-v-5ddf62fa]{animation:float-left-5ddf62fa 2.2s cubic-bezier(.4,0,.6,1) infinite}.position-right.is-visible .highlight-content[data-v-5ddf62fa]{animation:float-right-5ddf62fa 2.2s cubic-bezier(.4,0,.6,1) infinite}.pointer-label[data-v-5ddf62fa]{position:relative;background:linear-gradient(180deg,#27272afa,#18181bfa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 16px;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,0 0 0 1px #38bdf81a,inset 0 1px #ffffff0a;overflow:hidden}.label-inner[data-v-5ddf62fa]{position:relative;z-index:1}.label-text[data-v-5ddf62fa]{color:#fafafa;font-size:13px;font-weight:500;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(180deg,#fff,#e4e4e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pointer-arrow[data-v-5ddf62fa]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));flex-shrink:0;opacity:.98}.arrow-down[data-v-5ddf62fa]{width:18px;height:9px;margin-top:-1px}.arrow-up[data-v-5ddf62fa]{width:18px;height:9px;margin-bottom:-1px}.arrow-right[data-v-5ddf62fa]{width:9px;height:18px;margin-left:-1px}.arrow-left[data-v-5ddf62fa]{width:9px;height:18px;margin-right:-1px}@keyframes float-up-5ddf62fa{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-4px) scale(1.01)}50%{transform:translateY(-8px) scale(1)}75%{transform:translateY(-4px) scale(.99)}}@keyframes float-down-5ddf62fa{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(4px) scale(1.01)}50%{transform:translateY(8px) scale(1)}75%{transform:translateY(4px) scale(.99)}}@keyframes float-left-5ddf62fa{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-4px) scale(1.01)}50%{transform:translate(-8px) scale(1)}75%{transform:translate(-4px) scale(.99)}}@keyframes float-right-5ddf62fa{0%,to{transform:translate(0) scale(1)}25%{transform:translate(4px) scale(1.01)}50%{transform:translate(8px) scale(1)}75%{transform:translate(4px) scale(.99)}}@keyframes glow-pulse-5ddf62fa{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ambient-breathe-5ddf62fa{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes shimmer-sweep-5ddf62fa{0%{background-position:200% 0}to{background-position:-200% 0}}.highlight-enter-active[data-v-5ddf62fa]{animation:highlight-in-5ddf62fa .5s cubic-bezier(.16,1,.3,1)}.highlight-leave-active[data-v-5ddf62fa]{animation:highlight-out-5ddf62fa .35s cubic-bezier(.4,0,1,1)}@keyframes highlight-in-5ddf62fa{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}@keyframes highlight-out-5ddf62fa{0%{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-100%) scale(.9)}}.position-below.highlight-enter-active[data-v-5ddf62fa]{animation-name:highlight-in-below-5ddf62fa}.position-left.highlight-enter-active[data-v-5ddf62fa]{animation-name:highlight-in-left-5ddf62fa}.position-right.highlight-enter-active[data-v-5ddf62fa]{animation-name:highlight-in-right-5ddf62fa}.position-below.highlight-leave-active[data-v-5ddf62fa]{animation-name:highlight-out-below-5ddf62fa}.position-left.highlight-leave-active[data-v-5ddf62fa]{animation-name:highlight-out-left-5ddf62fa}.position-right.highlight-leave-active[data-v-5ddf62fa]{animation-name:highlight-out-right-5ddf62fa}@keyframes highlight-in-below-5ddf62fa{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes highlight-out-below-5ddf62fa{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.9)}}@keyframes highlight-in-left-5ddf62fa{0%{opacity:0;transform:translate(-100%) translateY(-50%) scale(.85)}to{opacity:1;transform:translate(-100%) translateY(-50%) scale(1)}}@keyframes highlight-out-left-5ddf62fa{0%{opacity:1;transform:translate(-100%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-100%) translateY(-50%) scale(.9)}}@keyframes highlight-in-right-5ddf62fa{0%{opacity:0;transform:translateY(-50%) scale(.85)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes highlight-out-right-5ddf62fa{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.9)}}.instance-selector[data-v-4777e697]{position:absolute;top:12px;right:12px;z-index:250;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:8px;background:#0a0a0ccc;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.instance-selector label[data-v-4777e697]{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}.instance-selector select[data-v-4777e697]{min-width:140px;padding:5px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#1a1b1ff2;color:#f3f4f6;font-size:12px}.Layout[data-v-d40ff652]{display:flex;height:100vh;overflow:hidden;background:linear-gradient(180deg,#1a1a1e,#111113);position:relative}.welcome-overlay[data-v-d40ff652]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.welcome-fade-enter-active[data-v-d40ff652],.welcome-fade-leave-active[data-v-d40ff652]{transition:opacity .5s ease}.welcome-fade-enter-from[data-v-d40ff652],.welcome-fade-leave-to[data-v-d40ff652]{opacity:0}.main-content[data-v-d40ff652]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.main-content[data-v-d40ff652]>:first-child{flex-shrink:0}.main-content[data-v-d40ff652]>:last-child{flex:1;overflow:hidden}.qwerty-widget-overlay[data-v-d40ff652]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:180;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}.qwerty-widget-overlay[data-v-d40ff652]>*{pointer-events:auto}
