.title-bar[data-v-d16c7bc9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.title-bar__title[data-v-d16c7bc9]{font-size:28px;font-weight:800;color:#fff;margin:0}.title-bar__switches[data-v-d16c7bc9]{display:flex;align-items:center;gap:24px}.switch-item[data-v-d16c7bc9]{display:flex;align-items:center;gap:12px}.switch-item.is-disabled[data-v-d16c7bc9]{opacity:.4;pointer-events:none}.switch-label[data-v-d16c7bc9]{font-size:14px;font-weight:500;color:#d4d4d8}.switch[data-v-d16c7bc9]{position:relative;display:inline-block;width:48px;height:26px}.switch__input[data-v-d16c7bc9]{opacity:0;width:0;height:0;position:absolute}.switch__slider[data-v-d16c7bc9]{position:absolute;cursor:pointer;inset:0;background-color:#3f3f46;transition:.3s;border-radius:26px}.switch__slider[data-v-d16c7bc9]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch__input:checked+.switch__slider[data-v-d16c7bc9]{background:linear-gradient(135deg,#8900ff,#ff5434)}.switch__input:checked+.switch__slider[data-v-d16c7bc9]:before{transform:translate(22px)}.switch:hover .switch__slider[data-v-d16c7bc9]{background-color:#52525b}.switch__input:checked+.switch__slider[data-v-d16c7bc9]:hover{background:linear-gradient(135deg,#9d1eff,#ff6247)}.style-input[data-v-fb64ac84]{margin-bottom:20px}.style-input__label[data-v-fb64ac84]{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.style-input__wrapper[data-v-fb64ac84]{position:relative;background:#292929;border-radius:10px;outline:1px solid #444;overflow:hidden;transition:outline-color .2s,outline-width .2s}.style-input__wrapper[data-v-fb64ac84]:focus-within{outline-color:#a855f7;outline-width:2px}.style-input__field[data-v-fb64ac84]{width:100%;height:120px;padding:10px;background:transparent;border:none;outline:none;color:#fff;font-size:14px;resize:none;transition:all .2s ease}.style-input__field[data-v-fb64ac84]::-moz-placeholder{color:#666}.style-input__field[data-v-fb64ac84]::placeholder{color:#666}.style-input__field[data-v-fb64ac84]:disabled{opacity:.5;cursor:not-allowed}.style-input__tags[data-v-fb64ac84]{padding:0 10px 10px;display:flex;align-items:flex-start;gap:8px}.style-input__refresh[data-v-fb64ac84]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s ease;flex-shrink:0}.style-input__refresh[data-v-fb64ac84]:hover:not(:disabled){background:#ffffff1a;color:#fff}.style-input__refresh[data-v-fb64ac84]:disabled{opacity:.5;cursor:not-allowed}.style-input__refresh svg[data-v-fb64ac84]{width:14px;height:14px}.style-input__tags-list[data-v-fb64ac84]{flex:1;display:flex;flex-wrap:wrap;gap:6px;max-height:72px;overflow-y:auto}.style-input__tags-list[data-v-fb64ac84]::-webkit-scrollbar{width:4px}.style-input__tags-list[data-v-fb64ac84]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.style-tag[data-v-fb64ac84]{padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.style-tag[data-v-fb64ac84]:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.style-tag--selected[data-v-fb64ac84]{background:#a855f733;border-color:#a855f766;color:#a855f7}.style-tag[data-v-fb64ac84]:disabled{opacity:.5;cursor:not-allowed}.suno-page[data-v-eecf8878]{min-height:100vh;padding:24px 16px}.suno-container[data-v-eecf8878]{margin:0 auto;max-width:1600px}.suno-top[data-v-eecf8878]{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:1024px){.suno-top[data-v-eecf8878]{grid-template-columns:520px minmax(0,1fr);gap:24px;align-items:stretch}}.suno-title-input[data-v-eecf8878]{margin-bottom:12px}.suno-field-label[data-v-eecf8878]{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.suno-title-field[data-v-eecf8878]{width:100%;padding:12px 16px;background:#292929;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;transition:all .2s ease}.suno-title-field[data-v-eecf8878]::-moz-placeholder{color:#71717a}.suno-title-field[data-v-eecf8878]::placeholder{color:#71717a}.suno-title-field[data-v-eecf8878]:focus{outline:none;border-color:#a855f780}.suno-preview-area[data-v-eecf8878]{width:100%;height:100%;min-height:400px}.suno-content[data-v-eecf8878]{margin-top:48px}.suno-hero[data-v-eecf8878]{text-align:center;padding:40px 20px}.suno-h1[data-v-eecf8878]{font-size:32px;font-weight:900;color:#fff;margin-bottom:16px}@media(min-width:768px){.suno-h1[data-v-eecf8878]{font-size:40px}}.suno-lead[data-v-eecf8878]{color:#a1a1aa;line-height:1.7;font-size:15px;max-width:700px;margin:0 auto}
