.auth-page{background:#f2f5fb;justify-content:center;align-items:center;gap:clamp(40px,9vw,150px);min-height:100dvh;padding:40px 24px;display:flex}.auth-story{color:#476b9b;max-width:420px}.auth-story h2{letter-spacing:-1px;margin:24px 0;font-size:48px;line-height:1.3}.auth-story p{color:#77899f;font-size:16px;line-height:2}.auth-story>span{color:#b87142;letter-spacing:2px;font-size:14px}.auth-disc{color:#547db5;background:#d9e5f5;border:22px solid #e8eff8;border-radius:50%;place-items:center;width:190px;height:190px;margin-bottom:35px;display:grid}.auth-card{background:#fff;border:1px solid #e3e9f3;border-radius:16px;width:100%;max-width:420px;padding:36px;box-shadow:0 12px 48px #4058790b}.auth-brand{color:#435d81;align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-brand>span{color:#d98046;background:#fff3e9;border-radius:10px;padding:9px}.auth-brand strong{font-size:21px}.auth-brand strong>span{letter-spacing:2px;margin-top:4px;font-size:11px;font-weight:400;display:block}.auth-card h1{color:#3f577a;margin-bottom:12px;font-size:27px}.auth-card>p{color:#7a899e;margin-bottom:24px;font-size:14px;line-height:1.8}.auth-card form,.account-form{gap:19px;display:grid}.auth-card label,.account-form label{color:#526888;gap:8px;font-size:13px;display:grid}.auth-card input,.account-form input,.account-form select{color:#394f70;background:#fbfcfe;border:1px solid #dbe3ef;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:12px 13px;font-size:16px}.auth-card input:focus,.account-form input:focus{border-color:#809dcc;outline:2px solid #d3e1f5}.auth-card form>.primary-button{width:100%;min-height:48px;margin-top:5px}.auth-card .auth-help{margin-top:24px;margin-bottom:16px;font-size:12px}.auth-error{color:#af4936;background:#fff1ec;border-radius:6px;padding:11px;font-size:13px;line-height:1.7}.account-controls{background:#fff;border:1px solid #e0e7f1;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-bottom:24px;padding:22px;display:flex}.account-controls>div:first-child{color:#5073a1;align-items:center;gap:12px;display:flex}.account-controls strong{font-size:16px;display:block}.account-controls span{color:#7e8da2;margin-top:6px;font-size:12px;display:block}.account-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=760px){.auth-page{align-items:center;padding:24px 16px}.auth-story{display:none}.auth-card{padding:28px 24px}.account-controls{padding:18px}.account-actions{width:100%}.account-actions>*{white-space:nowrap;flex:1}.auth-card h1{font-size:25px}}.tools-page{max-width:1540px}.tool-back{color:#657999;align-items:center;gap:7px;margin-bottom:23px;font-size:13px;display:inline-flex}.tool-intro{color:#64748b;margin:20px 0;line-height:1.8}.tool-source{background:#edf3fd;border:1px solid #dce6f7;border-radius:11px;align-items:center;gap:13px;margin-bottom:22px;padding:17px 20px;display:flex}.tool-source>div{flex:1;min-width:0}.tool-source strong{overflow-wrap:anywhere;font-size:15px;display:block}.tool-source>div>span{color:#657999;margin-top:6px;font-size:12px;display:block}.tool-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px;display:grid}.tool-choices button{text-align:left;color:#64758e;background:#fff;border:1px solid #e1e7f0;border-radius:10px;padding:18px 17px;transition:border-color .15s}.tool-choices button:hover{border-color:#8caddf}.tool-choices button[aria-selected=true]{color:#b4663b;background:#fff9f4;border-color:#dd996f;box-shadow:inset 0 -3px #e39b70}.tool-choices strong{color:#344760;margin:12px 0 7px;font-size:14px;display:block}.tool-choices span{font-size:12px;line-height:1.7;display:block}.tool-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.tool-editor,.tool-result-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:25px}.tool-section-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.tool-section-heading h2,.tool-result-card h2{color:#354a66;font-size:16px;font-weight:600}.tool-section-heading p{color:#687990;margin-top:6px;font-size:13px;line-height:1.7}.tool-fields{border:0;min-width:0;margin:0;padding:0}.tool-fields:disabled{opacity:.65;pointer-events:none}.selection-wave{background:#f6f8fc;border:1px solid #e7edf6;border-radius:9px;padding:16px 14px 10px}.wave-instruction{color:#5f7390;align-items:center;gap:6px;margin-bottom:14px;font-size:12px;display:flex}.wave-instruction>span{font-variant-numeric:tabular-nums;margin-left:auto}.tool-waveform{min-height:108px}.tool-waveform ::part(region){border-left:2px solid #de8858;border-right:2px solid #de8858}.tool-waveform ::part(region-content){color:#9c542e;font-size:11px}.tool-waveform ::part(region-handle){background:#de885855;min-width:14px}.wave-ruler{color:#728198;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.tool-waveform ::part(marker){cursor:ew-resize;background:#de885833;border-left:3px solid #de8858;min-width:16px}.selection-controls{align-items:flex-end;gap:13px;margin-top:18px;display:flex}.selection-controls>label{color:#62758e;flex:1;min-width:0;font-size:12px}.selection-controls input,.tool-label input,.tool-label select{color:#354a66;background:#fff;border:1px solid #dce4ef;border-radius:6px;width:100%;min-height:42px;margin-top:8px;padding:10px;font-size:14px}.selection-controls .secondary-button{flex-shrink:0;min-height:42px}.tool-help{color:#687990;margin-top:10px;font-size:12px;line-height:1.9;display:block}.tool-direction{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.tool-direction button{text-align:left;color:#4f6380;border:1px solid #e2e7ef;border-radius:7px;padding:13px;font-size:13px}.tool-direction span{color:#6c7c91;margin-top:5px;font-size:12px;line-height:1.8;display:block}.tool-direction button.selected{background:#f0f5fe;border-color:#96acd7}.tool-label{color:#4c5f79;margin-top:23px;font-size:13px;display:block}.tool-label textarea{resize:vertical;color:#354a66;background:#fbfcfe;border:1px solid #dce4ef;border-radius:8px;width:100%;min-height:140px;margin-top:11px;padding:14px;font-size:14px;line-height:1.9;display:block}.tool-optional{color:#75849a;margin-left:6px;font-size:12px}.timed-lyrics{border:1px solid #e4eaf3;border-radius:8px;margin-top:20px;padding:13px}.timed-lyrics summary{color:#637998;cursor:pointer;font-size:13px}.timed-lyrics summary>span{float:right;font-size:12px}.timed-lyrics>div{max-height:230px;margin-top:12px;overflow-y:auto}.timed-lyrics button{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;padding:10px 5px;font-size:12px;line-height:1.7;display:flex}.timed-lyrics button:hover{background:#edf3fd}.timed-lyrics time{color:#6486b9;flex-shrink:0}.timed-lyrics button span{flex:1}.timed-lyrics svg{color:#819cc2;flex-shrink:0}.tool-submit{background:#fcfdfe;border-top:1px solid #e6ebf3;border-radius:0 0 12px 12px;flex-wrap:wrap;align-items:center;gap:16px;margin:25px -25px -25px;padding:20px 25px;display:flex}.tool-submit>p{color:#6c7a90;flex:1;min-width:150px;font-size:12px;line-height:1.8}.tool-submit>button{min-height:45px}.tool-editor>.notice{margin-top:18px}.tool-results{gap:19px;display:grid}.tool-result-card{padding:21px}.tool-result-card .section-heading{margin-bottom:15px}.tool-result-empty{text-align:center;color:#8ca4c7;padding:31px 5px}.tool-result-empty strong{color:#5d7290;margin-top:19px;font-size:14px;display:block}.tool-result-empty p{color:#718299;margin-top:11px;font-size:12px;line-height:1.9}.tool-result-empty svg{margin:auto}.tool-job-list{max-height:460px;overflow-y:auto}.tool-job{border-top:1px solid #ecf0f5;padding:16px 0}.tool-job:last-child{padding-bottom:0}.tool-job>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-job strong{color:#4a617e;font-size:13px}.tool-job small{color:#6d7d94;overflow-wrap:anywhere;margin-top:9px;font-size:12px;line-height:1.6;display:block}.tool-job p{color:#6d7d94;margin-top:9px;font-size:12px;line-height:1.8}.tool-job .tool-job-error{color:#aa6b3d}.tool-job>a,.tool-job>button{margin-top:12px;font-size:12px}.tool-result-card blockquote{color:#6a5647;white-space:pre-wrap;background:#fff9f4;border-left:3px solid #df9e73;margin:20px 0;padding:15px 17px;font-size:14px;line-height:1.9}.tool-result-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.compare-buttons{gap:10px;margin-top:16px;display:flex}.compare-buttons button{color:#4b6b9b;background:#f3f7ff;border:1px solid #dce6f6;border-radius:7px;flex:1;align-items:center;gap:9px;padding:13px;font-size:13px;display:flex}.compare-buttons button:last-child{color:#a06b45;background:#fff8f1;border-color:#eedbc8}.compare-buttons b{font-size:19px;font-weight:500}.version-list{margin-top:13px}.version-row{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;padding:15px 0;display:flex}.version-row:last-child{border-bottom:0;padding-bottom:0}.version-play{color:#6788bd;background:#edf3ff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.version-row>div{flex:1;min-width:0}.version-row strong{color:#415a7d;overflow-wrap:anywhere;font-size:12px;font-weight:550}.version-row small{color:#6e7e95;margin-top:7px;font-size:12px;display:block}.version-row>a{flex-shrink:0}.version-row .icon-button{min-width:27px}.stem-options{gap:14px;display:grid}.stem-options>button{text-align:left;border:1px solid #dfe7f1;border-radius:9px;gap:13px;padding:21px 17px;display:flex}.stem-options>button.selected{background:#f4f8ff;border-color:#98b0d8}.stem-radio{border:1px solid #b0bed2;border-radius:50%;flex-shrink:0;width:17px;height:17px;margin-top:2px}.stem-options .selected .stem-radio{border:5px solid #5d7faf}.stem-options strong{color:#405a7c;flex-wrap:wrap;align-items:center;gap:9px;font-size:14px;display:flex}.stem-options small{color:#9c754f;background:#fff1e3;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:400}.stem-options p{color:#657a96;margin-top:9px;font-size:12px;line-height:1.9}@media (width<=1180px){.tool-layout{grid-template-columns:minmax(0,1fr)}.tool-results{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-choices{gap:8px}.tool-choices button{padding:15px 12px}}@media (width<=680px){.tool-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-choices strong{font-size:13px}.tool-results{grid-template-columns:1fr}.tool-editor{padding:18px}.tool-submit{margin:22px -18px -18px;padding:18px}.tool-source{gap:9px;padding:14px}.tool-source>.section-icon{display:none}.tool-source>button{font-size:12px}.selection-controls{flex-wrap:wrap}.selection-controls>label{flex:40%}.selection-controls>button{width:100%}.tool-direction{grid-template-columns:1fr}.tool-result-card{padding:18px}.tool-submit>button{width:100%}.tool-choices span{font-size:12px}.version-row .icon-button{min-width:38px}.tool-back{margin-bottom:20px}}.source-picker{background:#f7faff;border:1px solid #e0e8f4;border-radius:9px;margin:20px 0;padding:16px}.source-entry-buttons{gap:10px;margin-top:13px;display:flex}.source-entry-buttons button{color:#5073a8;background:#fff;border:1px solid #dbe5f4;border-radius:7px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.source-selected{background:#eaf1fd;border-radius:7px;align-items:center;gap:9px;margin-top:14px;padding:12px;display:flex}.source-selected>div{flex:1;min-width:0}.source-selected strong{color:#496283;overflow-wrap:anywhere;font-size:12px;display:block}.source-selected span{color:#5b7291;margin-top:6px;font-size:12px;display:block}.source-missing{background:#fff5ea}.material-import{color:#6c8ebc;background:#f5f9ff;border:1px dashed #b1c5e4;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:23px 16px;display:flex}.material-import>strong,.material-import>span{text-align:center;width:100%;font-size:13px;line-height:1.8;display:block}.material-import>strong{color:#456183}.material-import>span{color:#637e9f;font-size:12px}.material-import+.notice{margin-top:16px}.material-list-heading{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;display:flex}.material-list-heading h3{color:#496381;font-size:14px}.material-list{max-height:180px;overflow-y:auto}.material-row{border:1px solid #e2e8f1;border-radius:7px;gap:9px;margin-bottom:8px;padding:7px 10px;display:flex}.material-row.selected{background:#fff9f3;border-color:#dca177}.material-row>button:first-child{text-align:left;flex:1;min-width:0;padding:5px}.material-row strong{color:#4d6380;overflow-wrap:anywhere;font-size:13px;font-weight:550;display:block}.material-row span{color:#718198;margin-top:6px;font-size:12px;display:block}.material-selection{margin-top:19px}.material-footer{border-top:1px solid #e3e9f2;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding-top:18px;display:flex}.material-footer>span{color:#6f7f96;flex:1;font-size:12px;line-height:1.8}.material-footer>button{flex-shrink:0}.source-control-note{color:#4d73a6;background:#eff5fe;border-radius:6px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.8}.preference-disabled{opacity:.55;pointer-events:none}.collection-field{color:#526a89;margin:15px 0;font-size:13px;display:block}.collection-field select,.collection-field input{color:#435975;background:#fff;border:1px solid #dce4ef;border-radius:7px;width:100%;min-height:42px;margin-top:8px;padding:11px;font-size:13px;display:block}.collection-list{gap:11px;margin-top:24px;display:grid}.collection-row{border-top:1px solid #e9edf4;align-items:center;gap:12px;padding:12px 0;display:flex}.collection-row input{color:#4b6384;border:1px solid #dce4ef;border-radius:6px;flex:1;min-width:0;padding:10px;font-size:13px}.collection-row button{flex-shrink:0}.collection-toolbar{background:#edf3fc;border:1px solid #e2eaf6;border-radius:9px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:22px;padding:15px 18px;display:flex}.collection-toolbar label{color:#597291;align-items:center;gap:10px;font-size:13px;display:flex}.collection-toolbar select{color:#4d6588;background:#fff;border:1px solid #dce4ef;border-radius:6px;max-width:250px;padding:9px;font-size:13px}.collection-toolbar>button{margin-left:auto}.format-downloads{border-top:1px solid #e4eaf2;margin-top:23px;padding-top:20px}.format-downloads h3{color:#4b6487;font-size:14px}.format-downloads>p{color:#6d7f97;margin:9px 0 15px;font-size:12px;line-height:1.8}.format-downloads>div{gap:10px;display:grid}.format-option{border:1px solid #e1e8f2;border-radius:8px;flex-wrap:wrap;align-items:center;gap:11px;padding:14px;display:flex}.format-option>div{flex:1}.format-option strong{color:#48658a;font-size:14px}.format-option>div>span{color:#6d809a;margin-top:5px;font-size:12px;display:block}.format-error{color:#aa7047;width:100%;font-size:12px;line-height:1.8}.format-saved{color:#547f6b;align-items:center;gap:6px;width:100%;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.material-footer{flex-direction:column;align-items:stretch;gap:13px}.material-list-heading{flex-wrap:wrap}.collection-toolbar{padding:13px}.collection-toolbar label{flex:1;min-width:0}.collection-toolbar select{flex:1;min-width:0;max-width:100%}.collection-row{flex-wrap:wrap}.collection-row input{flex-basis:100%}.collection-row button{min-height:36px}.format-option .secondary-link{min-height:44px}.source-selected{flex-wrap:wrap}.source-selected>div{min-width:100px}}.source-style-fields{border:0;min-width:0;margin:0;padding:0}.source-style-fields:disabled{opacity:.5}.source-note{background:#eef4fd;border-radius:10px;padding:12px;line-height:1.7}.library-collections{margin:0 0 22px}.collection-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.collection-controls .collection-field{flex:1;min-width:180px}.collection-controls>button{align-items:center;gap:6px;padding-top:20px;display:flex}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.admin-metrics section{color:#6382ad;background:#fff;border:1px solid #e0e8f2;border-radius:12px;gap:12px;padding:22px;display:grid}.admin-metrics span{color:#72849e;font-size:12px}.admin-metrics strong{color:#3e597f;overflow-wrap:anywhere;font-size:27px;font-weight:600}.admin-section{background:#fff;border:1px solid #e2e8f1;border-radius:12px;margin-bottom:24px;padding:25px}.admin-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;display:flex}.admin-section-heading h2{color:#425f85;font-size:18px}.admin-section-heading p{color:#8492a6;margin-top:9px;font-size:12px;line-height:1.7}.admin-section-heading>input{border:1px solid #dde5ef;border-radius:7px;max-width:100%;padding:11px;font-size:14px}.admin-user-list{gap:12px;display:grid}.admin-user{border:1px solid #e6ebf2;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.admin-user strong{color:#435e83;flex-wrap:wrap;align-items:center;gap:9px;font-size:15px;display:flex}.admin-user>div>span,.admin-user small{color:#8090a6;margin-top:9px;font-size:12px;display:block}.admin-role{color:#6587b9;background:#ecf3fc;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:400}.admin-user-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.disabled-user{background:#f8f9fb}.admin-billing{flex-wrap:wrap;gap:40px;margin:24px 0;display:flex}.admin-billing span{color:#8190a5;font-size:12px;display:block}.admin-billing strong{color:#bd7949;margin-top:10px;font-size:26px;display:block}.usage-table-wrap{margin-top:20px;overflow:auto}.usage-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.usage-table th,.usage-table td{white-space:nowrap;border-bottom:1px solid #e9edf3;padding:14px 12px}.usage-table th{color:#7087a6;background:#f5f8fc;font-weight:500}.usage-table td{color:#536d91}.usage-table small{color:#8694a8;margin-top:6px;font-size:11px;display:block}.account-form .admin-password-toggle{align-items:center;gap:8px;display:flex}.admin-password-toggle input{width:16px;min-height:16px}@media (width<=980px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user{flex-wrap:wrap}.admin-user-actions{width:100%}.admin-user-actions>*{flex:1}.admin-section{padding:18px}}@media (width<=520px){.admin-metrics{gap:10px}.admin-metrics section{padding:16px}.admin-metrics strong{font-size:23px}.admin-section-heading>input{width:100%}.admin-section{padding:15px}.admin-user{padding:14px}.admin-user-actions .secondary-button{min-height:44px;padding:10px 8px;font-size:12px}.admin-page .page-heading{align-items:flex-start}.admin-billing{gap:25px}.usage-table{font-size:12px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.shrink-0{flex-shrink:0}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:#fff}.bg-destructive{background-color:#bc3c38}.bg-primary{background-color:#bf4c24}.bg-secondary{background-color:#f2f4f8}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-primary{color:#bf4c24}.text-primary-foreground{color:#fff}.text-secondary-foreground{color:#34425a}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-accent:hover{background-color:#eef3fc}.hover\:bg-destructive\/90:hover{background-color:oklab(54.1457% .148204 .0725213/.9)}.hover\:bg-primary\/90:hover{background-color:oklab(56.3797% .122955 .0979348/.9)}.hover\:bg-secondary\/80:hover{background-color:oklab(96.6768% -.000548035 -.00572699/.8)}.hover\:text-accent-foreground:hover{color:#274fb7}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:#2b5ce2}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:oklab(54.1457% .148204 .0725213/.2)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:oklab(52.7021% -.0196052 -.209767/.5)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:#bc3c38}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:oklab(54.1457% .148204 .0725213/.2)}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:#e2e7ef}.dark\:bg-destructive\/60{background-color:oklab(54.1457% .148204 .0725213/.6)}.dark\:bg-input\/30{background-color:oklab(92.6483% -.00213817 -.0119113/.3)}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:oklab(96.2969% -.00174978 -.0130796/.5)}.dark\:hover\:bg-input\/50:hover{background-color:oklab(92.6483% -.00213817 -.0119113/.5)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible,.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:oklab(54.1457% .148204 .0725213/.4)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}:root{color:#25324b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--blue:#315dd4;--orange:#bf4c24;--muted:#788397;--border:#e8ecf3;background:#f6f8fc;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:0;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #a7bdf2}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #9eb8f2}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .15s,color .15s,box-shadow .15s}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;flex-shrink:0;width:214px;padding:29px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px;display:flex}.brand-mark{justify-content:center;align-items:center;gap:3px;width:39px;height:41px;display:flex;transform:rotate(-12deg)}.brand-mark span{background:#e27647;border-radius:7px;width:7px;height:21px}.brand-mark span:nth-child(2){background:#d25c32;height:34px}.brand-mark span:nth-child(3){background:#426bd1;height:27px}.brand-mark span:nth-child(4){background:#6e8de1;height:17px}.brand-name{letter-spacing:2px;color:#273550;font-size:25px;font-weight:750;line-height:1.2}.brand-name>span{color:#8a93a5;letter-spacing:1.7px;margin-top:6px;font-size:12px;font-weight:400;display:block}.workspace-label{color:#99a1b0;letter-spacing:1.2px;margin:43px 0 13px;padding:0 14px;font-size:12px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#69758a;border-radius:8px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:13px;display:flex;position:relative}.nav-item:hover{background:#f6f8fb}.nav-item.active{color:#315dd4;background:#eef3ff;font-weight:600}.nav-item.active:before{content:"";background:#426de0;border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:-17px}.nav-count{background:#dce7ff;border-radius:5px;margin-left:auto;padding:1px 5px;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:50px}.local-workspace{background:linear-gradient(135deg,#f8f9fc,#f0f4fb);border-radius:10px;margin:0 0 16px;padding:22px 12px}.local-workspace-icon{color:#8399c8;margin-bottom:13px;display:block}.local-workspace strong{font-size:12px;font-weight:550}.local-workspace p{color:#8d98aa;margin:6px 0 17px;font-size:12px}.local-label{letter-spacing:.4px;color:#8490a2;align-items:center;gap:6px;font-size:12px;display:flex}.local-label>span{background:#80a893;border-radius:50%;width:5px;height:5px}.profile{border-top:1px solid var(--border);align-items:center;gap:10px;margin:18px 5px 0;padding-top:20px;display:flex}.avatar,.small-avatar{color:#bb6a3c;background:#f9ede4;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:12px;font-weight:600;display:inline-flex}.profile strong{font-size:12px;font-weight:550;display:block}.profile small{color:#98a1b1;margin-top:4px;font-size:12px;display:block}.profile-dot{background:#82a68e;border-radius:50%;width:5px;height:5px;margin-left:auto}.main-shell{flex-direction:column;flex:1;min-width:0;margin-left:214px;display:flex}.topbar{border-bottom:1px solid var(--border);background:#ffffffb8;justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 36px;display:flex}.breadcrumb{color:#99a2b3;align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb strong{color:#5e6a7f;font-weight:500}.topbar-actions{align-items:center;gap:20px;display:flex}.connection-pill{color:#8792a4;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.connection-pill>span{background:#b7bdc9;border-radius:50%;width:6px;height:6px}.connection-pill.connected{color:#678270}.connection-pill.connected>span{background:#6da685}.small-avatar{width:30px;height:30px;font-size:12px}.icon-button{color:#8190a7;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:6px;display:inline-flex}.icon-button:hover{color:#365ab6;background:#edf2fc}.icon-button:disabled{opacity:.45}.notification-button{position:relative}.notification-button i{background:#d97948;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px}main{flex:1}.page{max-width:1540px;margin:0 auto;padding:34px 36px 28px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:#8d98aa;letter-spacing:2px;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.eyebrow>span{background:#d98958;border-radius:50%;width:5px;height:5px;display:inline-block}.page-heading h1{letter-spacing:-.5px;color:#26334d;font-size:clamp(25px,2.45vw,36px);font-weight:650;line-height:1.45}.page-heading h1>span{color:#bd603c}.page-heading p{color:#8690a2;letter-spacing:.2px;margin-top:9px;font-size:12px}.heading-note{color:#b8c4d8;align-items:center;gap:13px;padding-right:5px;display:flex}.heading-note>span{color:#939daf;font-size:12px;line-height:1.8}.heading-note strong{color:#6d7d96;font-size:12px;font-weight:500}.studio-grid{grid-template-columns:minmax(360px,.86fr) minmax(400px,1.14fr);align-items:start;gap:26px;display:grid}.composer{background:#fff;border:1px solid #e4e9f1;border-radius:15px;scroll-margin-top:20px;overflow:hidden;box-shadow:0 5px 20px #23395904}.composer-heading{justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.composer-heading>div{align-items:center;gap:9px;display:flex}.composer-heading h2{font-size:15px;font-weight:600}.quiet-label{color:#b0b7c4;letter-spacing:1.6px;font-size:12px}.section-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.section-icon svg{width:16px;height:16px}.orange{color:#c97845;background:#fff3eb}.blue{color:#5a7acc;background:#edf2ff}.green{color:#6b957d;background:#eef6f1}.mode-switch{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding:0 22px;display:grid}.mode-switch button{color:#8993a3;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:43px;font-size:12px;display:flex}.mode-switch button svg{width:15px;height:15px}.mode-switch button.selected{color:#bd5c35;border-color:#cf7448;font-weight:600}.mode-switch button:hover{color:#bd5c35}.creation-form{padding:24px 24px 0}.form-section{margin-bottom:24px}.label-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.label-row label,.label-row h3{color:#45516a;font-size:12px;font-weight:550}.label-row>span{color:#a0a8b6;font-size:12px}.prompt-box{background:#fbfcfe;border:1px solid #e6eaf1;border-radius:9px;overflow:hidden}.prompt-box:focus-within{border-color:#a2b7df;box-shadow:0 0 0 3px #edf2ff}.prompt-box.invalid{border-color:#c66761}.prompt-box textarea{resize:vertical;color:#384862;background:0 0;border:0;width:100%;min-height:126px;padding:14px 14px 5px;font-size:12px;line-height:1.9;display:block}.prompt-box textarea:focus{outline:none}.prompt-box textarea::placeholder{color:#a1aaba}.prompt-meta{color:#a2aabb;justify-content:space-between;align-items:center;gap:10px;padding:9px 13px 12px;font-size:12px;display:flex}.prompt-meta>span:first-child{align-items:center;gap:5px;display:flex}.text-danger,.field-error{color:#b3483e!important}.field-error{margin-top:8px;font-size:12px;line-height:1.6}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#7d8799;background:#fff;border:1px solid #e6eaf1;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px 14px;font-size:12px;display:inline-flex}.chip:hover{background:#f7f9fd}.chip.selected{color:#b7653d;background:#fff6ef;border-color:#edc4ad}.more-chip{color:#949dae;border-color:#0000;padding-inline:6px}.more-chip svg{width:11px}.mood-chips{flex-wrap:wrap;gap:8px;display:flex}.mood-chip{color:#7c8798;background:#fff;border:1px solid #e8ecf1;border-radius:6px;align-items:center;gap:6px;min-height:33px;padding:6px 10px;font-size:12px;display:flex}.mood-chip.selected{color:#4569b8;background:#f1f5ff;border-color:#c3d0f2}.mood-dot{background:#deb08e;border-radius:50%;width:6px;height:6px}.mood-1{background:#dfbd68}.mood-2{background:#a0bcb2}.mood-3{background:#cd8c81}.mood-4{background:#cea0b1}.mood-5{background:#b0a7c4}.advanced-settings{border-top:1px dashed #e6eaf1;margin-top:2px;padding:15px 0}.advanced-settings summary{cursor:pointer;color:#8994a6;justify-content:space-between;align-items:center;font-size:12px;list-style:none;display:flex}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary svg{width:12px;transition:transform .2s}.advanced-settings[open] summary svg{transform:rotate(180deg)}.advanced-content{padding-top:15px}.advanced-content label{color:#657189;font-size:12px;display:block}.advanced-content input,.advanced-content select,.modal-field input,.rename-control input{background:#fbfcfe;border:1px solid #e4e9f1;border-radius:6px;width:100%;margin-top:7px;padding:10px;font-size:12px;display:block}.optional{color:#a6adba;margin-left:4px;font-size:12px}.form-two-columns{gap:12px;margin-top:15px;display:flex}.form-two-columns>label{flex:1}.field-help{color:#98a2b1;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.form-footer{border-top:1px solid var(--border);background:#fcfcfe;margin:0 -24px;padding:18px 24px 16px}.generation-options{color:#8b96a7;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;display:flex}.generation-options select{appearance:auto;color:#66768e;background:#fff;border:1px solid #e7ebf2;border-radius:5px;padding:5px 3px;font-size:12px}.save-indicator{color:#95a69b;align-items:center;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.save-indicator svg{width:12px;height:12px}.generate-button{color:#fff;background:#bf572f;border:1px solid #b64b24;border-radius:8px;gap:8px;width:100%;min-height:47px;font-size:13px;font-weight:550;box-shadow:0 3px 5px #ac502312}.generate-button:hover{background:#a84622}.generate-button svg:last-child{width:16px;margin-left:auto}.generate-button svg:first-child{width:17px;margin-right:auto}.cost-note{color:#a2a9b5;text-align:center;margin-top:10px;font-size:12px;line-height:1.5}.studio-right{flex-direction:column;gap:25px;display:flex}.welcome-art{background:#eaf0fc;border:1px solid #e2e9f7;border-radius:13px;min-height:248px;padding:26px;display:flex;position:relative;overflow:hidden}.art-copy{z-index:2;width:65%;position:relative}.art-kicker{color:#788fb7;align-items:center;gap:6px;margin-bottom:18px;font-size:12px;display:flex}.art-copy h2{letter-spacing:.5px;color:#3b5077;font-size:clamp(18px,1.6vw,23px);font-weight:550;line-height:1.7}.art-copy p{color:#8c9ab2;margin-top:11px;font-size:12px;line-height:1.8}.art-caption{color:#99a9c3;letter-spacing:1px;align-items:center;gap:6px;margin-top:17px;font-size:6px;display:flex}.art-caption>span{background:#a0b0cc;width:10px;height:1px}.record-scene{width:260px;height:250px;position:absolute;top:0;right:-20px}.record-sleeve{background:linear-gradient(130deg,#ddb48f,#be7257);border-radius:4px;width:132px;height:157px;position:absolute;top:57px;right:86px;transform:rotate(-13deg);box-shadow:-8px 10px 20px #586fa318}.record-sleeve:before{content:"";border:1px solid #ffffff4d;position:absolute;inset:13px}.record-sleeve span{color:#f7e7d8;letter-spacing:1px;font-size:7px;font-weight:500;line-height:1.8;position:absolute;bottom:24px;left:24px}.vinyl{background:repeating-radial-gradient(circle,#323d54 0 2px,#485269 3px,#313b50 4px);border:6px solid #35415a;border-radius:50%;width:166px;height:166px;position:absolute;top:44px;right:33px;transform:rotate(12deg);box-shadow:8px 12px 18px #253b6329}.vinyl:before{content:"";background:conic-gradient(from 30deg,#0000,#c5d5f23b,#0000 26% 60%,#bcd1f531,#0000 89%);border-radius:50%;position:absolute;inset:0}.vinyl-label{color:#e7eefc;background:#91a8d4;border:4px solid #8099cb;border-radius:50%;place-items:center;width:61px;height:61px;margin:auto;display:grid;position:absolute;inset:0}.vinyl-label>span{background:#35415a;border-radius:50%;width:5px;height:5px}.vinyl-label svg{width:15px;height:15px;position:absolute;top:8px}.scene-orbit{border:1px solid #dce5f4;border-radius:50%;width:226px;height:226px;position:absolute;top:12px;right:-4px}.scene-spark{color:#90a5cc;font-size:18px;font-weight:300;position:absolute}.spark-one{top:32px;left:14px}.spark-two{font-size:12px;bottom:8px;right:88px}.sound-pill{background:#fffc;border:1px solid #fff;border-radius:8px;justify-content:center;align-items:center;gap:3px;width:88px;height:34px;display:flex;position:absolute;bottom:28px;right:19px;transform:rotate(-8deg);box-shadow:0 7px 16px #7990bb1a}.sound-pill i{background:#7793c5;border-radius:2px;width:2px;height:8px}.sound-pill i:nth-child(2n){height:17px}.sound-pill i:nth-child(3n){height:23px}.sound-pill i:nth-child(4n){height:12px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-heading h2{color:#4d5a73;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.section-heading>span{color:#a0a8b6;font-size:12px}.section-heading>a{color:#8491a8;align-items:center;gap:5px;font-size:12px;display:flex}.section-heading a:hover{color:var(--blue)}.section-heading a svg{width:12px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.template{text-align:left;background:#fff;border:1px solid #e6ebf2;border-radius:10px;align-items:center;gap:12px;min-height:91px;padding:12px;display:flex;position:relative;overflow:hidden}.template:hover{border-color:#c4d1e9;box-shadow:0 3px 9px #33447708}.template-art{color:#6f90b6;background:#eaf0f8;border-radius:7px;flex-shrink:0;place-items:center;width:53px;height:63px;display:grid;position:relative;overflow:hidden}.template-art>svg{z-index:1;width:29px;height:29px;transform:rotate(-8deg)}.template-orb{background:#fff6;border-radius:50%;width:50px;height:50px;position:absolute;top:-18px;right:-15px}.template-art:after{content:"";background:#b1c8e33b;border-radius:50%;width:80px;height:50px;position:absolute;bottom:-25px;left:-13px;transform:rotate(-20deg)}.template-orange .template-art{color:#c79662;background:#fbf0e4}.template-green .template-art{color:#83a085;background:#eaf1eb}.template-violet .template-art{color:#a395b9;background:#efedf7}.template-text{min-width:0;padding-right:9px}.template-text strong{color:#536178;font-size:12px;font-weight:550;line-height:1.6;display:block}.template-text>span{color:#9ca6b5;margin-top:7px;font-size:12px;display:block}.template-arrow{color:#aab3c2;width:11px;position:absolute;top:11px;right:9px}.recent-empty{border:1px dashed #dee5ef;border-radius:10px;justify-content:center;align-items:center;gap:15px;min-height:98px;padding:16px;display:flex}.empty-note{color:#acb9ce;background:#edf1f9;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.recent-empty strong{color:#8995a8;font-size:12px;font-weight:500}.recent-empty p{color:#a9b0bf;margin-top:7px;font-size:12px}.studio-tip{color:#99a4b5;align-items:center;gap:8px;margin-top:-9px;padding:0 2px;font-size:12px;display:flex}.app-footer{color:#b0b8c5;justify-content:space-between;gap:12px;margin-top:10px;padding:0 36px 22px;font-size:12px;display:flex}.app-footer span:nth-child(2){letter-spacing:1px}.active-creation{background:#eef3fc;border:1px solid #e2e9f7;border-radius:12px;min-height:140px;padding:22px}.live-dot{background:#829cdb;border-radius:50%;width:6px;height:6px;display:inline-block}.live-job{align-items:center;gap:12px;padding:13px 0;display:flex}.live-job+.live-job{border-top:1px solid #dce5f4}.live-job-icon{color:#7795ce;background:#e1e9f9;border-radius:8px;place-items:center;width:45px;height:45px;display:grid}.live-job>div:nth-child(2){flex:1;min-width:0}.live-job strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;display:block;overflow:hidden}.live-job div>span{color:#8b9cb7;margin-top:7px;font-size:12px;display:block}.status-badge{color:#929dad;white-space:nowrap;background:#f2f4f8;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;display:inline-flex}.status-badge svg{width:12px;height:12px}.status-badge.active{color:#5a7cb9;background:#e6edfc}.status-badge.success{color:#659479;background:#edf6ef}.status-badge.error{color:#b77c60;background:#fcf1e9}.primary-button,.secondary-button,.secondary-link{border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:500;display:inline-flex}.primary-button{color:#fff;background:var(--orange);border:1px solid var(--orange)}.primary-button:hover{background:#a44423}.secondary-button,.secondary-link{color:#64728d;box-shadow:none;background:#fff;border:1px solid #dfe5ee}.secondary-button:hover,.secondary-link:hover{background:#f5f7fb}.primary-button svg,.secondary-button svg,.secondary-link svg{width:16px;height:16px}.text-button{color:#6c83af;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.text-button:hover{color:#2b5ed4}.text-button svg{width:13px;height:13px}.text-button:disabled{color:#a6b2c6}.lyrics-editor>textarea{resize:vertical;background:#fbfcfe;border:1px solid #e2e7ee;border-radius:0 0 8px 8px;width:100%;padding:12px;font-size:12px;line-height:1.8}.lyrics-toolbar{background:#f8fafd;border:1px solid #e2e7ee;border-bottom:0;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.lyrics-toolbar button{color:#8190a7;align-items:center;gap:4px;padding:5px 8px;font-size:12px;display:flex}.lyrics-ready{color:#659276;background:#eef6f0;border:1px solid #dcece0;border-radius:6px;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px;font-size:12px;display:flex}.lyrics-ready svg:last-child{margin-left:auto}.track-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 0;display:flex}.track-row:last-child{border-bottom:0}.track-cover{color:#8ba2ce;background:#e6edf9;border:1px solid #dbe5f5;border-radius:8px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.cover-lyrics{color:#c79d7b;background:#faede3;border-color:#f1e1d5}.cover-instrumental{color:#90ab9b;background:#e9f0ec;border-color:#dfe9e4}.cover-record{opacity:.7;width:44px;height:44px}.cover-play{color:#587dc2;opacity:0;background:#eaf0fa99;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.cover-play svg{width:20px;height:20px}.track-cover:hover .cover-play,.track-cover:focus-visible .cover-play{opacity:1}.track-cover:disabled{opacity:.5}.track-info{flex:1;min-width:0}.track-title{text-align:left;color:#526178;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:550;display:block;overflow:hidden}.track-title:hover{color:#3562c6}.track-info>span{color:#9ca7b7;flex-wrap:wrap;gap:5px;margin-top:7px;font-size:12px;display:flex}.track-info i{font-style:normal}.save-status{color:#9baa9f;align-items:center;gap:3px;margin-top:6px;font-size:12px;display:flex}.save-status svg{width:10px}.track-actions{gap:2px;display:flex}.favorited{color:#c17376}.track-actions .icon-button{min-width:31px;min-height:34px}.recent-list{border:1px solid var(--border);background:#fff;border-radius:10px;padding:0 14px}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:25px;display:flex}.filter-tabs{border-bottom:1px solid var(--border);gap:22px;display:flex}.filter-tabs button{color:#8b96a8;white-space:nowrap;border-bottom:2px solid #0000;padding:12px 0;font-size:12px}.filter-tabs button.selected{color:#4d6ab2;border-color:#5276c9;font-weight:550}.search-input{border:1px solid var(--border);color:#a2aec1;background:#fff;border-radius:7px;align-items:center;gap:8px;height:39px;padding:0 10px;display:flex}.search-input>svg{width:16px}.search-input input{color:#51617b;background:0 0;border:0;outline:none;width:168px;font-size:12px}.search-input input::placeholder{color:#a2aec1}.search-input .icon-button{min-width:24px;min-height:24px;padding:0}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.track-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-wrap:wrap;gap:15px;padding:15px;display:flex}.track-card:last-child{border-bottom:1px solid var(--border)}.track-card .track-cover{border-radius:7px;width:100%;height:154px}.track-card .cover-record{width:135px;height:135px}.track-card .track-info{flex:unset;width:100%}.track-card .track-title{font-size:14px}.track-card .track-actions{border-top:1px solid var(--border);width:100%;padding-top:8px}.track-card .track-actions .icon-button:last-child{margin-left:auto}.track-card .cover-play{opacity:.4}.track-card .cover-play svg{width:34px;height:34px}.track-card .track-cover:hover .cover-play{opacity:1}.empty-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:50px 24px;display:flex}.empty-vinyl{color:#91a6cc;background:#eaf0fa;border-radius:50%;place-items:center;width:100px;height:100px;margin-bottom:25px;display:grid}.empty-page h2{color:#61718c;font-size:19px;font-weight:550}.empty-page p{color:#9aa5b7;margin-top:12px;font-size:12px;line-height:1.8}.empty-action{color:#bd6944;margin-top:25px;font-size:12px}.empty-action a,.empty-action button{align-items:center;gap:6px;display:flex}.draft-list{gap:14px;display:grid}.draft-card{border:1px solid var(--border);text-align:left;color:#8a9abc;background:#fff;border-radius:10px;align-items:center;gap:18px;padding:22px;display:flex}.draft-card div{flex:1;min-width:0}.draft-card strong{color:#586c8a;font-size:14px}.draft-card p{white-space:nowrap;text-overflow:ellipsis;color:#8e9caf;margin-top:8px;font-size:12px;overflow:hidden}.draft-card small{margin-top:8px;font-size:12px;display:block}.subtle-pill{color:#8b9ab4;white-space:nowrap;background:#edf2fa;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.subtle-pill svg{width:16px}.page-tabs{margin-bottom:22px}.job-list{gap:13px;display:grid}.job-card{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:flex-start;gap:18px;padding:23px;display:flex}.job-icon{color:#93a5c8;background:#eff3fc;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.job-icon svg{width:24px;height:24px}.job-icon.done{color:#93af9d;background:#eef5f0}.job-body{flex:1;min-width:0}.job-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.job-title h3{font-size:13px;font-weight:550;line-height:1.7}.job-body>p{color:#9ba6b6;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;display:flex}.job-error{color:#b08368;background:#fcf7ef;border-radius:5px;align-items:flex-start;gap:7px;margin-top:13px;padding:9px 11px;font-size:12px;line-height:1.7;display:flex}.job-error svg{margin-top:3px}.queue-message{color:#99a5b9;margin-top:11px;font-size:12px;display:inline-block}.job-diagnostics{color:#abb3c0;margin-top:12px;font-size:12px}.job-diagnostics summary{cursor:pointer}.job-diagnostics>span{overflow-wrap:anywhere;margin-top:7px;display:block}.job-actions{color:#7c90b5;flex-direction:column;gap:14px;padding-top:5px;font-size:12px;display:flex}.job-actions a,.job-actions>button{align-items:center;gap:5px;display:flex}.job-actions svg{width:13px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.settings-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:24px}.settings-title{align-items:center;gap:11px;margin-bottom:24px;display:flex}.settings-title>div{flex:1}.settings-title h2{font-size:14px;font-weight:600}.settings-title p{color:#9ca6b6;margin-top:5px;font-size:12px}.setting-row{color:#8a96a9;justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.setting-row strong{color:#5f6e86;font-weight:500}.settings-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:13px;margin-top:20px;padding-top:17px;display:flex}.settings-card-footer>span{color:#a3acba;font-size:12px}.settings-card-footer a{color:#7890b9;align-items:center;gap:6px;font-size:12px;display:flex}.balance-label{color:#9aa5b8;margin-top:28px;font-size:12px}.balance{letter-spacing:2px;color:#5f708d;margin:9px 0 19px;font-size:35px;font-weight:500}.balance>span{color:#a1abbc;letter-spacing:1px;margin-left:10px;font-size:12px}.setting-note{color:#94a0b3;font-size:12px;line-height:1.9}.storage-summary{gap:54px;margin:28px 0;display:flex}.storage-summary strong{color:#5d7393;font-size:25px;font-weight:500;display:block}.storage-summary small{color:#9aa8bd;margin-left:6px;font-size:12px;font-weight:400}.storage-summary span{color:#9ca8b9;margin-top:7px;font-size:12px;display:block}.path-label{color:#8695aa;margin:18px 0;font-size:12px;display:block}.path-label code{color:#8e9bb0;overflow-wrap:anywhere;background:#f5f7fb;border:1px solid #e8ecf3;border-radius:6px;margin-top:8px;padding:11px;font-size:12px;display:block}.privacy-card{background:#f2f6fc;border-color:#e4ebf7;padding:29px}.privacy-card>svg{color:#94a9cb;margin-bottom:17px}.privacy-card h2{color:#647b9f;margin-bottom:15px;font-size:15px;font-weight:550}.privacy-card p{color:#8a9bb6;margin-bottom:25px;font-size:12px;line-height:2}.privacy-card>div{color:#92a3bc;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;display:flex}.privacy-card>div svg{color:#8cab9f}.app-version{color:#a3afc3;border-top:1px solid #e0e7f2;margin-top:26px;padding-top:19px;font-size:12px;display:block}.notice{border-radius:7px;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:13px;font-size:12px;line-height:1.8;display:flex}.notice.warning{color:#ac7b50;background:#fff8ed;border:1px solid #f3e5cc}.notice button,.notice a{color:#946533;font-weight:600;text-decoration:underline}.connection-error{color:#ab774d;background:#fff8ed;border-bottom:1px solid #f5e9d6;align-items:center;gap:10px;padding:12px 36px;font-size:12px;display:flex}.connection-error button{margin-left:auto;text-decoration:underline}.form-loading{color:#9aa6bb;justify-content:center;align-items:center;gap:8px;min-height:450px;font-size:12px;display:flex}.modal-overlay{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e2f4d66;animation:.15s fade-in;position:fixed;inset:0}.modal-content{z-index:80;background:#fff;border-radius:14px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);padding:25px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 100px #13254033}.modal-wide{width:min(690px,100vw - 32px)}.modal-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.modal-heading h2{font-size:17px;font-weight:600}.modal-description{color:#99a4b6;margin-top:9px;margin-bottom:20px;font-size:12px;line-height:1.9}.lyrics-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:#71809a;background:#f8fafc;border:1px solid #e9edf3;border-radius:7px;max-height:380px;margin:16px 0;padding:17px;font-family:inherit;font-size:13px;line-height:2.1;overflow-y:auto}.modal-field{color:#7d8da5;margin-top:22px;font-size:12px;display:block}.checkbox-label{color:#8897ae;align-items:flex-start;gap:9px;margin:23px 0;font-size:12px;line-height:1.8;display:flex}.checkbox-label input{accent-color:var(--blue);margin-top:4px}.external-link{color:#6c8abc;align-items:center;gap:5px;font-size:12px;display:inline-flex}.detail-title{align-items:center;gap:18px;margin:25px 0;display:flex}.detail-title .track-cover{width:80px;height:80px}.detail-title h2{overflow-wrap:anywhere;font-size:20px;font-weight:550}.detail-title>div:nth-child(2){flex:1;min-width:0}.detail-title>div>span{color:#a1acbe;margin-top:7px;font-size:12px;display:block}.detail-title .icon-button{vertical-align:middle;margin-left:4px}.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.detail-section{border-top:1px solid var(--border);margin-top:27px;padding-top:23px}.detail-section h3{color:#788aa6;font-size:13px;font-weight:550}.detail-section p{color:#91a0b5;margin:10px 0 14px;font-size:12px;line-height:1.9}.rename-control{align-items:center;gap:10px;display:flex}.player-bar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e3e9f2;align-items:center;gap:18px;min-height:84px;padding:13px 28px;display:flex;position:fixed;bottom:0;left:214px;right:0;box-shadow:0 -5px 20px #1f355408}.has-player{padding-bottom:84px}.player-info{align-items:center;gap:10px;width:190px;min-width:100px;display:flex}.mini-cover{color:#93a8ce;background:#edf2fb;border-radius:7px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.player-info>div:last-child{min-width:0}.player-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;display:block;overflow:hidden}.player-info span{color:#a1aec1;margin-top:5px;font-size:12px;display:block}.player-play{color:#fff;background:#3e65c5;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.player-play svg{width:16px}.player-progress{flex:1;min-width:70px;position:relative}.player-progress input{accent-color:#5171c7;cursor:pointer;width:100%;height:6px;display:block}.player-time{color:#7a8ca9;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.player-time i{color:#b4becd;padding:0 4px;font-style:normal}.player-volume{align-items:center;gap:3px;display:flex}.player-volume input{accent-color:#6884ca;width:64px;height:4px}.wave-failed{display:none}.wave-fallback{color:#bdc9df;width:100%}.mobile-nav{display:none}.spin{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1650px){.page{padding-top:44px}.studio-grid{grid-template-columns:465px minmax(0,1fr)}.welcome-art{min-height:265px}.record-scene{right:30px}.template{min-height:103px}.template-art{width:64px;height:71px}.template-text strong,.template-text>span{font-size:12px}}@media (width<=1230px){.sidebar{width:188px;padding-inline:12px}.main-shell{margin-left:188px}.player-bar{left:188px}.topbar,.page{padding-inline:25px}.studio-grid{grid-template-columns:minmax(345px,1fr) minmax(320px,1fr);gap:20px}.creation-form{padding-inline:20px}.form-footer{margin-inline:-20px;padding-inline:20px}.composer-heading{padding-inline:20px}.record-scene{opacity:.85;right:-74px}.art-copy{width:73%}.welcome-art{min-height:234px;padding:22px}.art-copy h2{font-size:19px}.template{gap:8px;padding:9px}.template-art{width:42px;height:54px}.template-text strong{font-size:12px}.template-arrow{display:none}.template-text{padding-right:0}.template-text>span{font-size:12px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-volume{display:none}.player-bar{gap:12px}.nav-item.active:before{left:-12px}}@media (width<=1040px){.sidebar{width:78px;padding:25px 12px}.brand{justify-content:center;padding:0}.brand-name,.workspace-label,.nav-item>span,.local-workspace,.profile,.nav-count{display:none}.sidebar nav{margin-top:37px}.nav-item{justify-content:center;padding:0}.sidebar-bottom{padding-top:0}.nav-item.active:before{display:none}.main-shell{margin-left:78px}.player-bar{left:78px}.studio-grid{grid-template-columns:minmax(338px,1fr) minmax(300px,1fr);gap:18px}.page{padding-inline:22px}.heading-note{display:none}.settings-card{padding:20px}.topbar{height:61px}.page-heading{margin-bottom:24px}.template-grid{gap:8px}.template{min-height:80px}}@media (width<=820px){.studio-grid{grid-template-columns:minmax(0,1fr);gap:24px}.studio-right{gap:22px}.welcome-art{min-height:222px}.record-scene{right:15px}.art-copy{width:65%}.template{gap:15px;min-height:95px;padding:14px}.template-art{width:55px;height:63px}.template-text strong,.template-text>span{font-size:12px}.template-grid{gap:12px}.settings-grid{grid-template-columns:1fr}.page-heading .subtle-pill{display:none}.job-card{flex-wrap:wrap;gap:12px;padding:18px}.job-actions{flex-direction:row;width:calc(100% - 56px);margin-left:56px}.app-footer span:nth-child(2){display:none}.player-info{width:130px}.player-time{display:none}}@media (width<=560px){body{min-width:0}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:56px;padding:0 20px}.breadcrumb{gap:8px;font-size:12px}.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}.topbar-actions{gap:10px}.small-avatar{width:25px;height:25px;font-size:12px}.connection-pill{font-size:12px}.topbar .notification-button{display:none}.page{padding:25px 17px}.page-heading{gap:10px;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px;line-height:1.8}.eyebrow{margin-bottom:9px;font-size:12px}.page-heading>.primary-button{min-width:40px;padding:10px;font-size:12px}.page-heading>.primary-button>svg{display:none}.composer-heading{padding:20px}.composer{border-radius:12px}.creation-form{padding-top:20px}.prompt-box textarea{min-height:136px;font-size:13px}.mode-switch{gap:6px;padding-inline:16px}.mode-switch button{font-size:12px}.chip,.mood-chip{min-height:36px}.label-row>label{font-size:12px}.app-shell{padding-bottom:66px}.mobile-nav{padding:9px 10px max(9px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#fffffff5;border-top:1px solid #e6ebf3;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#9ba7bc;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:60px;min-height:44px;font-size:12px;display:flex}.mobile-nav a.active{color:#4569bb}.record-scene{right:-54px}.art-copy{width:76%}.welcome-art{min-height:239px;padding:23px}.template{gap:8px;min-height:82px;padding:9px}.template-art{width:40px;height:55px}.template-text strong,.template-text>span{font-size:12px}.template-grid{gap:10px}.studio-tip{font-size:12px;line-height:1.8}.recent-empty{justify-content:flex-start;padding:15px}.recent-empty p{font-size:12px}.section-heading h2{font-size:13px}.section-heading>span{font-size:12px}.app-footer{padding:0 20px 16px}.filter-tabs{gap:18px;width:100%;overflow-x:auto}.filter-tabs button{font-size:12px}.search-input,.search-input input{width:100%}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.track-card{gap:11px;padding:10px}.track-card .track-cover{height:115px}.track-card .cover-record{width:100px;height:100px}.track-card .track-title{font-size:12px}.track-card .track-actions{gap:0}.track-card .track-actions .icon-button{min-width:29px}.track-info>span{gap:3px;font-size:12px}.job-title h3{font-size:12px}.job-card{padding:16px}.job-icon{width:36px;height:36px}.job-actions{margin-left:48px}.job-body p,.job-error{font-size:12px}.empty-page{min-height:310px;padding:35px 15px}.empty-page h2{font-size:17px}.empty-page p{font-size:12px}.settings-title h2{font-size:13px}.settings-card-footer{flex-wrap:wrap}.modal-content{padding:20px}.detail-title h2{font-size:17px}.detail-title .track-cover{width:63px;height:63px}.detail-actions{gap:8px}.detail-actions .primary-button,.detail-actions .secondary-button,.secondary-link{padding:9px 10px;font-size:12px}.player-bar{gap:10px;min-height:66px;padding:10px 14px;bottom:65px;left:0}.player-info{flex:1;width:auto}.player-info strong{max-width:125px}.player-progress,.player-volume,.player-bar>a{display:none}.player-play{width:32px;height:32px}.has-player{padding-bottom:135px}.connection-error{padding:12px 18px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.prompt-box textarea,.lyrics-editor textarea{font-size:15px;line-height:1.8}.prompt-box textarea::placeholder,input::placeholder,textarea::placeholder{color:#738096;opacity:1}.label-row>label,.nav-item,.page-heading p,.template-text strong,.setting-row,.job-title h3{font-size:14px}.workspace-label,.breadcrumb,.page-heading p,.label-row>span,.prompt-meta,.field-help,.save-indicator,.cost-note,.template-text>span,.section-heading>span,.recent-empty p,.studio-tip,.setting-note,.settings-title p,.settings-card-footer>span,.path-label,.path-label code,.privacy-card p,.privacy-card>div,.app-version,.track-info>span,.job-body>p,.queue-message,.modal-description,.checkbox-label,.detail-section p,.profile small,.local-workspace p,.local-label,.app-footer,.player-info span{color:#65738a}.chip,.mood-chip,.advanced-settings summary{color:#5c6b82;font-size:13px}.chip.selected,.mood-chip.selected{color:#3157b8}.template{flex-wrap:nowrap}.template-text{min-width:0}.template-text strong,.template-text>span{line-height:1.55}@media (width<=560px){.template-grid,.library-grid{grid-template-columns:1fr}.template{gap:14px;padding:12px}.template-art{width:50px}.mode-switch button{min-height:48px;font-size:12px}.chip,.mood-chip,.icon-button{min-width:44px;min-height:44px}.generation-options{flex-wrap:wrap;row-gap:10px}.player-bar{grid-template-columns:1fr 44px 44px;padding:10px 16px 12px;display:grid}.player-info{min-width:0}.player-info strong{max-width:180px}.player-play{width:40px;height:40px}.player-info{grid-area:1/1}.player-play{grid-area:1/2}.player-bar>.icon-button:last-child{grid-area:1/3}.player-progress{grid-column:1/-1;width:100%;display:block}.player-progress>div,.wave-fallback{display:none}.player-progress input{height:20px}.has-player{padding-bottom:176px}}@media (width<=380px){.mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-inline:10px}.mode-switch button svg{display:none}.generation-options{flex-wrap:wrap}}@media (width<=560px){.creation-form textarea,.creation-form select,.creation-form input:not([type=checkbox]):not([type=radio]),.admin-section-heading>input{font-size:16px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}