.suno[data-v-8cedf340]{color:var(--main-color);color-scheme:dark;display:flex;flex-direction:column;gap:16px;padding:16px 24px 24px}.suno[data-v-8cedf340] .switch__box{flex-shrink:0}.suno[data-v-8cedf340] input,.suno[data-v-8cedf340] select,.suno[data-v-8cedf340] textarea{color:var(--main-color)}.suno[data-v-8cedf340] input::-moz-placeholder,.suno[data-v-8cedf340] select::-moz-placeholder,.suno[data-v-8cedf340] textarea::-moz-placeholder{color:var(--secondary-color)}.suno[data-v-8cedf340] input::placeholder,.suno[data-v-8cedf340] select::placeholder,.suno[data-v-8cedf340] textarea::placeholder{color:var(--secondary-color)}.body[data-v-8cedf340]{display:flex;flex-direction:column;min-width:0;width:100%}@media screen and (max-width:1100px){.suno[data-v-8cedf340]{padding-top:68px}}@media screen and (max-width:500px){.suno[data-v-8cedf340]{padding-left:10px;padding-right:10px}}.track-card[data-v-589a6800]{background:#130922;border:1px solid var(--dark-purple);border-radius:14px;color:var(--main-color);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;width:100%}.track-card[data-v-589a6800]:hover{background:#ffffff0a;border-color:var(--white-02);box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.track-card[data-v-589a6800]:focus-visible{outline:2px solid var(--dark-purple-light);outline-offset:2px}.track-card.processing[data-v-589a6800]{cursor:default;pointer-events:none}.cover[data-v-589a6800]{align-items:center;aspect-ratio:3/4;background:#1c1231;border-bottom:1px solid var(--dark-purple);display:flex;flex-shrink:0;isolation:isolate;justify-content:center;overflow:hidden;position:relative}.cover img[data-v-589a6800]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cover img[data-v-589a6800],.cover[data-v-589a6800]:after{top:0;right:0;bottom:0;left:0;position:absolute}.cover[data-v-589a6800]:after{background:linear-gradient(180deg,rgba(16,8,29,.28),transparent 32%);content:"";pointer-events:none;z-index:1}.cover[data-v-589a6800] .generation{z-index:2}.cover[data-v-589a6800] .generation p{font-size:13px}.placeholder[data-v-589a6800]{height:40px;opacity:.45;position:relative;width:40px;z-index:1}.placeholder[data-v-589a6800] path{fill:transparent;stroke:var(--light-purple);stroke-opacity:1}.actions[data-v-589a6800],.version[data-v-589a6800]{position:absolute;top:10px;z-index:3}.version[data-v-589a6800]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10081d6b;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:var(--main-color);font-size:10px;font-weight:500;left:10px;letter-spacing:.02em;padding:2px 7px}.actions[data-v-589a6800]{display:flex;gap:6px;right:10px}.action[data-v-589a6800]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10081d6b;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:var(--secondary-color);display:grid;height:28px;place-items:center;transition:all .2s;width:28px}.action[data-v-589a6800] svg{height:14px;width:14px}.action[data-v-589a6800] svg path{fill:transparent;stroke:currentColor;transition:all .2s}.action[data-v-589a6800]:hover{background:#ffffff2e;border-color:#ffffff47;color:var(--main-color)}.action.on[data-v-589a6800]{background:var(--vibrant-purple-02);border-color:var(--vibrant-purple-05);color:var(--main-color)}.action.on[data-v-589a6800]:hover{background:var(--vibrant-purple-03);border-color:var(--vibrant-purple)}.card-body[data-v-589a6800]{align-items:center;display:flex;flex-shrink:0;gap:10px;padding:10px 12px 12px}.play[data-v-589a6800]{background:var(--white-01);border:1px solid transparent;border-radius:50%;color:var(--secondary-color);display:grid;height:36px;min-width:36px;place-items:center;position:relative;transition:all .2s;width:36px}.play--playing[data-v-589a6800],.play[data-v-589a6800]:hover:not(:disabled){background:var(--white-02);color:var(--main-color);transform:scale(1.05)}.play[data-v-589a6800]:disabled{cursor:default;opacity:.35}.play[data-v-589a6800]>svg:not(.progress-ring){height:23px;overflow:visible;position:relative;width:23px;z-index:3}.play[data-v-589a6800]>svg:not(.progress-ring) path{fill:transparent;stroke:currentColor;stroke-width:2.5}.play[data-v-589a6800] .glyph{margin-left:1px}.play .progress-ring[data-v-589a6800]{height:36px;left:50%;margin:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:36px;z-index:2}.play .progress-ring__circle[data-v-589a6800]{transition:stroke-dashoffset .15s linear}.play .progress-ring__circle--reset[data-v-589a6800]{transition:none}.song[data-v-589a6800]{flex:1;min-width:0}.song b[data-v-589a6800],.song small[data-v-589a6800]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song b[data-v-589a6800]{color:var(--main-color);font-size:14px;font-weight:500;line-height:1.3}.song small[data-v-589a6800]{color:var(--secondary-color);font-size:12px;margin-top:2px}.timed[data-v-9538c8c5]{flex-direction:column;max-width:100%}.timed[data-v-9538c8c5],.timed__head[data-v-9538c8c5]{display:flex;gap:12px;min-width:0}.timed__head[data-v-9538c8c5]{align-items:center;justify-content:space-between}.timed__head .title[data-v-9538c8c5]{color:var(--white-05);font-size:12px;font-weight:600;letter-spacing:.06em;min-width:0;overflow-wrap:anywhere;text-transform:uppercase}.timed__head .copy[data-v-9538c8c5]{background:#ffffff0a;border:1px solid var(--white-01);border-radius:8px;color:var(--white-08);flex-shrink:0;font-size:12px;font-weight:600;height:28px;padding:0 10px;transition:all .2s}.timed__head .copy[data-v-9538c8c5]:hover{border-color:var(--white-02);color:var(--main-color)}.timed__list[data-v-9538c8c5]{display:flex;flex-direction:column;min-width:0}.timed .line[data-v-9538c8c5]{align-items:baseline;color:var(--white-08);display:flex;font-size:14px;gap:12px;line-height:1.5;max-width:100%;min-width:0;padding:4px 0;text-align:left;transition:all .2s;white-space:normal;width:100%}.timed .line[data-v-9538c8c5]:hover{color:var(--main-color)}.timed .line:hover .time[data-v-9538c8c5]{color:var(--white-07)}.timed .line--active[data-v-9538c8c5],.timed .line--active .time[data-v-9538c8c5]{color:var(--main-color)}.timed .time[data-v-9538c8c5]{color:var(--white-05);flex-shrink:0;font-variant-numeric:tabular-nums;min-width:8ch;transition:all .2s}.timed .text[data-v-9538c8c5]{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}.wrapper[data-v-0ebd3039]{background-color:var(--secondary-bg);border:1px solid var(--white-01);border-radius:8px;color:var(--main-color);display:flex;flex-direction:column;max-height:calc(100dvh - 24px);max-width:100%;overflow:hidden}.wrapper .title[data-v-0ebd3039]{align-items:center;border-bottom:1px solid var(--white-01);display:flex;flex-shrink:0;gap:12px;min-width:0;padding:16px 24px}.wrapper .title p[data-v-0ebd3039]{color:var(--main-color);font-size:20px;font-weight:500;min-width:0;overflow-wrap:anywhere;word-break:break-word}.wrapper .title button[data-v-0ebd3039]{margin-left:auto}.wrapper .title button:hover:not(:disabled) svg[data-v-0ebd3039] path{stroke:var(--main-color)}.wrapper .title button svg[data-v-0ebd3039]{height:18px;width:18px}.wrapper .title button svg[data-v-0ebd3039] path{fill:transparent;stroke:var(--secondary-color);transition:all .2s}.result[data-v-0ebd3039]{flex:1;max-width:100%;min-height:0;overflow:hidden}.result__content[data-v-0ebd3039]{align-items:stretch;display:flex;gap:0;max-width:100%;min-width:0}.result__aside[data-v-0ebd3039]{background:#ffffff05;border-right:1px solid var(--white-005);display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:24px;width:380px}.result__cover[data-v-0ebd3039]{aspect-ratio:1;background:#1c1231;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative}.result__cover img[data-v-0ebd3039]{cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.result__cover-placeholder[data-v-0ebd3039]{color:var(--main-color);height:60px;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.result__cover-placeholder[data-v-0ebd3039] path{fill:transparent;stroke:currentColor}.result__cover-download[data-v-0ebd3039]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10081d66;border:1px solid var(--white-01);border-radius:8px;color:var(--white-07);display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:3}.result__cover-download[data-v-0ebd3039]:hover{background:#10081db3;border-color:var(--white-02);color:var(--main-color)}.result__cover-download svg[data-v-0ebd3039]{height:16px;width:16px}.result__cover-download svg[data-v-0ebd3039] path{fill:transparent;stroke:currentColor}.result__model[data-v-0ebd3039]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10081d99;border:1px solid var(--white-01);border-radius:99px;color:var(--white-08);font-size:11px;font-weight:600;left:12px;padding:4px 10px;position:absolute;top:12px;z-index:3}.result__player[data-v-0ebd3039]{background:#ffffff08;border:1px solid var(--white-01);border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:14px 16px;transition:all .2s}.result__player .player-top[data-v-0ebd3039]{align-items:center;cursor:pointer;display:flex;gap:12px}.result__player .player-play[data-v-0ebd3039]{align-items:center;background:var(--white-01);border:none;border-radius:50%;color:var(--main-color);display:flex;height:48px;justify-content:center;min-width:48px;pointer-events:none;position:relative;transition:all .2s;width:48px}.result__player .player-play>svg[data-v-0ebd3039]:not(.progress-ring){height:26px;position:relative;width:26px;z-index:3}.result__player .player-play>svg[data-v-0ebd3039]:not(.progress-ring) path{fill:transparent;stroke:currentColor;stroke-width:2.5}.result__player .player-play>svg:not(.progress-ring).glyph[data-v-0ebd3039]{margin-left:1px}.result__player .player-play .progress-ring[data-v-0ebd3039]{height:48px;left:50%;margin:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:48px;z-index:2}.result__player .player-play .progress-ring__circle[data-v-0ebd3039]{transition:stroke-dashoffset .15s linear}.result__player .player-play .progress-ring__circle--reset[data-v-0ebd3039]{transition:none!important}.result__player--playing[data-v-0ebd3039],.result__player[data-v-0ebd3039]:hover{background:#ffffff0f;border-color:var(--white-02)}.result__player--playing .player-play[data-v-0ebd3039],.result__player:hover .player-play[data-v-0ebd3039]{background:var(--white-02);transform:scale(1.05)}.result__player .player-content[data-v-0ebd3039]{flex:1;min-width:0}.result__player .player-title[data-v-0ebd3039]{color:var(--main-color);font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__player .player-status[data-v-0ebd3039]{align-items:center;color:var(--secondary-color);display:flex;font-size:12px;gap:8px;margin-top:3px}.result__player .player-bars[data-v-0ebd3039]{align-items:flex-end;color:var(--main-color);display:flex;gap:3px;height:18px;margin-right:4px;width:24px}.result__player .player-bars span[data-v-0ebd3039]{animation:audio-bar-0ebd3039 1.2s ease-in-out infinite;background:currentColor;border-radius:1px;flex:1;min-height:4px}.result__player .player-bars span[data-v-0ebd3039]:first-child{animation-delay:.1s}.result__player .player-bars span[data-v-0ebd3039]:nth-child(2){animation-delay:.3s}.result__player .player-bars span[data-v-0ebd3039]:nth-child(3){animation-delay:.6s}.result__player .player-bars span[data-v-0ebd3039]:nth-child(4){animation-delay:.2s}.result__player .player-seek[data-v-0ebd3039]{align-items:center;display:flex;gap:10px}.result__player .player-seek span[data-v-0ebd3039]{color:var(--secondary-color);flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;min-width:36px}.result__player .player-seek span[data-v-0ebd3039]:last-child{text-align:right}.result__player .player-seek__range[data-v-0ebd3039]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--main-color) 0,var(--main-color) var(--progress,0),var(--white-01) var(--progress,0),var(--white-01) 100%);border-radius:99px;cursor:pointer;flex:1;height:4px;margin:0;min-width:0;transition:all .2s}.result__player .player-seek__range[data-v-0ebd3039]:disabled{cursor:default;opacity:.45}.result__player .player-seek__range[data-v-0ebd3039]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--main-color);border:none;border-radius:50%;box-shadow:0 0 0 3px #ffffff14;height:12px;-webkit-transition:all .2s;transition:all .2s;width:12px}.result__player .player-seek__range[data-v-0ebd3039]::-moz-range-thumb{background:var(--main-color);border:none;border-radius:50%;box-shadow:0 0 0 3px #ffffff14;height:12px;-moz-transition:all .2s;transition:all .2s;width:12px}.result__player .player-seek__range[data-v-0ebd3039]::-moz-range-track{background:transparent;border-radius:99px;height:4px}.result__player .player-seek__range[data-v-0ebd3039]:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.result__player .player-seek__range[data-v-0ebd3039]:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.1)}.result__file-actions[data-v-0ebd3039]{display:flex;gap:8px;margin-top:-8px}.result__file-actions .file-btn[data-v-0ebd3039]{align-items:center;background:#ffffff0a;border:1px solid var(--white-01);border-radius:12px;color:var(--white-08);display:flex;flex:1;font-size:13px;font-weight:600;gap:8px;height:42px;justify-content:center;text-decoration:none;transition:all .2s}.result__file-actions .file-btn svg[data-v-0ebd3039]{height:16px;width:16px}.result__file-actions .file-btn svg[data-v-0ebd3039] path{fill:transparent;stroke:currentColor;stroke-width:2}.result__file-actions .file-btn[data-v-0ebd3039]:hover{background:#ffffff14;border-color:var(--white-02);color:var(--main-color)}.result__file-actions .file-btn--active[data-v-0ebd3039]{background:#ffffff26;border-color:var(--white-03);color:var(--main-color)}.result__file-actions .file-btn--active[data-v-0ebd3039]:hover{background:#fff3;border-color:var(--white-04)}.result__file-actions .file-btn--file[data-v-0ebd3039]{gap:6px;padding:0 8px}.result__file-actions .file-btn--file span[data-v-0ebd3039]{font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1}.result__file-actions .file-btn--danger[data-v-0ebd3039]:hover{background:#e9213d0d;border-color:#e9213d33;color:var(--red)}.result__main[data-v-0ebd3039]{flex:1;flex-direction:column;max-height:85vh;overflow:hidden;padding:0}.result__body[data-v-0ebd3039],.result__main[data-v-0ebd3039]{display:flex;min-height:0;min-width:0}.result__body[data-v-0ebd3039]{flex:1 1 0;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:24px 0 12px 24px}.result__body[data-v-0ebd3039]>*{padding-right:24px}.result__body[data-v-0ebd3039]::-webkit-scrollbar{width:4px}.result__body[data-v-0ebd3039]::-webkit-scrollbar-thumb{background:var(--white-02);border-radius:10px}.result__info[data-v-0ebd3039]{flex-shrink:0;min-width:0}.result__info h1[data-v-0ebd3039]{color:var(--main-color);font-size:28px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:6px 0 0;overflow-wrap:anywhere;word-break:break-word}.result__category[data-v-0ebd3039]{color:#d29cff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.result__meta[data-v-0ebd3039]{color:var(--secondary-color);font-size:13px;margin:10px 0 0}.result__prompt-box[data-v-0ebd3039]{flex:0 0 auto;min-width:0}.result__prompt[data-v-0ebd3039]{color:var(--white-07);font-size:14px;line-height:21px;margin:0;overflow-wrap:anywhere;word-break:break-word}.result__prompt--clamp[data-v-0ebd3039]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.result__prompt-toggle[data-v-0ebd3039]{align-items:center;background:transparent;border:none;color:var(--white-05);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:6px;padding:0;transition:all .2s}.result__prompt-toggle[data-v-0ebd3039]:hover{color:var(--main-color)}.result__prompt-toggle:hover .arrow[data-v-0ebd3039] path{stroke:var(--main-color)}.result__prompt-toggle .arrow[data-v-0ebd3039]{height:7px;transition:all .2s;width:12px}.result__prompt-toggle .arrow[data-v-0ebd3039] path{fill:transparent;stroke:var(--white-05);transition:all .2s}.result__prompt-toggle .arrow--open[data-v-0ebd3039]{transform:rotate(180deg)}.result__section[data-v-0ebd3039]{display:flex;flex-direction:column;gap:12px;min-width:0}.result__section .section-title[data-v-0ebd3039]{color:var(--white-05);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.result__section--actions[data-v-0ebd3039]{border-top:1px solid var(--white-01);flex-shrink:0;margin-top:auto;padding:12px 24px 24px}.result__lyrics[data-v-0ebd3039]{color:var(--white-08);font-size:15px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.result__actions[data-v-0ebd3039]{display:flex;flex-wrap:wrap;gap:6px}.result__actions .action-btn[data-v-0ebd3039]{background:#ffffff0a;border:1px solid var(--white-01);border-radius:8px;color:var(--white-08);font-size:12px;font-weight:600;height:32px;padding:0 12px;transition:all .2s}.result__actions .action-btn[data-v-0ebd3039]:hover{background:#ffffff14;border-color:var(--white-02);color:var(--main-color)}@keyframes audio-bar-0ebd3039{0%,to{height:4px}50%{height:18px}}@media screen and (max-width:800px){.wrapper .title[data-v-0ebd3039]{padding:12px 16px}.wrapper .title p[data-v-0ebd3039]{font-size:16px}.result[data-v-0ebd3039]{min-height:0;overflow:auto}.result__content[data-v-0ebd3039]{flex-direction:column}.result__aside[data-v-0ebd3039]{border-bottom:1px solid var(--white-01);border-right:none;gap:12px;padding:16px;width:100%}.result__cover[data-v-0ebd3039]{margin:0 auto;max-width:240px}.result__main[data-v-0ebd3039]{max-height:none;overflow:visible}.result__body[data-v-0ebd3039]{flex:none;gap:10px;overflow:visible;padding:16px 0 12px 16px}.result__body[data-v-0ebd3039]>*{padding-right:16px}.result__info h1[data-v-0ebd3039]{font-size:22px}.result__section--actions[data-v-0ebd3039]{padding:12px 16px 16px}.result__file-actions[data-v-0ebd3039]{margin-top:0}}@media screen and (max-width:440px){.wrapper[data-v-0ebd3039]{border-radius:0;max-height:100dvh}.result__aside[data-v-0ebd3039]{padding:12px}.result__cover[data-v-0ebd3039]{max-width:180px}.result__player[data-v-0ebd3039]{gap:8px;padding:10px 12px}.result__body[data-v-0ebd3039]{padding:12px 0 8px 12px}.result__body[data-v-0ebd3039]>*{padding-right:12px}.result__info h1[data-v-0ebd3039]{font-size:18px}.result__lyrics[data-v-0ebd3039]{font-size:14px}.result__section--actions[data-v-0ebd3039]{padding:10px 12px 12px}.result__file-actions .file-btn[data-v-0ebd3039]{border-radius:10px;height:38px}.result__file-actions .file-btn--file[data-v-0ebd3039]{gap:4px;padding:0 6px}}