*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}[dir=rtl]{text-align:right}[dir=rtl] body{direction:rtl}img,video{max-width:100%;height:auto}.home-page{position:relative;--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.home-page,.bg-dark-card,[class~="bg-dark-surface/80"]){background-color:#ffffffdb}.home-page{--prompt-proof-neutral-surface: rgba(255, 255, 255, .025);--prompt-proof-neutral-border: rgba(255, 255, 255, .1);--prompt-proof-accent-surface: rgba(139, 92, 246, .1);--prompt-proof-accent-border: rgba(167, 139, 250, .35);--prompt-proof-detail-surface: rgba(2, 6, 23, .18);--prompt-proof-detail-border: rgba(255, 255, 255, .1);--prompt-proof-primary-text: #e2e8f0;--prompt-proof-secondary-text: #cbd5e1;--prompt-proof-muted-text: #94a3b8;--prompt-proof-accent-text: #c4b5fd;--prompt-proof-note-surface: rgba(245, 158, 11, .08);--prompt-proof-note-border: rgba(251, 191, 36, .3);--prompt-proof-note-text: #fde68a;--lyrics-output-surface: rgba(2, 6, 23, .34);--lyrics-output-border: #475569;--lyrics-output-text: #e2e8f0;--lyrics-accent-text: #c4b5fd;--lyrics-action-surface: rgba(255, 255, 255, .035);--lyrics-action-border: #64748b;--lyrics-action-text: #e2e8f0;--lyrics-action-hover-surface: rgba(139, 92, 246, .12);--lyrics-action-hover-border: #a78bfa;--lyrics-action-hover-text: #ffffff;--lyrics-chip-surface: rgba(139, 92, 246, .1);--lyrics-chip-border: rgba(196, 181, 253, .42);--lyrics-chip-text: #ddd6fe;--lyrics-chip-hover-surface: rgba(139, 92, 246, .2);background-image:radial-gradient(ellipse 70% 45% at 15% -5%,rgba(124,58,237,.18),transparent 55%),radial-gradient(ellipse 55% 40% at 85% 105%,rgba(99,102,241,.12),transparent 50%)}.home-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.home-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.home-container{padding-left:2rem;padding-right:2rem}}.home-glass-card{border-radius:1rem;border-width:1px;border-color:#ffffff14;background-color:#ffffff08;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes heroEnter{to{opacity:1;transform:translateY(0)}}@keyframes heroGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.app-segment{display:inline-flex;border-radius:.75rem;border-width:1px;border-color:#ffffff14;background-color:#ffffff0a;padding:.25rem}.app-segment-btn{min-height:2.75rem;cursor:pointer;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html[data-theme=light] .home-page :where(.text-gray-300,.app-segment-btn){color:#475569}html[data-theme=light] .music-model-page .app-segment-btn{color:#64748b}.app-segment-btn:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.app-segment-btn-active{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}html[data-theme=light] .home-page :where(.app-segment-btn-active,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .site-footer :where(.app-segment-btn-active){color:#0f172a}.app-panel{border-radius:1rem;border-width:1px;border-color:#ffffff14;background-color:#ffffff08;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);padding:1.25rem}html[data-theme=light] .app-panel{border-color:#94a3b852;background-color:#ffffffd1;box-shadow:0 8px 30px #0f172a0f}@media (min-width: 640px){.app-panel{padding:1.5rem}}.app-label{margin-bottom:.375rem;display:block;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.text-gray-300,.app-label){color:#475569}html[data-theme=light] .music-model-page .app-label{color:#64748b}.app-field{min-height:2.75rem;width:100%;border-radius:.5rem;border-width:1px;border-color:#ffffff1a;--tw-bg-opacity: 1;background-color:rgb(15 15 26 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.app-field,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .site-footer :where(.app-field){color:#0f172a}.app-field::-moz-placeholder{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.app-field::placeholder{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.app-field:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(139 92 246 / .4)}@media (min-width: 640px){.app-field{font-size:.875rem;line-height:1.25rem}}.app-range-shell{border-radius:.75rem;border-width:1px;border-color:#ffffff1a;--tw-bg-opacity: 1;background-color:rgb(15 15 26 / var(--tw-bg-opacity, 1));padding:.625rem .875rem .75rem}.app-range-value{margin-bottom:.25rem;display:block;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.app-range-endpoint{width:2.25rem;flex-shrink:0;font-size:.75rem;line-height:1rem;font-weight:500;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.text-gray-300,.app-range-endpoint){color:#475569}html[data-theme=light] .music-model-page .app-range-endpoint{color:#64748b}.app-range{height:2.75rem;min-width:0px;flex:1 1 0%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.app-range:focus{outline:2px solid transparent;outline-offset:2px}.app-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,#7c3aed 0 var(--range-progress),rgba(255,255,255,.12) var(--range-progress) 100%)}.app-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;-webkit-appearance:none;appearance:none;border:3px solid #c4b5fd;border-radius:999px;background:#7c3aed;box-shadow:0 0 0 4px #7c3aed29}.app-range::-moz-range-track{height:6px;border-radius:999px;background:#ffffff1f}.app-range::-moz-range-progress{height:6px;border-radius:999px;background:#7c3aed}.app-range::-moz-range-thumb{width:16px;height:16px;border:3px solid #c4b5fd;border-radius:999px;background:#7c3aed;box-shadow:0 0 0 4px #7c3aed29}.app-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #a78bfa59}.app-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px #a78bfa59}.app-video-upload{display:flex;align-items:center;border-radius:.75rem;border-width:1px;border-style:dashed;border-color:#8b5cf659;background-color:#8b5cf60f;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-video-upload:hover{border-color:#a78bfa99;background-color:#8b5cf617}.app-video-upload-disabled{border-color:#ffffff1a;background-color:#ffffff06;opacity:.5}.app-video-upload-disabled:hover{border-color:#ffffff1a;background-color:#ffffff06}.app-video-upload-icon{display:flex;height:2.75rem;width:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;border-color:#8b5cf640;background-color:#8b5cf61a;--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.app-input{border-radius:.75rem;border-width:1px;border-color:#ffffff1a;background-color:#0003;padding:.625rem .875rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1));--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .1);--tw-shadow: var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.app-input::placeholder{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.app-input:hover{border-color:#ffffff29}.app-input:focus{border-color:#a78bfa99;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(139 92 246 / .2)}@media (min-width: 640px){.app-input{font-size:.875rem;line-height:1.25rem}}select.app-input{cursor:pointer;padding-right:2.25rem;color-scheme:dark}textarea.app-input{line-height:1.5rem}.app-model-select{position:relative}.app-model-select-trigger{display:flex;align-items:center;gap:.625rem;text-align:left}.app-model-logo{display:flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:.375rem;background-color:#ffffff0d;padding:.125rem}.app-model-select-menu{position:absolute;left:0;right:0;top:calc(100% + .375rem);z-index:50;max-height:16rem;overflow-y:auto;border-radius:.75rem;border-width:1px;border-color:#ffffff1a;--tw-bg-opacity: 1;background-color:rgb(18 18 31 / var(--tw-bg-opacity, 1));padding:.25rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .4);--tw-shadow: var(--tw-shadow-colored)}.app-model-select-option{display:flex;min-height:2.75rem;width:100%;cursor:pointer;align-items:center;gap:.625rem;border-radius:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html[data-theme=light] .music-model-page .app-model-select-option{color:#334155}.app-model-select-option:hover{background-color:#ffffff0f}.app-model-select-option-active{background-color:#7c3aed33;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.app-model-select-option-active,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .site-footer :where(.app-model-select-option-active){color:#0f172a}.app-chip{min-height:2.75rem;min-width:2.75rem;cursor:pointer;border-radius:.5rem;border-width:1px;border-color:#ffffff1a;padding:.5rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html[data-theme=light] .home-page :where(.text-gray-300,.app-chip){color:#475569}html[data-theme=light] .music-model-page .app-chip{color:#64748b}.app-chip:hover{border-color:#8b5cf680}.app-chip-active{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.app-chip-active,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .site-footer :where(.app-chip-active){color:#0f172a}.app-btn-primary{width:100%;cursor:pointer;border-radius:.75rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html[data-theme=light] .home-page :where(.app-btn-primary,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .site-footer :where(.app-btn-primary){color:#0f172a}.app-btn-primary:hover{opacity:.9}.app-btn-primary:disabled{cursor:not-allowed;opacity:.5}.app-empty{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;padding-top:4rem;padding-bottom:4rem;text-align:center}.app-empty-icon{margin-bottom:1rem;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;border-color:#8b5cf640;background-color:#7c3aed26;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.tool-workbench-shell{position:relative;overflow:hidden;border-radius:1.75rem;border-width:1px;border-color:#ffffff14;padding:.5rem}@media (min-width: 640px){.tool-workbench-shell{padding:.75rem}}.tool-workbench-shell{background:linear-gradient(145deg,rgba(139,92,246,.08),transparent 38%),#05061257;box-shadow:0 28px 80px #0003}.tool-workbench-panel{border-radius:1rem;border-width:1px;border-color:#ffffff1a;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:linear-gradient(160deg,#ffffff0e,#ffffff06);box-shadow:inset 0 1px #ffffff09}.tool-panel-header{margin-bottom:1rem;display:flex;min-height:3.5rem;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-bottom-width:1px;border-color:#ffffff14;padding-bottom:.75rem}.tool-panel-step{display:inline-flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;border-color:#a78bfa33;background-color:#8b5cf61a;font-size:11px;font-weight:700;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.tool-points-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;border-width:1px;border-color:#ffffff14;background-color:#ffffff09;padding:.375rem .625rem}.tool-upload-zone{position:relative;display:flex;min-height:11rem;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem;border-width:1px;border-style:dashed;border-color:#a78bfa4d;padding-left:1.5rem;padding-right:1.5rem;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tool-upload-zone:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1))}.tool-upload-zone:hover{border-color:#a78bfa99}.tool-upload-zone{background:linear-gradient(rgba(139,92,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.045) 1px,transparent 1px),#8b5cf609;background-size:28px 28px}.tool-upload-zone:hover{background-color:#8b5cf611}.tool-upload-icon{margin-bottom:.75rem;display:inline-flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;border-color:#a78bfa33;background-color:#8b5cf61a;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(46 16 101 / .2);--tw-shadow: var(--tw-shadow-colored)}.tool-generate-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #6366f1 var(--tw-gradient-to-position);padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(46 16 101 / .3);--tw-shadow: var(--tw-shadow-colored);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html[data-theme=light] .home-page :where(.tool-generate-button,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .site-footer :where(.tool-generate-button){color:#0f172a}.tool-generate-button:hover{--tw-brightness: brightness(1.1);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)}.tool-generate-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #090914}.tool-result-surface{border-color:#ffffff1a;background:#0003}.tool-empty-state{border-color:#8b5cf62e;background:radial-gradient(circle at 50% 46%,rgba(139,92,246,.09),transparent 34%),#ffffff03}.tool-form-scroll,.tool-result-scroll{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.55) transparent;overscroll-behavior:contain}.tool-form-scroll::-webkit-scrollbar,.tool-result-scroll::-webkit-scrollbar{width:7px}.tool-form-scroll::-webkit-scrollbar-thumb,.tool-result-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#8b5cf673}.tool-lyrics-text{color:#e5e7eb;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,Georgia,serif;font-size:1rem;font-weight:400;line-height:1.95;letter-spacing:.025em;overflow-wrap:anywhere}.tool-lyrics-section{margin:.65rem 0 .3rem;color:#c4b5fd;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:.75rem;font-weight:700;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.tool-result-meta{display:flex;max-height:82px;flex-wrap:wrap;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.25rem;overflow-y:auto;border-radius:.75rem;border-width:1px;border-color:#ffffff14;background-color:#ffffff06;padding:.5rem .75rem;font-size:11px;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.text-gray-300,.tool-result-meta){color:#475569}html[data-theme=light] .music-model-page .tool-result-meta{color:#64748b}.tool-result-meta-heading{font-weight:600;--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.tool-result-meta-item{display:flex;min-width:0px;max-width:100%;align-items:baseline;gap:.25rem}.tool-result-meta-item strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}html[data-theme=light] .home-page :where(.tool-result-meta-item strong,.text-gray-400){color:#475569}.tool-history-item{display:flex;min-height:4rem;align-items:center;gap:.75rem;border-radius:.75rem;border-width:1px;border-color:#ffffff14;background-color:#ffffff06;padding:.75rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tool-history-item:hover{border-color:#8b5cf666;background-color:#8b5cf60f}.tool-history-item:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-end-28{inset-inline-end:-7rem}.-start-24{inset-inline-start:-6rem}.bottom-0{bottom:0}.right-1{right:.25rem}.top-1{top:.25rem}.top-16{top:4rem}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-\[560px\]{height:560px}.h-full{height:100%}.max-h-80{max-height:20rem}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-20{min-height:5rem}.min-h-28{min-height:7rem}.min-h-9{min-height:2.25rem}.min-h-96{min-height:24rem}.min-h-\[420px\]{min-height:420px}.min-h-\[44px\]{min-height:44px}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-400\/20{border-color:#fbbf2433}.border-red-400\/20{border-color:#f8717133}.border-violet-400\/30{border-color:#a78bfa4d}.border-violet-500\/30{border-color:#8b5cf64d}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-t-violet-300{--tw-border-opacity: 1;border-top-color:rgb(196 181 253 / var(--tw-border-opacity, 1))}.border-t-violet-500{--tw-border-opacity: 1;border-top-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.bg-\[\#0f0f1a\]{--tw-bg-opacity: 1;background-color:rgb(15 15 26 / var(--tw-bg-opacity, 1))}.bg-amber-500\/\[0\.08\]{background-color:#f59e0b14}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/65{background-color:#000000a6}.bg-indigo-500\/\[0\.08\]{background-color:#6366f114}.bg-red-500\/10{background-color:#ef44441a}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-violet-600\/10{background-color:#7c3aed1a}.bg-white\/\[0\.025\]{background-color:#ffffff06}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.035\]{background-color:#ffffff09}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-1{padding:.25rem!important}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pe-2{padding-inline-end:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.font-sans{font-family:Plus Jakarta Sans,Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-violet-400\/70{color:#a78bfab3}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.decoration-transparent{text-decoration-color:transparent}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.outline{outline-style:solid}.blur-3xl{--tw-blur: blur(64px);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)}.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (prefers-reduced-motion: reduce){.home-glass-card-hover{transition:none}.nav-shell,.nav-cta,.nav-create-cta,.reveal,.hero-enter,.hero-glow{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.reveal.is-visible{opacity:1;transform:none}.home-cta:after{display:none}}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}body{transition:background-color .2s ease,color .2s ease}html[data-theme=dark] body{background-color:#0f172a;color:#e2e8f0}html[data-theme=light] body{background-color:#f8fafc;color:#1e293b}html[data-theme=light] .home-page{color:#1e293b;background-color:#f8fafc;--prompt-proof-neutral-surface: #ffffff;--prompt-proof-neutral-border: #cbd5e1;--prompt-proof-accent-surface: #f5f3ff;--prompt-proof-accent-border: #c4b5fd;--prompt-proof-detail-surface: #f8fafc;--prompt-proof-detail-border: #cbd5e1;--prompt-proof-primary-text: #0f172a;--prompt-proof-secondary-text: #334155;--prompt-proof-muted-text: #475569;--prompt-proof-accent-text: #6d28d9;--prompt-proof-note-surface: #fffbeb;--prompt-proof-note-border: #f59e0b;--prompt-proof-note-text: #92400e;--lyrics-output-surface: #f1f5f9;--lyrics-output-border: #94a3b8;--lyrics-output-text: #1e293b;--lyrics-accent-text: #6d28d9;--lyrics-action-surface: #ffffff;--lyrics-action-border: #64748b;--lyrics-action-text: #334155;--lyrics-action-hover-surface: #f5f3ff;--lyrics-action-hover-border: #7c3aed;--lyrics-action-hover-text: #5b21b6;--lyrics-chip-surface: #f5f3ff;--lyrics-chip-border: #a78bfa;--lyrics-chip-text: #5b21b6;--lyrics-chip-hover-surface: #ede9fe;background-image:radial-gradient(ellipse 70% 45% at 15% -5%,rgba(124,58,237,.1),transparent 55%),radial-gradient(ellipse 55% 40% at 85% 105%,rgba(14,165,233,.08),transparent 50%)}html[data-theme=light] .home-section{border-color:#94a3b83d}html[data-theme=light] .home-title,html[data-theme=light] .app-shell-title,html[data-theme=light] .home-page :where(.text-white,[class~="text-white/90"]){color:#0f172a}html[data-theme=light] .home-desc,html[data-theme=light] .app-shell-subtitle,html[data-theme=light] .app-label,html[data-theme=light] .home-page :where(.text-gray-300,.text-gray-400){color:#475569}html[data-theme=light] .home-page :where(.text-gray-500,.text-gray-600){color:#64748b}html[data-theme=light] .home-glass-card,html[data-theme=light] .app-panel,html[data-theme=light] .app-pricing-card{border-color:#94a3b852;background-color:#ffffffd1;box-shadow:0 8px 30px #0f172a0f}html[data-theme=light] .home-glass-card-hover:hover{border-color:#7c3aed61;background-color:#fff;box-shadow:0 12px 32px #4c1d951a}html[data-theme=light] .home-page [class*=border-white]{border-color:#94a3b852}html[data-theme=light] .home-page [class*="bg-white/"]:not([class~=text-white]){background-color:#ffffffb8}html[data-theme=light] .home-page :where(.bg-dark-bg,.bg-dark-card,[class~="bg-dark-surface/80"]){background-color:#ffffffdb}html[data-theme=light] .home-page :where(.home-cta,.nav-cta,.app-btn-primary,.app-segment-btn-active),html[data-theme=light] .home-page [class^=bg-][class~=text-white],html[data-theme=light] .home-page [class*=" bg-"][class~=text-white],html[data-theme=light] .home-page [class*=aspect-] [class~=text-white]{color:#fff}html[data-theme=light] .home-page.model-landing-page .model-faq-summary{color:#0f172a}html[data-theme=light] .home-page.model-landing-page .model-faq-answer{color:#475569;border-color:#94a3b852}.chat-workbench{--chat-bg: #0b1020;--chat-panel: rgba(18, 25, 45, .92);--chat-card: rgba(255, 255, 255, .055);--chat-border: rgba(255, 255, 255, .1);--chat-text: #f8fafc;--chat-muted: #94a3b8;--chat-accent-text: #ddd6fe;--chat-error-text: #fecaca;--chat-error-border: rgba(248, 113, 113, .48);--chat-error-bg: rgba(127, 29, 29, .28);--chat-code-bg: #202738;--chat-code-toolbar: #2a3245;--chat-code-border: rgba(255, 255, 255, .12);--chat-code-text: #e5e7eb;display:grid;grid-template-columns:17rem minmax(0,1fr);width:min(100% - 1.5rem,90rem);height:min(75rem,calc(100vh - 7.25rem));min-height:38rem;margin:1rem auto 0;overflow:hidden;color:var(--chat-text);background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:1.5rem;box-shadow:0 24px 70px #02061747}.chat-sidebar{display:flex;min-width:0;flex-direction:column;padding:1rem;background:var(--chat-panel);border-inline-end:1px solid var(--chat-border)}.chat-sidebar-top{display:flex;min-height:2.75rem;align-items:center;gap:.5rem}.chat-new-button{display:flex;min-height:2.75rem;flex:1;align-items:center;justify-content:center;gap:.5rem;border-radius:.8rem;color:#fff;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,#7c3aed,#4f46e5);transition:opacity .18s ease}.chat-new-button:hover{opacity:.9}.chat-sidebar-close{display:none;width:2.75rem;border-radius:.75rem;border:1px solid var(--chat-border);font-size:1.5rem}.chat-sidebar-title{margin:1.25rem .5rem .55rem;color:var(--chat-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chat-conversation-list{min-height:0;flex:1;overflow-y:auto}.chat-sidebar-empty{padding:1rem .5rem;color:var(--chat-muted);font-size:.82rem}.chat-conversation{display:flex;min-height:2.75rem;align-items:center;border-radius:.75rem;color:var(--chat-muted)}.chat-conversation:hover,.chat-conversation.is-active{color:var(--chat-text);background:var(--chat-card)}.chat-conversation-main{display:flex;min-width:0;flex:1;align-items:center;gap:.55rem;padding:.7rem .65rem;text-align:start}.chat-conversation-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.chat-conversation-actions{display:none;gap:.1rem;padding-inline-end:.35rem}.chat-conversation:hover .chat-conversation-actions,.chat-conversation.is-active .chat-conversation-actions{display:flex}.chat-conversation-actions button{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.5rem;color:var(--chat-muted)}.chat-conversation-actions button:hover{color:var(--chat-text);background:var(--chat-card)}.chat-main{display:flex;min-width:0;min-height:0;flex-direction:column}.chat-toolbar{display:flex;min-height:4.25rem;align-items:center;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--chat-border)}.chat-mobile-menu{display:none;width:2.75rem;height:2.75rem;place-items:center;border-radius:.75rem;border:1px solid var(--chat-border)}.chat-model-picker{position:relative;z-index:12;width:min(22rem,42vw);min-width:13rem}.chat-model-trigger{display:flex;width:100%;min-height:3rem;align-items:center;gap:.65rem;padding:.4rem .65rem;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:.9rem;background:var(--chat-card);text-align:start;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.chat-model-trigger:hover,.chat-model-trigger[aria-expanded=true]{border-color:#8b5cf68c;background:#7c3aed1a}.chat-model-trigger:focus-visible,.chat-model-option:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.chat-model-trigger-logo,.chat-model-option-logo,.chat-model-fallback{width:2rem;height:2rem;flex:none;border-radius:.65rem;-o-object-fit:contain;object-fit:contain;background:var(--chat-panel)}.chat-model-loading-icon{width:2rem;height:2rem;flex:none;border:2px solid var(--chat-border);border-top-color:#8b5cf6;border-radius:999px;animation:chat-model-loading .8s linear infinite}.chat-model-fallback{display:grid;place-items:center;color:#8b5cf6;font-size:.8rem;font-weight:800}.chat-model-trigger-copy{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.15}.chat-model-trigger-copy>span{color:var(--chat-muted);font-size:.65rem;font-weight:650}.chat-model-trigger-copy strong{overflow:hidden;margin-top:.2rem;font-size:.86rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chat-model-chevron{flex:none;color:var(--chat-muted);transition:transform .16s ease}.chat-model-chevron.is-open{transform:rotate(180deg)}.chat-model-count{flex:none;color:var(--chat-muted);font-size:.72rem;line-height:1.5;white-space:nowrap}.chat-model-menu{position:absolute;z-index:30;inset-block-start:calc(100% + .55rem);inset-inline-start:0;width:min(28rem,calc(100vw - 2rem));padding:.7rem;overflow:hidden;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:1rem;background:var(--chat-panel);box-shadow:0 22px 60px #02061747;backdrop-filter:blur(18px)}.chat-model-list{max-height:min(26rem,calc(100vh - 9rem));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-model-list-loading{display:flex;min-height:3rem;align-items:center;justify-content:center;gap:.65rem;margin-top:.35rem;color:var(--chat-muted);border-top:1px solid var(--chat-border);font-size:.78rem}.chat-model-list-loading .chat-model-loading-icon{width:1rem;height:1rem}.chat-model-option{display:flex;width:100%;min-height:3.5rem;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:.8rem;color:var(--chat-text);text-align:start;transition:background-color .14s ease}.chat-model-option:hover,.chat-model-option.is-selected{background:var(--chat-card)}.chat-model-option.is-selected{box-shadow:inset 3px 0 #8b5cf6}[dir=rtl] .chat-model-option.is-selected{box-shadow:inset -3px 0 #8b5cf6}.chat-model-option-copy{display:flex;min-width:0;flex:1;flex-direction:column}.chat-model-option-copy strong{overflow:hidden;font-size:.84rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.chat-model-capabilities{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.chat-model-capabilities small{padding:.16rem .38rem;color:#7c3aed;border-radius:999px;background:#7c3aed1a;font-size:.62rem;font-weight:700}.chat-model-check{flex:none;color:#8b5cf6}.chat-tool-toggle{display:flex;min-height:2.75rem;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid var(--chat-border);border-radius:.75rem;color:var(--chat-muted);font-size:.78rem;transition:.18s ease}.chat-tool-toggle:hover:not(:disabled),.chat-tool-toggle.is-active{color:#c4b5fd;border-color:#8b5cf68c;background:#7c3aed21}.chat-tool-toggle:disabled{cursor:not-allowed;opacity:.38}.chat-usage-cluster{display:flex;flex:none;align-items:center;gap:.65rem;margin-inline-start:auto}.chat-last-usage{color:var(--chat-muted);font-size:.72rem;font-variant-numeric:tabular-nums}.chat-balance{flex:none;color:var(--chat-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.chat-thread-root,.chat-thread-viewport{min-width:0;min-height:0;flex:1}.chat-thread-root{display:flex;flex-direction:column;overflow:hidden}.chat-thread-viewport{position:relative;display:flex;flex-direction:column;overflow-y:auto;scroll-behavior:smooth;scroll-padding-bottom:1rem}.chat-welcome{width:min(100% - 2rem,58rem);margin:auto;padding:2.5rem 0;text-align:center}.chat-welcome-icon{display:grid;width:3.5rem;height:3.5rem;margin:0 auto 1rem;place-items:center;color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:1rem;background:#7c3aed1f}.chat-welcome h2,.chat-login-card h2{color:var(--chat-text);font-size:clamp(1.55rem,3vw,2.25rem);font-weight:750;letter-spacing:-.035em}.chat-welcome p,.chat-login-card p{max-width:34rem;margin:.7rem auto 0;color:var(--chat-muted);line-height:1.7}.chat-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.5rem}.chat-suggestion{min-height:4.75rem;padding:.9rem 1rem;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:1rem;background:var(--chat-card);font-size:.84rem;line-height:1.5;text-align:start;cursor:pointer;transition:.18s ease}.chat-suggestion:hover{border-color:#8b5cf680;transform:translateY(-1px)}.chat-more-suggestions{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;margin-top:.85rem;padding:.45rem .85rem;color:var(--chat-muted);border:1px solid var(--chat-border);border-radius:999px;background:var(--chat-panel);font-size:.78rem;font-weight:650;cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.chat-more-suggestions:hover{color:#8b5cf6;border-color:#8b5cf680;background:var(--chat-card)}.chat-more-suggestions:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.chat-message{display:flex;width:min(100% - 2rem,52rem);margin:0 auto;gap:.75rem;padding:1rem 0}.chat-message-user{flex-direction:column;align-items:flex-end}.chat-user-bubble{max-width:min(85%,42rem);padding:.75rem 1rem;color:#fff;border-radius:1rem 1rem .25rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);line-height:1.65}.chat-message-editing{align-items:stretch}.chat-edit-composer{width:min(100%,42rem);margin-inline-start:auto;padding:.7rem;border:1px solid rgba(139,92,246,.55);border-radius:1rem;background:var(--chat-panel);box-shadow:0 0 0 3px #7c3aed1a}.chat-edit-input{display:block;width:100%;min-height:6rem;max-height:18rem;resize:vertical;padding:.7rem .75rem;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:.75rem;background:var(--chat-bg);font-size:1rem;line-height:1.6;outline:none}.chat-edit-input:focus{border-color:#8b5cf6a6;box-shadow:0 0 0 3px #7c3aed1a}.chat-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin-top:.65rem}.chat-edit-cancel,.chat-edit-confirm{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .85rem;border-radius:.7rem;font-size:.8rem;font-weight:700}.chat-edit-cancel{color:var(--chat-muted);border:1px solid var(--chat-border);background:var(--chat-bg)}.chat-edit-cancel:hover{color:var(--chat-text);background:var(--chat-card)}.chat-edit-confirm{color:#fff;background:#7c3aed}.chat-edit-confirm:hover{background:#6d28d9}.chat-edit-confirm:disabled{cursor:not-allowed;opacity:.4}.chat-edit-cancel:focus-visible,.chat-edit-confirm:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.chat-assistant-mark{display:grid;width:2rem;height:2rem;flex:none;place-items:center;color:var(--chat-accent-text);border:1px solid rgba(139,92,246,.35);border-radius:.65rem;background:#7c3aed26;font-size:.66rem;font-weight:800}.chat-assistant-mark img{width:1.4rem;height:1.4rem;border-radius:.35rem;-o-object-fit:contain;object-fit:contain}.chat-assistant-name{display:block;margin-bottom:.25rem;color:var(--chat-muted);font-size:.75rem;font-weight:700;line-height:1.4}.chat-generating{display:inline-flex;min-height:2rem;align-items:center;gap:.45rem;color:var(--chat-muted);font-size:.82rem}.chat-generating-dots{display:inline-flex;align-items:center;gap:.2rem}.chat-generating-dots i{width:.28rem;height:.28rem;border-radius:999px;background:currentColor;animation:chat-generating-dot 1.1s ease-in-out infinite}.chat-generating-dots i:nth-child(2){animation-delay:.14s}.chat-generating-dots i:nth-child(3){animation-delay:.28s}.chat-reasoning{margin:.15rem 0 .8rem;overflow:hidden;color:var(--chat-muted);border:1px solid var(--chat-border);border-radius:.8rem;background:var(--chat-card)}.chat-reasoning-summary{display:flex;min-height:2.75rem;align-items:center;gap:.45rem;padding:.55rem .75rem;cursor:pointer;font-size:.78rem;font-weight:700;list-style:none}.chat-reasoning-summary::-webkit-details-marker{display:none}.chat-reasoning-summary:focus-visible{outline:2px solid #8b5cf6;outline-offset:-2px}.chat-reasoning-pulse{width:.42rem;height:.42rem;margin-inline-start:.15rem;border-radius:999px;background:#8b5cf6;animation:chat-reasoning-pulse 1.1s ease-in-out infinite}.chat-reasoning-content{max-height:20rem;padding:.1rem .85rem .8rem;overflow:auto;border-top:1px solid var(--chat-border);font-size:.82rem}.chat-reasoning-content .aui-md{color:var(--chat-muted);line-height:1.65}.chat-message-assistant .aui-md{color:var(--chat-text);line-height:1.75}.chat-message-assistant :where(p,ul,ol,pre,blockquote,table){margin-block:.6rem}.chat-message-assistant :where(ul,ol){padding-inline-start:1.4rem}.chat-message-assistant .aui-md hr{margin-block:2rem;border:0;border-top:1px solid var(--chat-border);opacity:.68}.chat-message-assistant pre{max-width:100%;overflow-x:auto;border:1px solid var(--chat-border);border-radius:.8rem;background:#020617b8}.chat-message-assistant :not(pre)>code{padding:.12rem .35rem;border-radius:.35rem;background:var(--chat-card)}.chat-code-block{max-width:100%;margin-block:.8rem;overflow:hidden;color:var(--chat-code-text);border:1px solid var(--chat-code-border);border-radius:1rem;background:var(--chat-code-bg)}.chat-code-toolbar{display:flex;min-height:3rem;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .65rem .45rem 1rem;border-bottom:1px solid var(--chat-code-border);background:var(--chat-code-toolbar)}.chat-code-language{display:inline-flex;min-width:0;align-items:center;gap:.5rem;overflow:hidden;color:var(--chat-code-text);font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.chat-code-actions{display:flex;flex:none;align-items:center;gap:.25rem}.chat-code-action{display:grid;width:2.25rem;height:2.25rem;place-items:center;color:var(--chat-muted);border-radius:.55rem;transition:color .16s ease,background-color .16s ease}.chat-code-action:hover{color:var(--chat-code-text);background:#94a3b829}.chat-code-action:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}.chat-code-action.is-copied{color:#4ade80}.chat-message-assistant .chat-code-pre{max-width:100%;margin:0;padding:1rem 1.1rem 1.15rem;overflow-x:auto;color:var(--chat-code-text);border:0;border-radius:0;background:transparent;font-size:.88rem;line-height:1.7;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.chat-message-assistant .chat-code-pre code{display:block;min-width:-moz-max-content;min-width:max-content;color:inherit;background:transparent;font:inherit;white-space:inherit}.chat-actions{display:flex;align-items:center;gap:.25rem;margin-top:.35rem;opacity:.65}.chat-message-time{flex:none;margin-inline:.2rem;color:var(--chat-muted);font-size:.68rem;font-variant-numeric:tabular-nums;line-height:1.5;white-space:nowrap}.chat-icon-button{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.5rem;color:var(--chat-muted)}.chat-icon-button:hover{color:var(--chat-text);background:var(--chat-card)}.chat-copy-button{display:inline-flex;min-width:4.25rem;min-height:2rem;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .65rem;color:var(--chat-muted);border-radius:.55rem;font-size:.75rem;font-weight:650}.chat-copy-button:hover{color:var(--chat-text);background:var(--chat-card)}.chat-copy-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.chat-copy-icon-success,.chat-copy-label-success{display:none}.chat-copy-button[data-copied=true]{color:#16a34a;background:#16a34a1a}.chat-copy-button[data-copied=true] :is(.chat-copy-icon-default,.chat-copy-label-default){display:none}.chat-copy-button[data-copied=true] :is(.chat-copy-icon-success,.chat-copy-label-success){display:inline}.chat-error,.chat-page-error{color:var(--chat-error-text);border:1px solid var(--chat-error-border);background:var(--chat-error-bg)}.chat-error{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding:.65rem .75rem;border-radius:.7rem;font-size:.82rem;line-height:1.5}.chat-error strong{font-weight:700}.chat-error-detail{overflow-wrap:anywhere;opacity:.92}.chat-page-error{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem 1rem;font-size:.8rem}.chat-page-error button{text-decoration:underline}.chat-composer-dock{z-index:3;width:100%;flex:none;padding:1rem max(1rem,calc((100% - 52rem)/2));background:var(--chat-bg)}.chat-composer{padding:.65rem;border:1px solid var(--chat-border);border-radius:1.1rem;background:var(--chat-panel);box-shadow:0 16px 45px #0206173d}.chat-composer:focus-within{border-color:#8b5cf6a6;box-shadow:0 0 0 3px #7c3aed1f,0 16px 45px #02061733}.chat-composer-input{display:block;width:100%;min-height:5.25rem;max-height:14rem;resize:none;padding:.7rem .65rem .85rem;color:var(--chat-text);background:transparent;font-size:1rem;line-height:1.55;outline:none}.chat-composer-input::-moz-placeholder{color:var(--chat-muted)}.chat-composer-input::placeholder{color:var(--chat-muted)}.chat-send-gate{display:flex;align-items:center;gap:.65rem;margin:0 .25rem .55rem;padding:.55rem .7rem;color:var(--chat-text);border:1px solid rgba(139,92,246,.32);border-radius:.7rem;background:#7c3aed1a;font-size:.78rem;line-height:1.45}.chat-send-gate span{min-width:0;flex:1}.chat-send-gate button,.chat-send-gate a{flex:none;color:#8b5cf6;font-weight:700;text-decoration:none}.chat-send-gate button:hover,.chat-send-gate a:hover{text-decoration:underline}.chat-attachment{display:inline-flex;max-width:min(100%,22rem);align-items:center;gap:.5rem;margin:.15rem .25rem .5rem;padding:.42rem .55rem;border:1px solid var(--chat-border);border-radius:.7rem;background:var(--chat-card)}.chat-attachment-thumb{display:grid;width:1.75rem;height:1.75rem;flex:none;place-items:center;color:#a78bfa;border-radius:.45rem;background:#7c3aed24}.chat-attachment-name{min-width:0;overflow:hidden;color:var(--chat-text);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-remove{display:grid;width:1.5rem;height:1.5rem;flex:none;place-items:center;color:var(--chat-muted);border-radius:.35rem;font-size:1rem}.chat-attachment-remove:hover{color:var(--chat-text);background:var(--chat-card)}.chat-composer-actions{display:flex;min-height:2.75rem;align-items:center;gap:.5rem}.chat-attach-button{display:flex;min-height:2.75rem;flex:none;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .7rem;color:var(--chat-muted);border:1px solid var(--chat-border);border-radius:.75rem;font-size:.78rem;transition:.18s ease}.chat-attach-button:hover{color:#8b5cf6;border-color:#8b5cf680;background:#7c3aed14}.chat-attach-button svg,.chat-composer-tool svg{width:1.1rem;height:1.1rem}.chat-composer-tool{flex:none}.chat-pricing-note{margin-inline-start:.5rem;color:var(--chat-muted);font-size:.72rem}.chat-send-button{display:grid;width:2.75rem;height:2.75rem;margin-inline-start:auto;place-items:center;color:#fff;border-radius:.8rem;background:#7c3aed}.chat-send-button:disabled{cursor:not-allowed;opacity:.38}.chat-stop-button{background:#dc2626}.chat-loading,.chat-login-card{display:flex;min-height:calc(100vh - 10rem);align-items:center;justify-content:center;color:var(--chat-muted, #64748b)}.chat-login-card{flex-direction:column;width:min(100% - 2rem,42rem);min-height:30rem;margin:2rem auto;padding:2rem;text-align:center;border:1px solid var(--chat-border, #dbe3ee);border-radius:1.5rem;background:var(--chat-panel, #fff)}.chat-login-card .app-btn-primary{margin-top:1.5rem}.chat-sidebar-backdrop{display:none}html[data-theme=dark] .chat-login-card{--chat-panel: #12192d;--chat-border: rgba(255,255,255,.12);--chat-text: #f8fafc;--chat-muted: #94a3b8;box-shadow:0 24px 70px #02061757}html[data-theme=light] .chat-workbench{--chat-bg: #f8fafc;--chat-panel: rgba(255,255,255,.94);--chat-card: rgba(241,245,249,.9);--chat-border: rgba(148,163,184,.3);--chat-text: #0f172a;--chat-muted: #64748b;--chat-accent-text: #6d28d9;--chat-error-text: #991b1b;--chat-error-border: #fca5a5;--chat-error-bg: #fef2f2;--chat-code-bg: #f3f4f6;--chat-code-toolbar: #e5e7eb;--chat-code-border: #d1d5db;--chat-code-text: #111827;box-shadow:0 20px 55px #0f172a17}html[data-theme=light] .chat-message-assistant pre:not(.chat-code-pre){background:#0f172a;color:#e2e8f0}html[data-theme=light] .chat-tool-toggle:hover:not(:disabled),html[data-theme=light] .chat-tool-toggle.is-active{color:#6d28d9}@media (max-width: 767px){.chat-workbench{display:block;width:100%;height:calc(100dvh - 4.25rem);min-height:32rem;margin:0;border-width:1px 0 0;border-radius:0}.chat-sidebar{position:fixed;z-index:60;inset-block:0;inset-inline-start:0;width:min(86vw,20rem);transform:translate(-105%);box-shadow:18px 0 45px #0206174d;transition:transform .2s ease}[dir=rtl] .chat-sidebar{transform:translate(105%)}.chat-workbench[data-sidebar-open=true] .chat-sidebar{transform:translate(0)}.chat-sidebar-close,.chat-mobile-menu{display:grid}.chat-sidebar-backdrop{position:fixed;z-index:59;inset:0;display:block;background:#0206178f}.chat-toolbar{padding-inline:.7rem}.chat-model-picker{width:auto;min-width:0;flex:1}.chat-toolbar .chat-tool-toggle span,.chat-model-count,.chat-balance,.chat-last-usage{display:none}.chat-tool-toggle{width:2.75rem;padding:0;justify-content:center}.chat-composer-tool{width:auto;padding-inline:.65rem}.chat-composer-tool span{display:inline}.chat-welcome{padding-block:2.25rem}.chat-suggestions{grid-template-columns:1fr}.chat-message{width:calc(100% - 1.5rem)}.chat-composer-dock{bottom:0;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom))}.chat-pricing-note{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-width: 768px) and (max-width: 1100px){.chat-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.chat-model-menu{position:fixed;inset-block-start:4.6rem;inset-inline:.75rem;width:auto}.chat-pricing-note{display:none}}@media (prefers-reduced-motion: reduce){.chat-model-trigger,.chat-model-chevron,.chat-model-option,.chat-more-suggestions{transition:none}.chat-model-loading-icon,.chat-generating-dots i,.chat-reasoning-pulse{animation:none}}@keyframes chat-model-loading{to{transform:rotate(360deg)}}@keyframes chat-generating-dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-.18rem)}}@keyframes chat-reasoning-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}html[data-theme=light] .app-segment{border-color:#dbe3ee;background-color:#ffffffd1}html[data-theme=light] .app-segment-btn{color:#475569}html[data-theme=light] .app-segment-btn:hover{color:#0f172a}html[data-theme=light] .app-segment-btn-active{color:#fff}html[data-theme=light] .app-field,html[data-theme=light] .app-input,html[data-theme=light] .app-model-select-menu,html[data-theme=light] .app-range-shell{border-color:#dbe3ee;background-color:#fff;color:#0f172a;box-shadow:0 12px 30px #0f172a1f}html[data-theme=light] .app-range-value{color:#6d28d9}html[data-theme=light] .app-range-endpoint{color:#64748b}html[data-theme=light] .app-range::-webkit-slider-runnable-track{background:linear-gradient(to right,#7c3aed 0 var(--range-progress),#e2e8f0 var(--range-progress) 100%)}html[data-theme=light] .app-range::-moz-range-track{background:#e2e8f0}html[data-theme=light] .app-video-upload{border-color:#7c3aed52;background-color:#f5f3ffb8}html[data-theme=light] .app-video-upload-disabled{border-color:#dbe3ee;background-color:#f8fafc}html[data-theme=light] .app-field::-moz-placeholder{color:#94a3b8}html[data-theme=light] .app-field::placeholder{color:#94a3b8}html[data-theme=light] .app-input::-moz-placeholder{color:#94a3b8}html[data-theme=light] .app-input::placeholder{color:#94a3b8}html[data-theme=light] .music-model-page .text-gray-200{color:#334155}html[data-theme=light] .music-model-page .text-gray-400,html[data-theme=light] .music-model-page .text-gray-500{color:#64748b}html[data-theme=light] select.app-input{color-scheme:light}html[data-theme=light] .app-model-select-option,html[data-theme=light] .app-chip,html[data-theme=light] .app-btn-secondary{color:#334155;border-color:#dbe3ee}html[data-theme=light] .app-model-select-option:hover,html[data-theme=light] .app-chip:hover,html[data-theme=light] .app-btn-secondary:hover{color:#0f172a;background-color:#f1f5f9}html[data-theme=light] .app-model-select-option-active,html[data-theme=light] .app-chip-active{color:#fff;border-color:#7c3aed;background-color:#7c3aed}html[data-theme=light] .tool-result-surface{border-color:#dbe3ee;background-color:#f8fafc}html[data-theme=light] .tool-empty-state{border-color:#7c3aed33;background:radial-gradient(circle at 50% 46%,rgba(124,58,237,.08),transparent 34%),#f8fafceb}html[data-theme=light] .tool-workbench-shell{border-color:#94a3b84d;background:linear-gradient(145deg,rgba(124,58,237,.08),transparent 38%),#f1f5f9d1;box-shadow:0 24px 60px #0f172a14}html[data-theme=light] .tool-workbench-panel{border-color:#94a3b84d;background:#ffffffeb;box-shadow:inset 0 1px #fff,0 10px 30px #0f172a0a}html[data-theme=light] .tool-panel-step{border-color:#7c3aed33;background-color:#7c3aed14;color:#6d28d9}html[data-theme=light] .tool-points-chip{border-color:#dbe3ee;background-color:#f8fafc}html[data-theme=light] .tool-upload-zone{border-color:#7c3aed4d;background-color:#f5f3ff9e}html[data-theme=light] .tool-lyrics-text{color:#1e293b}html[data-theme=light] .tool-lyrics-section,html[data-theme=light] .tool-result-meta-heading{color:#6d28d9}html[data-theme=light] .tool-result-meta,html[data-theme=light] .tool-history-item{border-color:#dbe3ee;background-color:#f8fafce0;color:#64748b}html[data-theme=light] .tool-result-meta-item strong{color:#334155}html[data-theme=light] .tool-history-item:hover{border-color:#7c3aed6b;background-color:#f5f3ffeb}html[data-theme=dark] body .bg-surface-light{background-color:#0f172a}html[data-theme=dark] body :where(.bg-white,[class~="bg-white/90"]){background-color:#1e293b}html[data-theme=dark] body :where(.border-slate-100,.border-slate-200,.border-slate-300){border-color:#334155}html[data-theme=dark] body :where(.text-slate-900,.text-slate-800){color:#f8fafc}html[data-theme=dark] body :where(.text-slate-700,.text-slate-600){color:#cbd5e1}html[data-theme=dark] body :where(.text-slate-500,.text-slate-400){color:#94a3b8}html[data-theme=dark] body :where(.text-primary-600,.text-primary-700){color:#c4b5fd}html[data-theme=dark] body :where(.bg-primary-50,.bg-primary-100){background-color:#7c3aed2e}html[data-theme=dark] .article-prose,html[data-theme=dark] .prose{--tw-prose-body: #cbd5e1;--tw-prose-headings: #f8fafc;--tw-prose-lead: #cbd5e1;--tw-prose-links: #c4b5fd;--tw-prose-bold: #f8fafc;--tw-prose-counters: #94a3b8;--tw-prose-bullets: #64748b;--tw-prose-hr: #334155;--tw-prose-quotes: #e2e8f0;--tw-prose-quote-borders: #7c3aed;--tw-prose-captions: #94a3b8;--tw-prose-code: #f8fafc;--tw-prose-pre-code: #e2e8f0;--tw-prose-pre-bg: #111827;--tw-prose-th-borders: #475569;--tw-prose-td-borders: #334155}html[data-theme=light] .site-footer{color:#475569;background-color:#fff;border-top:1px solid #e2e8f0}html[data-theme=light] .site-footer :where(.text-white){color:#0f172a}html[data-theme=light] .site-footer :where(.text-slate-300,.text-slate-400,.text-slate-500){color:#64748b}html[data-theme=light] .site-footer .border-slate-700\/50{border-color:#e2e8f0}@media (prefers-reduced-motion: reduce){body{transition:none}}.music-creator{--mc-ink: #173d3a;--mc-muted: #627470;--mc-line: #d9e4df;--mc-surface: #fffdf7;--mc-surface-alt: #f4f7ed;--mc-teal: #0c7c72;--mc-teal-deep: #075f58;--mc-coral: #f26b4f;--mc-yellow: #f5c85a;--mc-danger: #b83e48;--mc-danger-bg: #fff1f0;--mc-shadow: rgba(24, 70, 65, .12);overflow:hidden;color:var(--mc-ink);border:1px solid var(--mc-line);border-radius:1.75rem;background:var(--mc-surface);box-shadow:0 24px 60px var(--mc-shadow)}.music-creator :where(button,input,select,textarea,summary,a):focus-visible{outline:3px solid color-mix(in srgb,var(--mc-yellow) 78%,transparent);outline-offset:2px}.music-creator__modelbar{display:grid;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid var(--mc-line);background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--mc-yellow) 18%,transparent),transparent 34%),var(--mc-surface-alt)}.music-creator__identity{display:flex;min-width:0;align-items:center;gap:.75rem}.music-creator__identity div{min-width:0}.music-creator__identity p,.music-creator__identity strong{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.music-creator__identity p{color:var(--mc-muted);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.music-creator__identity strong{display:block;margin-top:.12rem;font-size:1rem}.music-creator__mark{display:grid;width:2.75rem;height:2.75rem;flex:none;place-items:center;border-radius:1rem;color:var(--mc-surface);background:var(--mc-teal);transform:rotate(-3deg)}.music-creator__mark svg{width:1.35rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.music-creator__model-select{display:grid;gap:.35rem;min-width:0}.music-creator__model-select>span{color:var(--mc-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.music-creator__model-select select,.music-creator__field :where(input,select,textarea){width:100%;min-height:3rem;border:1px solid var(--mc-line);border-radius:.9rem;color:var(--mc-ink);background:var(--mc-surface);transition:border-color .18s ease,box-shadow .18s ease}.music-creator__model-select select{padding:0 2.4rem 0 .9rem;font-weight:800}.music-creator__model-select select:hover,.music-creator__field :where(input,select,textarea):hover{border-color:color-mix(in srgb,var(--mc-teal) 52%,var(--mc-line))}.music-creator__model-select select:disabled{cursor:not-allowed;opacity:.55}.music-creator__availability{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:1rem}.music-creator__availability>span,.music-creator__ready{display:inline-flex;min-height:2rem;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:999px;color:var(--mc-teal-deep);background:color-mix(in srgb,var(--mc-teal) 10%,var(--mc-surface));font-size:.78rem;font-weight:850;white-space:nowrap}.music-creator__availability i,.music-creator__ready i,.music-creator__result-model i{width:.45rem;height:.45rem;flex:none;border-radius:50%;background:var(--mc-teal);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--mc-teal) 12%,transparent)}.music-creator__availability small{max-width:24rem;color:var(--mc-muted);font-size:.72rem;line-height:1.4}.music-creator__workspace{display:grid;min-width:0}.music-creator__composer{min-width:0;padding:1rem}.music-creator__results{display:flex;min-width:0;min-height:30rem;flex-direction:column;border-top:1px solid var(--mc-line);background:color-mix(in srgb,var(--mc-surface-alt) 72%,var(--mc-surface))}.music-creator__results>header{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--mc-line)}.music-creator__results>header>div:first-child{display:grid;gap:.1rem}.music-creator__results>header span{color:var(--mc-muted);font-size:.75rem;font-weight:750}.music-creator__results>header strong{font-size:1rem}.music-creator__result-model{display:inline-flex;min-width:0;align-items:center;gap:.5rem;overflow:hidden;color:var(--mc-muted);font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.music-creator__mode-row{display:grid;gap:.6rem;margin-bottom:1.25rem}.music-creator__mode-row>span{color:var(--mc-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.music-creator__tabs{display:grid;grid-template-columns:repeat(3,minmax(max-content,1fr));gap:.35rem;overflow-x:auto;padding:.28rem;border:1px solid var(--mc-line);border-radius:1rem;background:var(--mc-surface-alt)}.music-creator__tabs button{min-height:2.75rem;padding:0 .8rem;border:0;border-radius:.75rem;color:var(--mc-muted);background:transparent;font-size:.84rem;font-weight:850;white-space:nowrap}.music-creator__tabs button:hover{color:var(--mc-ink);background:color-mix(in srgb,var(--mc-yellow) 17%,transparent)}.music-creator__tabs button[aria-selected=true]{color:var(--mc-surface);background:var(--mc-teal);box-shadow:0 6px 18px color-mix(in srgb,var(--mc-teal) 24%,transparent)}.music-creator__tabs button:active{transform:translateY(1px)}.music-creator__step-heading{display:flex;align-items:flex-start;gap:.75rem;margin:1.15rem 0 1rem}.music-creator__step-heading>span,.music-creator__step-number{display:grid;width:2.25rem;height:2.25rem;flex:none;place-items:center;border-radius:50%;color:var(--mc-ink);background:var(--mc-yellow);font-size:.75rem;font-weight:900}.music-creator__step-heading h3{margin:0;font-size:1.1rem}.music-creator__step-heading p{margin:.2rem 0 0;color:var(--mc-muted);font-size:.8rem;line-height:1.5}.music-creator__fields{display:grid;gap:.85rem}.music-creator__field{display:grid;gap:.45rem;min-width:0}.music-creator__field-label{color:var(--mc-ink);font-size:.82rem;font-weight:850}.music-creator__field-label span{color:var(--mc-coral)}.music-creator__field :where(input,select,textarea){padding:.75rem .85rem;font-size:.9rem}.music-creator__field textarea{resize:vertical;line-height:1.55}.music-creator__input-shell{position:relative;display:block}.music-creator__unit{position:absolute;inset:0 .85rem 0 auto;display:flex;align-items:center;color:var(--mc-muted);font-size:.72rem;pointer-events:none}.music-creator__input-shell:has(.music-creator__unit) input{padding-right:3rem}.music-creator__advanced{margin-top:1rem;border:1px solid var(--mc-line);border-radius:1rem;background:var(--mc-surface-alt)}.music-creator__advanced summary{display:grid;min-height:4.25rem;cursor:pointer;list-style:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem}.music-creator__advanced summary::-webkit-details-marker{display:none}.music-creator__advanced summary>span:nth-child(2){display:grid;gap:.15rem}.music-creator__advanced summary strong{font-size:.88rem}.music-creator__advanced summary small{color:var(--mc-muted);font-size:.72rem}.music-creator__advanced summary svg{width:1.2rem;fill:none;stroke:var(--mc-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .18s ease}.music-creator__advanced[open] summary svg{transform:rotate(180deg)}.music-creator__advanced[open] .music-creator__fields{padding:0 .75rem .85rem}.music-creator__notice{margin:.85rem 0;padding:.8rem .9rem;border:1px solid var(--mc-line);border-radius:.9rem;color:var(--mc-muted);background:var(--mc-surface-alt);font-size:.82rem}.music-creator__notice--error{color:var(--mc-danger);border-color:color-mix(in srgb,var(--mc-danger) 28%,transparent);background:var(--mc-danger-bg)}.music-creator__checkout{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:1.1rem;padding:.85rem;border-radius:1rem;background:color-mix(in srgb,var(--mc-yellow) 18%,var(--mc-surface))}.music-creator__quote{display:grid;gap:.08rem}.music-creator__quote span,.music-creator__balance span{color:var(--mc-muted);font-size:.72rem;font-weight:750}.music-creator__quote strong{color:var(--mc-teal-deep);font-size:1rem}.music-creator__quote small{max-width:24rem;margin-top:.2rem;color:var(--mc-muted);font-size:.68rem;line-height:1.35}.music-creator__balance{display:grid;flex:none;gap:.08rem;text-align:right}.music-creator__balance strong{font-size:1.05rem}.music-creator__submit{display:inline-flex;width:100%;min-height:3.5rem;align-items:center;justify-content:center;gap:.65rem;margin-top:.8rem;border:0;border-radius:1rem;color:var(--mc-surface);background:var(--mc-coral);box-shadow:0 10px 24px color-mix(in srgb,var(--mc-coral) 26%,transparent);font-weight:900}.music-creator__submit:hover{background:color-mix(in srgb,var(--mc-coral) 88%,var(--mc-ink));transform:translateY(-1px)}.music-creator__submit:active{transform:translateY(1px)}.music-creator__submit:disabled{cursor:not-allowed;opacity:.48;transform:none}.music-creator__result-body{display:flex;min-height:0;flex:1;padding:1rem}.music-creator__empty{display:flex;width:100%;min-height:26rem;align-items:center;justify-content:center;flex-direction:column;padding:2rem 1rem;text-align:center}.music-creator__disc{position:relative;display:grid;width:7rem;height:7rem;place-items:center;border:.45rem solid var(--mc-surface);border-radius:50%;background:repeating-radial-gradient(circle,var(--mc-ink) 0 4px,color-mix(in srgb,var(--mc-ink) 88%,var(--mc-teal)) 5px 8px);box-shadow:0 14px 28px var(--mc-shadow)}.music-creator__disc:after{content:"";width:2.5rem;height:2.5rem;border:.6rem solid var(--mc-yellow);border-radius:50%;background:var(--mc-coral)}.music-creator__disc span{position:absolute;inset:16% 49%;border-radius:999px;background:color-mix(in srgb,var(--mc-surface) 20%,transparent);transform:rotate(38deg)}.music-creator__wave{display:flex;height:3.5rem;align-items:center;gap:.25rem;margin:1rem 0 .8rem}.music-creator__wave i{width:.22rem;border-radius:999px;background:var(--mc-teal);transform-origin:center}.music-creator[data-state=loading] .music-creator__disc{animation:music-disc-spin 2.4s linear infinite}.music-creator[data-state=loading] .music-creator__wave i{animation:music-wave 1s ease-in-out infinite alternate}.music-creator[data-state=loading] .music-creator__wave i:nth-child(3n+2){animation-delay:-.28s}.music-creator__empty h3{margin:0;font-size:1.15rem}.music-creator__empty p{max-width:28rem;margin:.45rem auto 1rem;color:var(--mc-muted);font-size:.84rem;line-height:1.65}.music-creator__track-list{display:grid;width:100%;align-content:start;gap:1rem}.music-creator__track{padding:1rem;border:1px solid var(--mc-line);border-radius:1rem;background:var(--mc-surface);box-shadow:0 8px 24px var(--mc-shadow)}.music-creator__track-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.music-creator__track-head>span{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.75rem;color:var(--mc-surface);background:var(--mc-teal);font-size:.72rem;font-weight:900}.music-creator__track-head div{display:grid}.music-creator__track-head small{color:var(--mc-muted);font-size:.72rem}.music-creator__track audio{width:100%}.music-creator__track a{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;margin-top:.65rem;padding:0 .8rem;border:1px solid var(--mc-line);border-radius:.75rem;color:var(--mc-teal-deep);font-size:.8rem;font-weight:850}.music-creator__track a:hover{border-color:var(--mc-teal);background:color-mix(in srgb,var(--mc-teal) 8%,var(--mc-surface))}.music-creator__track a svg{width:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@keyframes music-disc-spin{to{transform:rotate(360deg)}}@keyframes music-wave{to{transform:scaleY(.55)}}html[data-theme=dark] .music-creator{--mc-ink: #eef8f5;--mc-muted: #9db4ae;--mc-line: #2c4843;--mc-surface: #132824;--mc-surface-alt: #19332e;--mc-teal: #49c8b8;--mc-teal-deep: #83e4d8;--mc-coral: #ff8065;--mc-yellow: #e8b84d;--mc-danger: #ff9da5;--mc-danger-bg: #402428;--mc-shadow: rgba(0, 0, 0, .26)}@media (min-width: 40rem){.music-creator__modelbar{grid-template-columns:minmax(12rem,.8fr) minmax(13rem,.7fr) minmax(16rem,1fr);padding:1rem 1.25rem}.music-creator__availability{justify-content:flex-end}.music-creator__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.music-creator__field--wide{grid-column:1 / -1}.music-creator__composer,.music-creator__result-body{padding:1.25rem}}@media (min-width: 64rem){.music-creator__workspace{grid-template-columns:minmax(25rem,.86fr) minmax(0,1.14fr)}.music-creator__composer{max-height:52rem;overflow-y:auto}.music-creator__results{min-height:48rem;border-top:0;border-left:1px solid var(--mc-line)}}@media (max-width: 39.99rem){.music-creator{border-radius:1.25rem}.music-creator__availability{align-items:flex-start;flex-direction:column;gap:.45rem}.music-creator__checkout{align-items:flex-start;flex-direction:column}.music-creator__balance{text-align:left}}@media (prefers-reduced-motion: reduce){.music-creator *,.music-creator *:before,.music-creator *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.file\:mr-3::file-selector-button{margin-right:.75rem}.file\:rounded-md::file-selector-button{border-radius:.375rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-violet-600::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.file\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:bg-black\/85:hover{background-color:#000000d9}.hover\:bg-violet-500\/10:hover{background-color:#8b5cf61a}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-violet-700:hover{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-current:hover{text-decoration-color:currentColor}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-violet-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.group[open] .group-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:inline-flex{display:inline-flex}.sm\:h-\[600px\]{height:600px}.sm\:min-h-\[520px\]{min-height:520px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:justify-start{justify-content:flex-start}.sm\:p-10{padding:2.5rem}.sm\:p-5{padding:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width: 1024px){.lg\:h-\[620px\]{height:620px}.lg\:h-\[700px\]{height:700px}.lg\:min-h-0{min-height:0px}.lg\:min-h-\[620px\]{min-height:620px}.lg\:flex-1{flex:1 1 0%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,380px\)_1fr\]{grid-template-columns:minmax(0,380px) 1fr}.lg\:gap-5{gap:1.25rem}.lg\:overflow-y-auto{overflow-y:auto}.lg\:pe-2{padding-inline-end:.5rem}}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .rtl\:group-hover\:-translate-x-0\.5:where([dir=rtl],[dir=rtl] *){--tw-translate-x: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:root{--starter-bg: #f8fafc;--starter-card: #fff;--starter-text: #172033;--starter-muted: #53647c;--starter-border: #d9e1eb;--starter-primary: var(--starter-accent-light, #6d28d9)}html[data-theme=dark]{--starter-bg: #111827;--starter-card: #1f2937;--starter-text: #f1f5f9;--starter-muted: #b4c0d2;--starter-border: #455369;--starter-primary: var(--starter-accent-dark, #c4b5fd)}html,body{overflow-x:clip}body.starter-body{margin:0;background:var(--starter-bg);color:var(--starter-text);font-family:var(--starter-font, system-ui, sans-serif);line-height:1.65}.starter-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,3rem);border-bottom:1px solid var(--starter-border);background:var(--starter-card)}.starter-brand{display:flex;align-items:center;gap:.6rem;font-weight:750}.starter-header nav{display:flex;flex:1;flex-wrap:wrap;gap:.25rem}.starter-header a,.starter-header button,.starter-header summary{min-height:44px;display:inline-flex;align-items:center;padding:.5rem .6rem;border-radius:.6rem;cursor:pointer}.starter-header a:hover,.starter-header a[aria-current=page]{color:var(--starter-primary);background:var(--starter-bg)}.starter-header-actions{display:flex;align-items:center;gap:.4rem}.starter-primary-nav{align-items:center}.starter-nav-group{position:relative}.starter-nav-group>summary{gap:.35rem;list-style:none;white-space:nowrap}.starter-nav-group>summary::-webkit-details-marker{display:none}.starter-nav-group>summary[aria-current=page],.starter-nav-group[open]>summary{color:var(--starter-primary);background:var(--starter-bg)}.starter-nav-panel{position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-start:0;z-index:30;width:min(22rem,calc(100vw - 2rem));padding:.45rem;border:1px solid var(--starter-border);border-radius:.85rem;background:var(--starter-card);box-shadow:0 18px 45px #0f172a29}.starter-nav-panel a{display:grid;min-height:0;gap:.15rem;padding:.85rem 1rem}.starter-nav-panel strong{color:var(--starter-text);font-size:.92rem}.starter-nav-panel span{color:var(--starter-muted);font-size:.78rem;line-height:1.4}.starter-languages{position:relative}.starter-languages>div{position:absolute;inset-inline-end:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;min-width:240px;padding:.5rem;border:1px solid var(--starter-border);border-radius:.8rem;background:var(--starter-card)}.starter-main{width:min(var(--starter-width, 1440px),100%);min-height:70vh;margin-inline:auto;padding:2.5rem clamp(1rem,3vw,3rem)}.starter-page-heading{margin-bottom:2rem;max-width:65rem}.starter-page-heading h1{margin-bottom:.65rem;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:750;line-height:1.2;text-wrap:balance}.starter-page-heading p,.starter-card p,.starter-footer{color:var(--starter-muted)}.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}.starter-card,.starter-preview{display:block;padding:1.5rem;border:1px solid var(--starter-border);border-radius:var(--starter-radius, 1rem);background:var(--starter-card)}a.starter-card{transition:border-color .15s,box-shadow .15s}a.starter-card:hover{border-color:var(--starter-primary);box-shadow:0 4px 16px #64748b18}.starter-card h2,.starter-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.starter-preview{max-width:70rem;margin-inline:auto}.starter-preview p{margin-block:1rem}.starter-preview label{display:block;font-weight:650;margin-top:1.5rem}.starter-preview textarea{display:block;width:100%;margin-block:.6rem 1rem;padding:1rem;color:var(--starter-text);border:1px solid var(--starter-border);border-radius:.7rem;background:var(--starter-bg);resize:vertical}.starter-preview button,.starter-button{display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;border-radius:.6rem;background:var(--starter-button, #6d28d9);color:var(--starter-button-text, #fff)}.starter-preview button:disabled{background:#e2e8f0;color:#475569;cursor:not-allowed}.starter-badge,.starter-notice{color:var(--starter-primary)}.starter-badge{font-weight:750}.starter-notice{margin-bottom:1.2rem}.starter-section{margin-block:3rem}.starter-section h2{font-size:1.55rem;font-weight:750;margin-bottom:1rem}.starter-section article{margin-block:1.6rem}.starter-section h3{font-size:1.15rem;font-weight:650;margin-bottom:.5rem}.starter-faq{margin-block:.8rem;padding:1rem 1.3rem;border:1px solid var(--starter-border);border-radius:.75rem}.starter-faq summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650}.starter-faq p{padding-block:.8rem}.starter-footer{padding:2rem;text-align:center;border-top:1px solid var(--starter-border)}.starter-skip{position:fixed;top:-100px;left:1rem;z-index:100;padding:1rem;background:var(--starter-card)}.starter-skip:focus{top:1rem}:focus-visible{outline:3px solid var(--starter-primary);outline-offset:3px}.starter-workspace{border-radius:1rem}.starter-content-section{margin-block:2.5rem}.starter-meta{font-size:.875rem;color:var(--starter-muted)}.starter-breadcrumb,.starter-footer nav{display:flex;gap:1rem;flex-wrap:wrap}.starter-breadcrumb{margin-bottom:1.5rem;font-size:.875rem}.starter-breadcrumb a{text-decoration:underline;text-underline-offset:.2em}.starter-footer nav{justify-content:center;margin-bottom:1rem}.starter-footer a{display:inline-flex;align-items:center;min-height:44px}.starter-example{padding:1.5rem;margin-block:1.5rem;border:1px solid var(--starter-border);border-radius:var(--starter-radius, 1rem);background:var(--starter-card)}.starter-example img,.starter-example video{max-width:100%;height:auto;border-radius:.6rem}.starter-example audio{max-width:100%}.starter-example pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;margin-block:.5rem;background:var(--starter-bg)}.starter-example figcaption{margin-top:1rem}.starter-grid>*,.starter-header nav{min-width:0;overflow-wrap:anywhere}.starter-workspace .chat-workbench{height:min(850px,calc(100dvh - 10rem));min-height:550px}@media (max-width: 640px){.starter-header nav{order:3;flex-basis:100%}.starter-header-actions{margin-inline-start:auto}.starter-main{padding-top:1.5rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.starter-main,.starter-main *{box-sizing:border-box}.starter-header>nav{min-inline-size:16rem}.starter-header a,.starter-header button,.starter-header summary{color:var(--starter-text)}.starter-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem}.starter-footer a{display:inline-flex;min-height:44px;align-items:center}.starter-breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;margin-block-end:1.5rem;font-size:.9rem}.starter-breadcrumb a{text-decoration:underline}.starter-content-section p,.guide-article-content p{margin-block:.75rem}.starter-steps,.guide-article-content ol{list-style:decimal;padding-inline-start:1.5rem}.starter-bullets,.guide-article-content ul{list-style:disc;padding-inline-start:1.5rem}.starter-content-section li,.guide-article-content li{margin-block:.5rem}.starter-table-wrap{overflow-x:auto;max-inline-size:100%;margin-block:1.25rem;border:1px solid var(--starter-border);border-radius:.7rem;background:var(--starter-card)}.starter-table{width:100%;border-collapse:collapse;color:var(--starter-text)}.starter-table th,.starter-table td{padding:.85rem;text-align:start;border-bottom:1px solid var(--starter-border);min-width:7rem}.starter-table th{background:var(--starter-bg)}.starter-prompt{margin-block:1.2rem;border:1px solid var(--starter-border);border-radius:.75rem;overflow:hidden;background:var(--starter-card)}.starter-prompt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 1rem;background:var(--starter-bg)}.starter-prompt-label{font-weight:650}.starter-copy{min-height:44px;padding:.5rem .8rem;border:1px solid var(--starter-border);border-radius:.5rem;color:var(--starter-primary);cursor:pointer}.starter-prompt-text{padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.65}.guide-card-grid,.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.guide-card,.showcase-card{display:block;padding:1.3rem;border:1px solid var(--starter-border);border-radius:.8rem;background:var(--starter-card)}.guide-card h3,.showcase-card h3{font-size:1.2rem;font-weight:700;margin-block:.75rem}.guide-card-category,.guide-card-meta,.guide-article-labels{color:var(--starter-muted);font-size:.85rem}.guide-card-meta,.guide-article-labels{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem}.guide-article-shell{display:grid;grid-template-areas:"library article toc";grid-template-columns:minmax(10rem,13rem) minmax(0,1fr) minmax(9rem,12rem);gap:2rem}.guide-article-sidebar{grid-area:library}.guide-article-content{grid-area:article;min-width:0}.guide-article-toc{grid-area:toc}.guide-article-sidebar,.guide-article-toc{position:sticky;top:1rem;align-self:start;max-height:calc(100dvh - 2rem);overflow-y:auto}.guide-article-content h1{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:750;line-height:1.2;text-wrap:balance}.guide-article-content h2{font-size:1.45rem;line-height:1.3;font-weight:700;margin-block-end:1rem}.guide-article-content section{margin-block:2.5rem;scroll-margin-top:1.5rem}.guide-article-lead{color:var(--starter-muted);font-size:1.1rem}.guide-nav-disclosure summary{min-height:44px;padding-block:.6rem;font-weight:700;cursor:pointer}.guide-nav-disclosure a{display:block;min-height:44px;padding:.65rem;border-radius:.5rem;overflow-wrap:anywhere}.guide-nav-disclosure a[aria-current],.guide-nav-disclosure a:hover{color:var(--starter-primary);background:var(--starter-card)}.guide-nav-category{margin-block-start:1rem;color:var(--starter-muted);font-size:.85rem}.guide-article-toc a span{margin-inline-end:.5rem}.guide-article-cta,.guide-article-cta-inline{padding:1.3rem;border:1px solid var(--starter-border);border-radius:.8rem;background:var(--starter-card);margin-block:2rem}.guide-article-note{padding:1rem;border-inline-start:3px solid var(--starter-primary);background:var(--starter-card)}.guide-article-figures{display:grid;gap:1rem;margin-block:1.2rem}.guide-article-figures.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-article-image,[data-media-frame]{position:relative;overflow:hidden;border-radius:.6rem;background:var(--starter-card)}.guide-article-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.guide-deferred-image:not([data-state=loaded]){visibility:hidden}.guide-image-retry{position:absolute;inset:40% 10% auto;min-height:44px;padding:.65rem;border:1px solid var(--starter-border);background:var(--starter-card);color:var(--starter-text)}.guide-image-retry[hidden]{display:none}.starter-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.media-state{display:grid;place-content:center;padding:1rem;color:var(--starter-muted)}.showcase-image{display:block}.showcase-image img{width:100%;height:auto}.showcase-note{font-size:.85rem;color:var(--starter-muted);margin-block:.7rem}.showcase-card summary,.showcase-dialog button{min-height:44px;cursor:pointer;padding:.5rem}.showcase-dialog{max-width:min(90vw,70rem);max-height:90dvh;padding:1rem;background:var(--starter-card);color:var(--starter-text);border:1px solid var(--starter-border);border-radius:.8rem}.showcase-dialog::backdrop{background:#000b}.showcase-dialog img{max-height:70dvh;-o-object-fit:contain;object-fit:contain;margin-inline:auto}@media (max-width:980px){.guide-article-shell{display:flex;flex-direction:column;gap:.75rem}.guide-article-sidebar,.guide-article-toc{position:static;width:100%;max-height:none;padding:.4rem 1rem;border:1px solid var(--starter-border);border-radius:.6rem;background:var(--starter-card)}.guide-article-content{width:100%;margin-block-start:1rem}.guide-nav-disclosure[open] nav{max-height:45dvh;overflow-y:auto}}@media (max-width:640px){.starter-header{gap:.5rem}.starter-header>nav{min-inline-size:0;order:3;flex-basis:100%}.starter-header>nav a{flex:1 1 40%}.starter-brand{font-size:.9rem}.guide-article-figures.is-pair,.starter-examples-grid{grid-template-columns:minmax(0,1fr)}}.media-state-label{position:absolute;inset:0;display:grid;place-content:center;padding:1rem;background:var(--starter-card);color:var(--starter-muted);text-align:center}.media-state-label[hidden]{display:none}body[data-page-id=blog] .starter-page-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end;gap:2rem;padding-block:clamp(2rem,6vw,5rem);border-bottom:1px solid var(--starter-border)}body[data-page-id=blog] .starter-page-heading h1{max-width:10ch;font-size:clamp(3rem,8vw,6.75rem);letter-spacing:-.055em}body[data-page-id=blog] .starter-page-heading p{max-width:38rem;font-size:1.08rem}body[data-page-id=blog] .guide-index{margin-block:2.5rem 4rem}body[data-page-id=blog] .guide-card-grid{grid-template-columns:repeat(12,minmax(0,1fr))}body[data-page-id=blog] .guide-card{grid-column:span 6;min-height:16rem;padding:clamp(1.35rem,3vw,2.25rem);transition:transform .16s var(--ease-out, cubic-bezier(.2,.8,.2,1)),border-color .16s}body[data-page-id=blog] .guide-card:hover{transform:translateY(-2px);border-color:var(--starter-primary)}body[data-page-id=blog] .guide-card h3{max-width:20ch;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.12;letter-spacing:-.025em}body[data-page-id=blog] .guide-card-meta{margin-top:auto}@media (max-width: 760px){.starter-header{position:relative}.starter-primary-nav{align-items:stretch}.starter-nav-group{flex:1 1 40%}.starter-nav-group>summary{width:100%;justify-content:space-between}.starter-nav-panel{position:static;width:auto;margin:.25rem 0 .5rem;box-shadow:none}body[data-page-id=blog] .starter-page-heading{grid-template-columns:minmax(0,1fr);gap:1rem}body[data-page-id=blog] .guide-card-grid{grid-template-columns:minmax(0,1fr)}body[data-page-id=blog] .guide-card{grid-column:auto;min-height:0}}.starter-header{position:relative;gap:.5rem;padding:.7rem clamp(1rem,2vw,2rem)}.starter-brand{white-space:nowrap;font-size:1.1rem;letter-spacing:-.025em}.starter-header .starter-primary-nav{gap:.1rem;justify-content:center}.starter-header .starter-primary-nav>a,.starter-nav-group>summary{font-size:.875rem;white-space:nowrap}.starter-header .starter-create-link{background:var(--starter-button);color:var(--starter-button-text);font-size:.875rem;white-space:nowrap}.starter-header .starter-create-link:hover{background:var(--starter-button);color:var(--starter-button-text);filter:brightness(.92)}.starter-nav-group[data-active=true]>summary{color:var(--starter-primary)}.starter-nav-panel{width:19rem;max-height:min(70vh,36rem);overflow-y:auto}.starter-nav-group:nth-last-of-type(-n+2) .starter-nav-panel{inset-inline-start:auto;inset-inline-end:0}.starter-header .starter-nav-panel a{display:flex;justify-content:space-between;gap:.75rem;min-height:48px}.starter-nav-panel strong{font-weight:550;font-size:.875rem}.starter-nav-panel .starter-nav-status{flex-shrink:0;font-size:.7rem;color:var(--starter-muted)}.starter-chevron{flex-shrink:0;transition:transform .16s ease}.starter-nav-group[open] .starter-chevron{transform:rotate(180deg)}.starter-header summary:hover,.starter-header button:hover{background:var(--starter-bg)}.starter-header a:active,.starter-header button:active{transform:translateY(1px)}.starter-header .starter-menu-toggle{display:none;gap:.5rem}.starter-header .starter-menu-toggle[hidden]{display:none}.starter-home-actions{display:flex;align-items:center;gap:1rem;margin-block:1.5rem;flex-wrap:wrap}.starter-home-actions .starter-button{gap:1rem}.starter-preview-label{font-size:.875rem;color:var(--starter-muted)}[data-page-id=music-buddy-home] .starter-page-heading{padding-block:clamp(1.5rem,5vw,4rem)}[data-page-id=music-buddy-home] .starter-page-heading h1{font-size:clamp(2.25rem,5vw,4.25rem);max-width:16ch;letter-spacing:-.035em}[data-page-id=music-buddy-home] .starter-page-heading>p{max-width:42rem;font-size:1.15rem}.starter-page-heading h1{overflow-wrap:anywhere}.starter-languages summary{list-style:none}.starter-languages summary::-webkit-details-marker{display:none}@media (min-width: 1200px){.starter-header,.starter-header .starter-primary-nav{flex-wrap:nowrap}}@media (max-width: 1199px){.starter-header{flex-wrap:wrap}.starter-header .starter-header-actions{margin-inline-start:auto}.starter-header .starter-primary-nav{order:4;flex-basis:100%;display:flex;align-items:stretch;flex-direction:column;border-top:1px solid var(--starter-border);padding-top:.5rem}.starter-header[data-navigation-ready=true] .starter-menu-toggle{display:inline-flex;margin-inline-start:auto}.starter-header[data-navigation-ready=true] .starter-primary-nav{display:none}.starter-header[data-menu-open=true] .starter-primary-nav{display:flex}.starter-nav-group{flex:none}.starter-nav-group>summary{width:100%;justify-content:space-between}.starter-nav-panel{position:static;width:100%;max-height:none;margin-block:.25rem .75rem;box-shadow:none}}@media (max-width: 600px){.starter-header{gap:.25rem}.starter-header .starter-header-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--starter-border);padding-top:.4rem}.starter-header .starter-create-link{margin-inline-start:auto}.starter-languages>div{inset-inline-start:0;inset-inline-end:auto}}html[data-theme] body.starter-body{background-color:var(--starter-bg);color:var(--starter-text)}body[data-page-id=music-buddy-home]{--mb-ink: #10251f;--mb-paper: #fffaf0;--mb-surface: #ffffff;--mb-teal: #087f6d;--mb-teal-deep: #075f54;--mb-mint: #b9f6df;--mb-coral: #ff6b57;--mb-yellow: #ffd84d;--mb-blue: #8bd9ff;--mb-lilac: #c9b7ff;--mb-line: #183b3226;--mb-muted: #52645f;--mb-shadow: #10251f1a;--mb-disabled: #dce5e1;--mb-disabled-text: #5d6d68;--mb-font-display: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--mb-font-body: var(--starter-font, system-ui, sans-serif);--starter-bg: var(--mb-paper);--starter-card: var(--mb-surface);--starter-text: var(--mb-ink);--starter-muted: var(--mb-muted);--starter-border: var(--mb-line);--starter-primary: var(--mb-teal);--starter-button: var(--mb-teal);--starter-button-text: var(--mb-surface);background:var(--mb-paper)}html[data-theme=dark] body[data-page-id=music-buddy-home]{--mb-ink: #f7fff9;--mb-paper: #0c1c18;--mb-surface: #142b24;--mb-teal: #63e6c8;--mb-teal-deep: #94f0db;--mb-mint: #164d3e;--mb-coral: #ff806f;--mb-yellow: #f5ce49;--mb-blue: #286683;--mb-lilac: #554489;--mb-line: #d9fff02b;--mb-muted: #b8cac4;--mb-shadow: #0000004d;--mb-disabled: #354740;--mb-disabled-text: #a8b7b2}body[data-page-id=music-buddy-home] .starter-main{width:100%;max-width:none;padding:0}body[data-page-id=music-buddy-home] .starter-header{border-bottom-color:var(--mb-line)}body[data-page-id=music-buddy-home] .starter-footer{padding-block:clamp(3rem,8vw,6rem);background:var(--mb-ink);color:var(--mb-paper);border:0}body[data-page-id=music-buddy-home] .starter-footer a{color:var(--mb-paper)}.mb-home{font-family:var(--mb-font-body)}.mb-home h1,.mb-home h2,.mb-home h3{font-family:var(--mb-font-display);font-style:normal;text-wrap:balance}.mb-home h2{max-width:17ch;font-size:clamp(2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.mb-home h3{line-height:1.15}.mb-home p{text-wrap:pretty}.mb-hero,.mb-studio,.mb-showcase,.mb-roadmap,.mb-use-cases,.mb-how,.mb-editorial,.mb-faq,.mb-final-cta{padding-inline:max(1rem,calc((100vw - 86rem)/2))}.mb-hero{position:relative;display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(28rem,1.22fr);min-height:min(49rem,calc(100dvh - 5rem));align-items:center;gap:clamp(2rem,5vw,5rem);overflow:hidden;padding-block:clamp(4.5rem,9vw,8rem);color:var(--mb-paper);background:var(--mb-ink);isolation:isolate}.mb-hero:before{content:"";position:absolute;width:22rem;aspect-ratio:1;inset:-12rem auto auto -8rem;z-index:-1;border:4.5rem solid color-mix(in srgb,var(--mb-teal) 48%,transparent);border-radius:50%}.mb-hero-copy{min-width:0}.mb-kicker{margin:0 0 1rem;color:var(--mb-teal-deep);font-size:.78rem;font-weight:850;letter-spacing:.15em;line-height:1.2;text-transform:uppercase}.mb-hero .mb-kicker{color:var(--mb-mint)}.mb-hero h1{max-width:11ch;margin:0;color:var(--mb-paper);font-size:clamp(3.25rem,6.8vw,6.8rem);line-height:.9;letter-spacing:-.065em;overflow-wrap:anywhere}html[lang^=zh] .mb-hero h1,html[lang=ja] .mb-hero h1{max-width:10ch;font-size:clamp(3rem,4vw,5rem);line-height:.98;letter-spacing:-.045em;overflow-wrap:normal;word-break:auto-phrase}.mb-hero-lead{max-width:38rem;margin-block:1.6rem;color:color-mix(in srgb,var(--mb-paper) 74%,transparent);font-size:clamp(1.05rem,1.7vw,1.28rem)}.mb-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem}.mb-home .starter-button{justify-content:center;gap:.75rem;min-height:50px;padding:.78rem 1.25rem;border:1px solid var(--mb-teal);border-radius:.75rem;font-weight:800;white-space:nowrap;box-shadow:.28rem .28rem 0 var(--mb-yellow);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.mb-home .starter-button:hover{transform:translate(-2px,-2px);box-shadow:.4rem .4rem 0 var(--mb-yellow);background:var(--mb-teal-deep)}.mb-home .starter-button:active{transform:translate(1px,1px);box-shadow:.16rem .16rem 0 var(--mb-yellow)}.mb-text-link{display:inline-flex;align-items:center;min-height:48px;color:var(--mb-ink);font-weight:800;text-decoration:underline;text-decoration-color:var(--mb-coral);text-decoration-thickness:.18rem;text-underline-offset:.3rem;white-space:nowrap}.mb-hero .mb-text-link{color:var(--mb-paper)}.mb-trust-list{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin:2rem 0 0;padding:0;list-style:none;color:color-mix(in srgb,var(--mb-paper) 68%,transparent);font-size:.84rem;font-weight:700}.mb-trust-list li{display:flex;align-items:center;gap:.5rem}.mb-trust-list li:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--mb-teal);box-shadow:.18rem .18rem 0 var(--mb-yellow)}.mb-hero-creator{position:relative;min-width:0;padding:clamp(1rem,2.6vw,1.6rem);color:var(--mb-ink);border:1px solid color-mix(in srgb,var(--mb-paper) 24%,transparent);border-radius:1.5rem;background:var(--mb-surface);box-shadow:1rem 1rem 0 var(--mb-coral);isolation:isolate}.mb-hero-creator-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mb-hero-creator-heading>div{display:grid;gap:.15rem}.mb-hero-creator-heading span:first-child{color:var(--mb-muted);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mb-hero-creator-heading strong{font-family:var(--mb-font-display);font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:-.035em}.mb-hero-tool{position:relative;z-index:2;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--mb-line);border-radius:1rem;background:var(--mb-paper)}.mb-hero-mode-tabs{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:1.1rem;scrollbar-width:thin}.mb-hero-mode-tabs button{min-height:44px;padding:.55rem .8rem;color:var(--mb-muted);border:1px solid var(--mb-line);border-radius:999px;background:var(--mb-surface);font:inherit;font-size:.8rem;font-weight:800;white-space:nowrap;cursor:pointer}.mb-hero-mode-tabs button:hover{color:var(--mb-ink);border-color:var(--mb-teal)}.mb-hero-mode-tabs button[aria-selected=true]{color:var(--mb-surface);border-color:var(--mb-teal);background:var(--mb-teal)}.mb-hero-tool textarea{width:100%;min-height:8.5rem;margin-block:.55rem .85rem;padding:1rem;color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:.8rem;background:var(--mb-surface);font:inherit;line-height:1.55;resize:vertical;box-shadow:inset 0 -.25rem 0 var(--mb-mint)}.mb-hero-tool textarea::-moz-placeholder{color:var(--mb-muted)}.mb-hero-tool textarea::placeholder{color:var(--mb-muted)}.mb-hero-presets{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.mb-hero-presets>span{margin-inline-end:.25rem;color:var(--mb-muted);font-size:.72rem;font-weight:800}.mb-hero-presets button{min-height:40px;padding:.45rem .7rem;color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:.55rem;background:var(--mb-surface);font:inherit;font-size:.76rem;cursor:pointer}.mb-hero-presets button:hover{border-color:var(--mb-teal);background:var(--mb-mint)}.mb-hero-tool-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--mb-line)}.mb-hero-tool-footer .starter-button{min-width:10rem}.mb-hero-tool-footer .starter-button:disabled{color:var(--mb-disabled-text);border-color:var(--mb-disabled);background:var(--mb-disabled);box-shadow:none;cursor:not-allowed}.mb-hero-tool-footer .starter-button:disabled:hover{transform:none;box-shadow:none;background:var(--mb-disabled)}.mb-hero-pulse{position:absolute;display:flex;align-items:end;justify-content:center;gap:.3rem;width:38%;height:5rem;inset:auto 2rem -2rem auto;z-index:-1;opacity:.68}.mb-hero-pulse span{flex:1;min-width:.15rem;height:28%;border-radius:999px 999px 0 0;background:var(--mb-yellow);animation:mb-beat 1.1s ease-in-out infinite alternate;transform-origin:bottom}.mb-hero-pulse span:nth-child(4n+2){height:62%;animation-duration:.8s}.mb-hero-pulse span:nth-child(4n+3){height:94%;animation-duration:1.35s}.mb-hero-pulse span:nth-child(4n){height:48%;animation-duration:.95s}.mb-hero-orbit{position:absolute;width:11rem;aspect-ratio:1;inset:auto -3.5rem -4.5rem auto;z-index:-1;border:2.4rem solid var(--mb-blue);border-radius:50%}.mb-waveform{display:flex;align-items:center;justify-content:center;gap:.35rem}.mb-waveform span{width:clamp(.3rem,1vw,.55rem);height:28%;border-radius:999px;background:var(--mb-ink);transform-origin:center;animation:mb-beat 1.1s ease-in-out infinite alternate}.mb-waveform .mb-wave-2,.mb-waveform span:nth-child(4n+2){height:62%;animation-duration:.8s}.mb-waveform .mb-wave-3,.mb-waveform span:nth-child(4n+3){height:94%;animation-duration:1.35s}.mb-waveform .mb-wave-4,.mb-waveform span:nth-child(4n){height:48%;animation-duration:.95s}.mb-waveform .mb-wave-5{height:76%;animation-duration:1.2s}@keyframes mb-beat{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.mb-studio,.mb-roadmap,.mb-how,.mb-faq{padding-block:clamp(4.5rem,9vw,8rem);background:var(--mb-ink);color:var(--mb-paper)}.mb-section-heading{max-width:55rem;margin-bottom:clamp(2rem,5vw,4rem)}.mb-section-heading--split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);max-width:none;align-items:end;gap:2rem}.mb-section-heading p:last-child{max-width:40rem;color:var(--mb-muted)}.mb-studio .mb-kicker,.mb-roadmap .mb-kicker,.mb-how .mb-kicker,.mb-faq .mb-kicker{color:var(--mb-mint)}.mb-studio .mb-section-heading p:last-child,.mb-roadmap .mb-section-heading p:last-child{color:var(--mb-paper);opacity:.72}.mb-studio-shell{overflow:hidden;border:1px solid var(--mb-line);border-radius:1.5rem;background:var(--mb-surface);color:var(--mb-ink);box-shadow:1rem 1rem 0 var(--mb-coral)}.mb-mode-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--mb-line);scrollbar-width:thin}.mb-mode-tab{flex:1 0 auto;min-height:52px;padding:.7rem 1rem;color:var(--mb-muted);border:0;border-inline-end:1px solid var(--mb-line);background:var(--mb-paper);font-weight:800;white-space:nowrap;cursor:pointer}.mb-mode-tab:hover{color:var(--mb-ink);background:var(--mb-mint)}.mb-mode-tab[aria-selected=true]{color:var(--mb-ink);background:var(--mb-yellow)}.mb-studio-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);min-height:34rem}.mb-studio-form,.mb-output-stage{min-width:0;padding:clamp(1.3rem,4vw,3rem)}.mb-studio-form{display:flex;flex-direction:column;border-inline-end:1px solid var(--mb-line)}.mb-mode-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.mb-mode-heading h3{margin:.7rem 0 0;font-size:clamp(1.7rem,3vw,2.6rem)}.mb-track-number{font-family:var(--mb-font-display);font-size:1.15rem;font-weight:900;letter-spacing:-.04em}.mb-status,.mb-placeholder-label{display:inline-flex;align-items:center;min-height:1.75rem;padding:.2rem .55rem;border:1px solid var(--mb-line);border-radius:999px;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mb-status--implemented{background:var(--mb-mint)}.mb-status--planned,.mb-status--unavailable-locale{background:var(--mb-yellow)}.mb-studio-form>p{color:var(--mb-muted)}.mb-field-label{margin-top:1.2rem;font-size:.85rem;font-weight:850}.mb-studio-form textarea{width:100%;margin-block:.55rem 1rem;padding:1rem;color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:.8rem;background:var(--mb-paper);font:inherit;resize:vertical;box-shadow:inset 0 -.25rem 0 var(--mb-mint)}.mb-studio-form textarea::-moz-placeholder{color:var(--mb-muted)}.mb-studio-form textarea::placeholder{color:var(--mb-muted)}.mb-presets{margin-bottom:1.4rem}.mb-presets>span{display:block;margin-bottom:.55rem;color:var(--mb-muted);font-size:.78rem;font-weight:800}.mb-presets>div{display:flex;flex-wrap:wrap;gap:.5rem}.mb-presets button{min-height:42px;padding:.55rem .75rem;color:var(--mb-ink);border:1px solid var(--mb-line);border-radius:.6rem;background:var(--mb-surface);cursor:pointer}.mb-presets button:hover{border-color:var(--mb-teal);background:var(--mb-mint)}.mb-studio-cta{align-self:flex-start;margin-top:auto}.mb-studio-cta:disabled{color:var(--mb-disabled-text);border-color:var(--mb-disabled);background:var(--mb-disabled);box-shadow:none;cursor:not-allowed}.mb-studio-cta:disabled:hover{transform:none;box-shadow:none;background:var(--mb-disabled)}.mb-output-stage{position:relative;display:grid;align-content:space-between;overflow:hidden;background:var(--mb-blue);isolation:isolate}.mb-output-heading{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mb-waveform--large{z-index:2;height:8rem}.mb-waveform--large span{background:var(--mb-ink)}.mb-output-stage>p{z-index:2;max-width:18rem;margin:0;font-weight:750}.mb-disc{position:absolute;width:min(80%,25rem);aspect-ratio:1;inset:50% auto auto 50%;z-index:-1;translate:-50% -50%;border:clamp(2rem,6vw,5rem) solid var(--mb-coral);border-radius:50%;background:var(--mb-yellow);animation:mb-spin 15s linear infinite}.mb-disc span{position:absolute;width:18%;aspect-ratio:1;inset:50% auto auto 50%;translate:-50% -50%;border-radius:50%;background:var(--mb-ink)}@keyframes mb-spin{to{rotate:360deg}}.mb-showcase,.mb-use-cases,.mb-editorial{padding-block:clamp(4.5rem,9vw,8rem)}.mb-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2rem)}.mb-case{display:grid;grid-template-columns:minmax(9rem,.78fr) minmax(0,1.22fr);min-width:0;overflow:hidden;border:1px solid var(--mb-line);background:var(--mb-surface);box-shadow:.45rem .45rem 0 var(--mb-shadow)}.mb-case-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:19rem;padding:1rem;background:var(--mb-coral)}.mb-case--2 .mb-case-art{background:var(--mb-blue)}.mb-case--3 .mb-case-art{background:var(--mb-yellow)}.mb-case--4 .mb-case-art{background:var(--mb-lilac)}.mb-case-art>span{font-family:var(--mb-font-display);font-size:2rem;font-weight:900}.mb-mini-wave{display:flex;align-items:end;gap:.2rem;height:5rem}.mb-mini-wave i{flex:1;height:30%;background:var(--mb-ink)}.mb-mini-wave i:nth-child(3n+1){height:80%}.mb-mini-wave i:nth-child(4n+2){height:55%}.mb-case-copy{min-width:0;padding:clamp(1.2rem,3vw,2rem)}.mb-placeholder-label{background:var(--mb-paper)}.mb-case h3{margin-block:1rem .65rem;font-size:1.45rem}.mb-case p,.mb-case dd{color:var(--mb-muted)}.mb-case dl{margin:1.25rem 0 0}.mb-case dl>div{padding-block:.6rem;border-top:1px solid var(--mb-line)}.mb-case dt{font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mb-case dd{margin:.2rem 0 0;font-size:.85rem}.mb-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--mb-line)}.mb-roadmap-group{min-width:0;padding:1.5rem;border-inline-end:1px solid var(--mb-line)}.mb-roadmap-group:last-child{border-inline-end:0}.mb-roadmap-group h3{margin-block:1.5rem .7rem;font-size:1.5rem}.mb-roadmap-group>p{min-height:5rem;color:var(--mb-paper);opacity:.72}.mb-roadmap-group ul{margin:1.5rem 0 0;padding:0;list-style:none}.mb-roadmap-group li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:46px;padding-block:.55rem;border-top:1px solid var(--mb-line)}.mb-roadmap-group a{color:var(--mb-mint);text-decoration:underline;text-underline-offset:.2rem}.mb-roadmap-group small{flex:0 0 auto;color:var(--mb-paper);opacity:.65;font-size:.65rem;text-transform:uppercase}.mb-use-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.mb-use-grid article{grid-column:span 6;min-height:16rem;padding:clamp(1.4rem,4vw,3rem);border:1px solid var(--mb-line);background:var(--mb-surface)}.mb-use-grid article:nth-child(2),.mb-use-grid article:nth-child(3){background:var(--mb-mint)}.mb-use-grid article>span{color:var(--mb-coral);font-family:var(--mb-font-display);font-size:1.25rem;font-weight:900}.mb-use-grid h3{max-width:16ch;margin-block:2.5rem .8rem;font-size:clamp(1.5rem,3vw,2.5rem)}.mb-use-grid p{max-width:36rem;color:var(--mb-muted)}.mb-how ol{margin:0;padding:0;list-style:none}.mb-how li{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:start;gap:1rem;padding-block:1.5rem;border-top:1px solid var(--mb-line)}.mb-how li>span{color:var(--mb-coral);font-family:var(--mb-font-display);font-size:2rem;font-weight:900}.mb-how h3{margin:0 0 .5rem;font-size:clamp(1.35rem,3vw,2.3rem)}.mb-how li p{max-width:48rem;margin:0;color:var(--mb-paper);opacity:.72}.mb-editorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;background:var(--mb-yellow)}.mb-editorial .starter-content-section{margin:0;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--mb-line);background:var(--mb-paper)}.mb-editorial .starter-content-section h2{max-width:18ch;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.1}.mb-faq>div:last-child{max-width:62rem}.mb-faq .starter-faq{border-color:var(--mb-line);border-radius:0}.mb-faq .starter-faq summary{color:var(--mb-paper);font-size:1.05rem}.mb-faq .starter-faq p{color:var(--mb-paper);opacity:.72}.mb-final-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(14rem,.8fr);align-items:end;gap:2rem;padding-block:clamp(4rem,8vw,7rem);background:var(--mb-coral)}.mb-final-cta h2{max-width:14ch}.mb-final-cta>div>p:last-child{max-width:40rem}.mb-home-draft{margin:0;padding:1rem max(1rem,calc((100vw - 86rem)/2));color:var(--mb-muted);background:var(--mb-paper);font-size:.78rem}@media (max-width: 1040px){.mb-hero{grid-template-columns:minmax(16rem,.72fr) minmax(24rem,1.28fr);gap:2rem}.mb-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-roadmap-group:nth-child(2){border-inline-end:0}.mb-roadmap-group:nth-child(-n+2){border-bottom:1px solid var(--mb-line)}.mb-editorial{grid-template-columns:minmax(0,1fr)}}@media (max-width: 800px){.mb-hero{grid-template-columns:minmax(0,1fr);min-height:0}.mb-hero h1{max-width:11ch}.mb-hero-creator{width:min(100%,42rem);justify-self:center}.mb-section-heading--split,.mb-studio-grid,.mb-final-cta{grid-template-columns:minmax(0,1fr)}.mb-studio-form{border-inline-end:0;border-bottom:1px solid var(--mb-line)}.mb-case-grid{grid-template-columns:minmax(0,1fr)}.mb-output-stage{min-height:26rem}}@media (max-width: 560px){.mb-hero,.mb-studio,.mb-showcase,.mb-roadmap,.mb-use-cases,.mb-how,.mb-editorial,.mb-faq,.mb-final-cta{padding-inline:1rem}.mb-hero h1{font-size:clamp(3rem,17vw,5rem)}html[lang^=zh] .mb-hero h1,html[lang=ja] .mb-hero h1{font-size:clamp(2.65rem,13.5vw,4.1rem)}.mb-home .starter-button,.mb-text-link{width:100%}.mb-hero-tool-footer{align-items:stretch;flex-direction:column}.mb-hero-tool-footer .starter-button{min-width:0}.mb-hero-creator{padding:.75rem;border-radius:1rem;box-shadow:.55rem .55rem 0 var(--mb-coral)}.mb-roadmap-grid,.mb-case{grid-template-columns:minmax(0,1fr)}.mb-roadmap-group,.mb-roadmap-group:nth-child(2){border-inline-end:0;border-bottom:1px solid var(--mb-line)}.mb-roadmap-group:last-child{border-bottom:0}.mb-case-art{min-height:10rem}.mb-use-grid{grid-template-columns:minmax(0,1fr)}.mb-use-grid article{grid-column:auto;min-height:0}.mb-how li{grid-template-columns:3.5rem minmax(0,1fr)}.mb-mode-tab{min-height:48px}}
