:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--r-bg:#0b0d0e;--r-surface:#131618;--r-raised:#1b1f21;--r-input:#101314;--r-text:#f3f5f1;--r-muted:#a0a6a7;--r-subtle:#8d9692;--r-line:#2b3032;--r-line-strong:#424b47;--r-accent:#d4fa76;--r-accent-hover:#e2ffa2;--r-on-accent:#19210c;--r-accent-soft:#222c19;--r-cyan:#9de3ed;--r-success:#9ee0b5;--r-success-bg:#172a20;--r-warning:#ebce83;--r-warning-bg:#2b2516;--r-danger:#ffaaa4;--r-danger-bg:#321d20;--r-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--r-radius-sm:.5625rem;--r-radius:1rem;--r-radius-lg:1.375rem;--r-shadow:0 .75rem 2rem #0003}html{background:var(--r-bg)}body{font-family:var(--r-font);color:var(--r-text);-webkit-font-smoothing:antialiased}button,input,select,textarea{-webkit-tap-highlight-color:transparent;font-family:inherit}button,a,summary{touch-action:manipulation}button{color:inherit}input,textarea{-webkit-user-select:text;user-select:text}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--r-accent)}input[type=text],input:not([type]),textarea,select{font-size:1rem}input::placeholder,textarea::placeholder{color:var(--r-subtle);opacity:1}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:.125rem solid var(--r-accent);outline-offset:.1875rem}button:disabled{cursor:not-allowed}::selection{background:var(--r-accent);color:var(--r-on-accent)}.r-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none;width:1.25rem;height:1.25rem;display:inline-block}.r-appbar{background:var(--r-bg);border-bottom:1px solid var(--r-line);flex-shrink:0;align-items:center;gap:.8125rem;width:100%;min-height:5.25rem;padding:1.0625rem 1.25rem;display:flex}.r-mark{width:2.4375rem;height:2.4375rem;color:var(--r-text);flex:none;display:block}.r-appbar-title{min-width:0}.r-eyebrow{color:var(--r-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1.5}.r-appbar h1{color:var(--r-text);letter-spacing:-.04em;margin:.1875rem 0 0;font-size:1.5625rem;font-weight:550;line-height:1.1}.r-app-tag{border:1px solid var(--r-line-strong);color:var(--r-accent);letter-spacing:.08em;white-space:nowrap;border-radius:.375rem;margin-left:auto;padding:.3125rem .5rem;font-size:.75rem;font-weight:600}.r-page-intro{padding:.5rem .125rem .125rem}.r-page-intro h2{color:var(--r-text);letter-spacing:-.04em;margin:0 0 .4375rem;font-size:1.625rem;font-weight:500;line-height:1.2}.r-page-intro p{color:var(--r-muted);margin:0;font-size:.875rem;line-height:1.6}.r-button{border-radius:var(--r-radius-sm);background:var(--r-accent);min-height:3rem;color:var(--r-on-accent);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.125rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.r-button:hover{background:var(--r-accent-hover)}.r-button.secondary{background:var(--r-raised);border-color:var(--r-line-strong);color:var(--r-text)}.r-button:disabled{background:var(--r-raised);color:var(--r-subtle);border-color:var(--r-line)}.r-field{width:100%;min-height:3rem;color:var(--r-text);background:var(--r-input);border:1px solid var(--r-line-strong);border-radius:var(--r-radius-sm);font:1rem/1.5 var(--r-font);padding:.75rem .875rem;display:block}.r-panel{background:var(--r-surface);border:1px solid var(--r-line);border-radius:var(--r-radius);padding:1.25rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.track-share-dialog{border:1px solid var(--r-line-strong);background:var(--r-surface);width:min(32rem,100vw - 2rem);max-height:90dvh;color:var(--r-text);box-sizing:border-box;border-radius:1.25rem;padding:1.5rem;overflow:auto}.track-share-dialog::backdrop{-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);background:#000b}.track-share-dialog header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.track-share-dialog h2{margin:0;font-size:1.35rem}.track-share-dialog p{color:var(--r-muted);font-size:.875rem;line-height:1.65}.track-share-name{overflow-wrap:anywhere;font-size:1rem;display:block}.track-share-link{gap:.5rem;margin:1.25rem 0 1rem;font-size:.8rem;display:grid}.track-share-link input{box-sizing:border-box;width:100%;font-size:.85rem}.track-share-copy{width:100%}.track-share-revoke{color:var(--r-muted);margin:1rem auto 0;font-size:.8rem;display:block}.track-share-dialog .message{overflow-wrap:anywhere}.shared-track-shell{box-sizing:border-box;flex-direction:column;max-width:88rem;min-height:100dvh;margin:auto;padding:0 2.5rem;display:flex}.shared-track-shell *{box-sizing:border-box}body:has(.shared-track-shell){background:var(--r-bg);margin:0}.shared-track-header{border-bottom:1px solid var(--r-line);justify-content:space-between;align-items:center;gap:1rem;height:6rem;display:flex}.shared-track-header a{color:var(--r-text);align-items:center;gap:.75rem;font-size:.875rem;text-decoration:none;display:flex}.shared-track-header img{width:2rem;height:2rem}.shared-track-header b{color:var(--r-accent)}.shared-track-header>a:last-child{color:var(--r-muted)}.shared-track-main{flex:1;align-items:center;padding:4rem 0;display:grid}.shared-track-card{grid-template-columns:minmax(15rem,1fr) minmax(0,1.35fr);align-items:center;gap:4rem;width:100%;max-width:68rem;margin:auto;display:grid}.shared-track-art{aspect-ratio:1;isolation:isolate;background:linear-gradient(145deg,#34432c,#141c1d 65%);border:1px solid #465332;border-radius:1.5rem;place-items:center;display:grid;position:relative;overflow:hidden}.shared-track-art img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.shared-track-art>span{color:var(--r-accent);opacity:.65;font-size:7rem;rotate:-8deg}.shared-track-caption{color:var(--r-accent);margin:0 0 1rem;font-size:.8rem}.shared-track-info h1{overflow-wrap:anywhere;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.shared-track-style{color:var(--r-muted);overflow-wrap:anywhere;font-size:1rem;line-height:1.6}.shared-track-duration{color:var(--r-muted);margin:1.5rem 0 1rem;font-size:.8rem}.shared-track-info audio{width:100%;accent-color:var(--r-accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shared-track-lyrics-section{border-top:1px solid var(--r-line);margin-top:2rem;padding-top:1.25rem;position:relative}.shared-track-lyrics{font-size:.9rem}.shared-track-lyrics summary{align-content:center;min-height:2rem;padding-right:2.75rem}.shared-track-lyrics-section>.track-copy-control{position:absolute;top:1.25rem;right:0}.shared-track-style{align-items:center}.shared-track-style>p{margin:0}.shared-track-lyrics summary{cursor:pointer;color:var(--r-text)}.shared-track-lyrics p{white-space:pre-wrap;color:var(--r-muted);overflow-wrap:anywhere;line-height:1.8}.shared-track-footer{border-top:1px solid var(--r-line);color:var(--r-muted);padding:1.5rem 0;font-size:.75rem}.shared-track-status{text-align:center;max-width:32rem;margin:auto}.shared-track-status h1{font-size:2rem}.shared-track-status p{color:var(--r-muted);line-height:1.6}@media (width<=760px){.shared-track-shell{padding:0 1.25rem}.shared-track-header{height:4.75rem}.shared-track-header a{font-size:.75rem}.shared-track-main{padding:2rem 0}.shared-track-card{grid-template-columns:1fr;gap:1.75rem;max-width:30rem}.shared-track-art{width:min(100%,20rem);margin:auto}.shared-track-info h1{font-size:2rem}.track-share-dialog{padding:1.25rem}}.track-copy-line{align-items:flex-start;gap:.5rem;min-width:0;display:flex}.track-copy-line>p{flex:1;min-width:0}.track-copy-control{vertical-align:middle;flex:none;display:inline-flex;position:relative}.track-copy-button{width:2rem;height:2rem;color:var(--r-muted);cursor:pointer;background:0 0;border:0;border-radius:.4rem;flex:none;place-items:center;padding:0;display:inline-grid}.track-copy-button:hover{background:var(--r-raised);color:var(--r-text)}.track-copy-button:focus-visible{outline:.125rem solid var(--r-accent);outline-offset:.125rem}.track-copy-button[data-copied=true]{color:var(--r-accent)}.track-copy-button svg{pointer-events:none;width:1.125rem;height:1.125rem}.track-copy-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.track-copy-error{z-index:3;border:1px solid var(--r-line-strong);background:var(--r-surface);width:min(15rem,70vw);color:var(--r-danger);border-radius:.5rem;padding:.75rem;font-size:.8rem;line-height:1.5;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 .25rem 1rem #0005}@font-face{font-family:Inter;src:url(/assets/inter-400-BMa5IoM-.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-500-DvphOyYU.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-600-BEUPqj-s.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-700-DJlYPwri.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/jakarta-600-QNVXA91K.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/jakarta-700-Bt8SGVSa.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--r-font:Inter,system-ui,sans-serif;--preview-heading:"Plus Jakarta Sans",Inter,system-ui,sans-serif;--preview-ease:cubic-bezier(.2,.8,.2,1);font-size:18px}body{font-family:var(--r-font);line-height:1.6}button,input,textarea,select{font-family:inherit}:is(h1,h2,h3,.sidebar-brand,.brand){font-family:var(--preview-heading)}:is(h1,h2){letter-spacing:-.035em!important;font-weight:700!important}.chat-welcome h1{font-size:clamp(2.25rem,3.6vw,3.25rem)}.image-heading h1,.video-heading h1,.suno-top h1,.el-top h1{font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.2}.workspace-header{height:4.875rem}.chat-page{height:calc(100dvh - 4.875rem)}.sidebar-brand{margin-bottom:1.75rem}.tool-list button,.tool-list a{min-height:2.65rem;padding:.625rem .75rem}.preview-status{color:var(--r-accent);background:var(--r-accent-soft);border-color:#465332;font-size:.6875rem;text-decoration:none}.preview-auth-note{color:var(--r-accent);background:var(--r-accent-soft);border:1px solid #465332;border-radius:.75rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.6}.workspace-sidebar{transition:width .3s var(--preview-ease),padding .3s var(--preview-ease)}.workspace-header,.chat-toolbar{border-bottom:1px solid #ffffff08}.sidebar-caption,.history-heading,.eyebrow,.image-eyebrow,.video-eyebrow,.image-heading>span,.video-heading>span{letter-spacing:.08em}.profile-text{line-height:1.5}.tool-list button,.tool-current,.new-work{min-height:2.75rem}.tool-list [data-active=true],.sidebar-rail [aria-current]{box-shadow:inset 3px 0 0 var(--r-accent)}.tool-list button,.tool-options button,.tool-list a,.tool-options a{position:relative}.tool-list button svg,.tool-current svg,.new-work svg{transition:color .25s ease,scale .3s var(--preview-ease)}.tool-list button:hover svg,.tool-current:hover svg,.new-work:hover svg{scale:1.08}:where(button,a,summary){transition:background-color .25s ease,border-color .25s ease,color .2s ease,box-shadow .3s ease,translate .3s var(--preview-ease),scale .2s var(--preview-ease)}:where(button:not(:disabled),a,summary):active{scale:.97}:is(.r-button,.image-generate,.video-generate,.suno-generate,.el-generate):not(:disabled):hover{box-shadow:0 8px 28px #d4fa761a}:is(.r-field,.image-field,.video-field,.suno-field,.el-field) :is(input,select,textarea),.r-field,.chat-composer,.composer{transition:border-color .25s,box-shadow .3s,background-color .25s}.chat-composer:focus-within,.composer:focus-within{border-color:#829458;box-shadow:0 0 0 3px #d4fa760c}.image-modes button,.video-modes button,.video-input-modes button,.suno-modes button,.el-modes button{transition:background-color .3s var(--preview-ease),border-color .3s ease,color .2s ease,box-shadow .3s ease,scale .2s var(--preview-ease)}.tool-options,dialog[open]{animation:preview-open .3s var(--preview-ease)}.profile-menu:popover-open{animation:preview-open .3s var(--preview-ease)}dialog::backdrop{animation:.25s preview-backdrop}details[open]>:not(summary){animation:preview-open .28s var(--preview-ease)}@keyframes preview-open{0%{opacity:0;translate:0 10px;scale:.985}to{opacity:1;translate:0;scale:1}}@keyframes preview-backdrop{0%{opacity:0}to{opacity:1}}@media (hover:hover){:is(.new-work,.provider-button,.quick-tools button,.image-history button,.video-history button):not(:disabled):hover{translate:0 -2px}}@media (width<=1199px){:root{font-size:17px}}@media (width<=760px){:root{font-size:16px}.workspace-header{height:4.25rem}.chat-page{height:calc(100dvh - 4.25rem)}.preview-status{padding:.25rem .375rem;font-size:.625rem}.workspace-breadcrumb{font-size:.75rem}.mobile-open .workspace-sidebar{animation:preview-sidebar .3s var(--preview-ease)}.sidebar-overlay{animation:.25s preview-backdrop}.chat-welcome{padding-top:clamp(2rem,10vh,5rem)}.chat-welcome h1{font-size:2.25rem}.chat-composer textarea,.image-field textarea,.video-field textarea{font-size:1rem}.chat-composer-actions>span{display:none}.chat-attachment-help,.chat-footnote{font-size:.6875rem;line-height:1.5}.image-heading h1,.video-heading h1,.suno-top h1,.el-top h1{font-size:1.875rem}.icon-button{min-width:2.5rem;min-height:2.5rem}}@keyframes preview-sidebar{0%{translate:-100%}to{translate:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:where(button:not(:disabled),a,summary):active{scale:1}}