:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%}.page[data-v-6afcb16f]{min-height:100vh;display:flex;justify-content:center;padding:20px 16px 32px}.content[data-v-6afcb16f]{width:100%;max-width:1000px}.title[data-v-6afcb16f]{margin:0;text-align:center;font-size:32px;letter-spacing:.08em}.subtitle[data-v-6afcb16f]{margin:20px 0 24px;text-align:center;font-size:20px}.hero-action-slot[data-v-6afcb16f],.mobile-playlist-toggle[data-v-6afcb16f]{display:none}.honeypot[data-v-6afcb16f]{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.mouse-field[data-v-6afcb16f]{position:relative;overflow:hidden;width:100%;height:400px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0000000f}.field-toolbar[data-v-6afcb16f]{margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}.generation-group[data-v-6afcb16f]{display:flex;align-items:center;gap:8px}.tool-actions[data-v-6afcb16f]{display:flex;gap:8px}.generate-button[data-v-6afcb16f]{border:1px solid #d6d6d6;border-radius:8px;background:#fff;color:#2f2f2f;height:30px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}.generate-button[data-v-6afcb16f]:disabled{opacity:.6;cursor:wait}.style-tag[data-v-6afcb16f]{height:30px;border-radius:999px;padding:0 10px;border:1px solid #d6d6d6;background:#fff;color:#3b3b3b;display:inline-flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.style-selector[data-v-6afcb16f]{position:relative}.style-menu[data-v-6afcb16f]{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:110px;padding:6px;border:1px solid #d6d6d6;border-radius:10px;background:#fff;box-shadow:0 8px 20px #0000001f;display:flex;flex-direction:column;gap:4px}.style-option[data-v-6afcb16f]{height:28px;border:1px solid transparent;border-radius:7px;background:#fff;color:#2f2f2f;text-align:left;padding:0 8px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;cursor:pointer}.style-option[data-v-6afcb16f]:hover{background:#f6f6f6}.style-option.active[data-v-6afcb16f]{border-color:#c9c9c9;background:#f3f3f3}.tool-button[data-v-6afcb16f]{border:1px solid #d6d6d6;border-radius:8px;background:#fff;color:#2f2f2f;height:30px;min-width:30px;padding:0;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tool-button[data-v-6afcb16f]:disabled{opacity:.45;cursor:not-allowed}.tool-button.clear[data-v-6afcb16f]{border-color:#c9c9c9}.tool-button svg[data-v-6afcb16f]{width:14px;height:14px}.draw-canvas[data-v-6afcb16f]{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.player[data-v-6afcb16f]{margin-top:20px;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:12px 14px;box-shadow:0 6px 20px #0000000f}.player-track[data-v-6afcb16f]{display:flex;align-items:center;gap:12px}.mode-button[data-v-6afcb16f]{width:30px;height:26px;border:1px solid #d6d6d6;border-radius:8px;background:#fff;color:#555;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mode-button.active[data-v-6afcb16f]{border-color:#9f9f9f;background:#ececec;color:#222}.mode-button svg[data-v-6afcb16f]{width:14px;height:14px}.mode-button.compact[data-v-6afcb16f]{width:34px;height:28px}.player-button[data-v-6afcb16f]{width:40px;height:40px;border:none;border-radius:999px;background:#3b3b3b;color:#fff;padding:0;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.player-button[data-v-6afcb16f]:hover{background:#4a4a4a;box-shadow:0 8px 18px #0003}.player-button[data-v-6afcb16f]:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.player-button[data-v-6afcb16f]:active{transform:translateY(1px)}.player-icon[data-v-6afcb16f]{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;margin-left:2px}.player-icon.paused[data-v-6afcb16f]{width:10px;height:12px;border:0;margin-left:0;background:linear-gradient(to right,#fff 0 40%,transparent 40% 60%,#fff 60% 100%)}.progress[data-v-6afcb16f]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:999px;cursor:pointer;background:linear-gradient(to right,#3b3b3b 0 var(--progress),#dedede var(--progress) 100%)}.duration[data-v-6afcb16f]{min-width:44px;text-align:right;font-size:13px;color:#333;font-variant-numeric:tabular-nums}.time-current[data-v-6afcb16f]{min-width:38px;text-align:right;font-size:13px;color:#333;font-variant-numeric:tabular-nums}.playlist[data-v-6afcb16f]{margin-top:12px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0000000f;padding:10px 12px}.playlist-title[data-v-6afcb16f]{margin:0;font-size:12px;color:#5a5a5a;text-transform:uppercase;letter-spacing:.08em}.playlist-head[data-v-6afcb16f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.playlist-head-actions[data-v-6afcb16f]{display:flex;align-items:center;gap:6px}.playlist-list[data-v-6afcb16f]{display:flex;flex-direction:column;gap:6px}.playlist-item[data-v-6afcb16f]{width:100%;border:1px solid #ececec;border-radius:10px;background:#fff;padding:8px 10px;display:grid;grid-template-columns:72px 1fr auto auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.playlist-item[data-v-6afcb16f]:hover{background:#f8f8f8}.playlist-item.active[data-v-6afcb16f]{border-color:#d1d1d1;background:#f3f3f3}.playlist-genre[data-v-6afcb16f]{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#656565}.playlist-name[data-v-6afcb16f]{font-size:13px;color:#2f2f2f}.playlist-length[data-v-6afcb16f]{font-size:12px;color:#555;font-variant-numeric:tabular-nums}.playlist-delete[data-v-6afcb16f]{width:24px;height:24px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#666;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;padding:0;cursor:pointer}.playlist-delete[data-v-6afcb16f]:hover{border-color:#c2c2c2;color:#222;background:#f6f6f6}.mobile-playlist-overlay[data-v-6afcb16f]{display:none}.progress[data-v-6afcb16f]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:14px;border-radius:2px;border:none;background:#111;box-shadow:none}.progress[data-v-6afcb16f]::-moz-range-track{height:3px;border-radius:999px;background:transparent}.progress[data-v-6afcb16f]::-moz-range-thumb{width:2px;height:14px;border-radius:2px;border:none;background:#111;box-shadow:none}@media(max-width:768px){.page[data-v-6afcb16f]{height:100dvh;min-height:100dvh;overflow:hidden;padding-bottom:0}.content[data-v-6afcb16f]{height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:140px}.hero-row[data-v-6afcb16f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hero-text[data-v-6afcb16f]{display:flex;align-items:baseline;gap:10px;min-width:0}.title[data-v-6afcb16f]{font-size:24px;white-space:nowrap}.subtitle[data-v-6afcb16f]{margin:0;font-size:16px;white-space:nowrap}.hero-action-slot[data-v-6afcb16f]{display:flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center}.mobile-playlist-toggle[data-v-6afcb16f]{display:inline-flex;width:34px;height:34px;border:1px solid #d6d6d6;border-radius:9px;background:#fff;color:#303030;align-items:center;justify-content:center;padding:0;cursor:pointer}.mobile-playlist-toggle[data-v-6afcb16f]:disabled{opacity:.4;cursor:not-allowed}.mobile-playlist-toggle svg[data-v-6afcb16f]{width:16px;height:16px}.field-toolbar[data-v-6afcb16f]{gap:8px}.mouse-field[data-v-6afcb16f]{height:auto;min-height:0;flex:1;margin-bottom:0}.player[data-v-6afcb16f]{position:fixed;left:16px;right:16px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 35px);margin-top:0;z-index:30}.playlist[data-v-6afcb16f]{display:none}.mobile-playlist-overlay[data-v-6afcb16f]{position:fixed;inset:0;z-index:50;background:#00000059;display:flex;align-items:flex-end;justify-content:center;padding:0 12px calc(max(12px,env(safe-area-inset-bottom)) + 110px)}.mobile-playlist[data-v-6afcb16f]{width:100%;max-height:min(52vh,420px);border-radius:14px;background:#fff;border:1px solid #e3e3e3;box-shadow:0 10px 28px #0003;display:flex;flex-direction:column}.mobile-playlist-head[data-v-6afcb16f]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid #ededed}.mobile-playlist-head-actions[data-v-6afcb16f]{display:flex;align-items:center;gap:6px}.mobile-playlist-title[data-v-6afcb16f]{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5a5a5a}.mobile-playlist-close[data-v-6afcb16f]{border:none;background:transparent;color:#333;font-size:16px;line-height:1;width:28px;height:28px;border-radius:6px;cursor:pointer}.mobile-playlist-list[data-v-6afcb16f]{overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.generate-button[data-v-6afcb16f]{padding:0 10px}.player-track[data-v-6afcb16f]{gap:8px}.player-track .mode-button[data-v-6afcb16f]{display:none}.player-button[data-v-6afcb16f]{width:38px;height:38px}}@media(prefers-color-scheme:dark){.title[data-v-6afcb16f],.subtitle[data-v-6afcb16f]{color:#f1f1f1}.mouse-field[data-v-6afcb16f]{border-color:#3a3a3a;background:#1f1f1f;box-shadow:0 6px 20px #00000047}.generate-button[data-v-6afcb16f],.style-tag[data-v-6afcb16f],.style-option[data-v-6afcb16f],.tool-button[data-v-6afcb16f],.mode-button[data-v-6afcb16f],.playlist-delete[data-v-6afcb16f],.mobile-playlist-toggle[data-v-6afcb16f]{background:#252525;border-color:#444;color:#e5e5e5}.style-menu[data-v-6afcb16f]{background:#202020;border-color:#3f3f3f;box-shadow:0 12px 24px #00000059}.style-option[data-v-6afcb16f]:hover{background:#2a2a2a}.style-option.active[data-v-6afcb16f],.mode-button.active[data-v-6afcb16f]{background:#343434;border-color:#565656;color:#fff}.player[data-v-6afcb16f],.playlist[data-v-6afcb16f],.mobile-playlist[data-v-6afcb16f]{background:#202020;border-color:#3a3a3a;box-shadow:0 6px 20px #0000004d}.player-button[data-v-6afcb16f]{background:#5f5f5f}.player-button[data-v-6afcb16f]:hover{background:#717171}.time-current[data-v-6afcb16f],.duration[data-v-6afcb16f],.playlist-title[data-v-6afcb16f],.playlist-genre[data-v-6afcb16f],.playlist-name[data-v-6afcb16f],.playlist-length[data-v-6afcb16f],.mobile-playlist-title[data-v-6afcb16f]{color:#e1e1e1}.playlist-item[data-v-6afcb16f]{background:#252525;border-color:#3c3c3c}.playlist-item[data-v-6afcb16f]:hover{background:#2b2b2b}.playlist-item.active[data-v-6afcb16f]{background:#303030;border-color:#4c4c4c}.mobile-playlist-overlay[data-v-6afcb16f]{background:#0009}.progress[data-v-6afcb16f]{background:linear-gradient(to right,#d4d4d4 0 var(--progress),#7a7a7a var(--progress) 100%)}.progress[data-v-6afcb16f]::-webkit-slider-thumb,.progress[data-v-6afcb16f]::-moz-range-thumb{background:#fff}.progress[data-v-6afcb16f]::-webkit-slider-thumb{background:#fff}.progress[data-v-6afcb16f]::-moz-range-thumb{background:#fff}}