html,body,#root{overscroll-behavior:none;background:#fff;width:100%;height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{overflow:hidden}#root{min-height:100dvh;display:flex}button,input,textarea{font:inherit}input,textarea{font-size:max(16px,1em)}[data-testid=harmonade-search-input]:focus{outline:none}[role=button]{-webkit-tap-highlight-color:transparent}[data-testid=harmonade-inspo-surface] [data-testid=harmonade-inspo-page]{background-color:#0000!important}.harmonade-browser-alert-backdrop{z-index:100000;background:#0f172a52;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.harmonade-browser-alert{box-sizing:border-box;color:#0f1f3d;background:#fff;border:1px solid #e8edf2;border-radius:24px;width:100%;max-width:380px;max-height:calc(100dvh - 48px);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;overflow-y:auto;box-shadow:0 12px 28px #0f172a14}.harmonade-browser-alert h2{margin:0 0 12px;font-size:20px}.harmonade-browser-alert p{color:#64748b;margin:0 0 24px;font-size:15px;line-height:1.5}.harmonade-browser-alert-actions{flex-wrap:wrap;gap:8px;display:flex}.harmonade-browser-alert button{color:#0f1f3d;cursor:pointer;background:#f1f5f9;border:1px solid #e8edf2;border-radius:14px;flex:1;min-height:44px;padding:10px 14px}.harmonade-browser-alert button.is-destructive{color:#b91c1c}.harmonade-site-header{--header-ink:#0f1f3d;--header-muted:#64748b;--header-line:#0f172a14;--header-surface:#f1f5f999;--header-selected:#fffffff5;--header-hover:#ffffffb3;box-sizing:border-box;border-bottom:1px solid var(--header-line);height:72px;min-height:72px;color:var(--header-ink);-webkit-backdrop-filter:blur(20px);z-index:10;background:#ffffffe6;flex-shrink:0;align-items:center;gap:20px;padding:9px 16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:none;position:relative}html[data-harmonade-layout=desktop] .harmonade-site-header{grid-template-columns:minmax(180px,1fr) minmax(420px,500px) minmax(180px,1fr);display:grid}.harmonade-site-header[data-tone=dark]{--header-ink:#fff;--header-muted:#ffffffb8;--header-line:#ffffff1f;--header-surface:#ffffff12;--header-selected:#ffffff29;--header-hover:#ffffff1a;background:#0a1529}.harmonade-site-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.harmonade-site-ambient img{object-fit:cover;filter:blur(28px);opacity:.16;width:calc(100% + 72px);height:calc(100% + 72px);position:absolute;inset:-36px}.harmonade-site-ambient>div{background:#ffffffad;position:absolute;inset:0}.harmonade-site-header[data-tone=dark] .harmonade-site-ambient img{opacity:1}.harmonade-site-header[data-tone=dark] .harmonade-site-ambient>div{background:#080d0b8a}.harmonade-site-brand,.harmonade-site-menu,.harmonade-site-account{position:relative}.harmonade-site-header a{text-decoration:none}.harmonade-site-brand{box-sizing:border-box;min-height:44px;color:var(--header-ink);letter-spacing:-.35px;border-radius:14px;justify-self:start;align-items:center;gap:10px;padding:0 4px;font-size:17px;font-weight:650;display:inline-flex}.harmonade-site-brand img{background:#fff;border:1px solid #0f172a0f;border-radius:50%;width:36px;height:36px;display:block}.harmonade-site-menu{box-sizing:border-box;border:1px solid var(--header-line);background:var(--header-surface);border-radius:16px;gap:2px;min-height:52px;padding:3px;display:flex}.harmonade-site-menu a{min-width:0;min-height:44px;color:var(--header-muted);border-radius:12px;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:flex}.harmonade-site-menu a[aria-current=page]{background:var(--header-selected);color:var(--header-ink);box-shadow:0 2px 6px #0f172a0a}.harmonade-site-menu a:hover,.harmonade-site-menu a:focus-visible{background:var(--header-hover);color:var(--header-ink)}.harmonade-site-account{justify-self:end;align-items:center;gap:8px;display:flex}.harmonade-site-workspace{box-sizing:border-box;border:1px solid var(--header-line);background:var(--header-surface);width:44px;height:44px;color:var(--header-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.harmonade-site-avatar{background:var(--header-selected);width:28px;height:28px;color:var(--header-ink);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex;overflow:hidden}.harmonade-site-avatar img{object-fit:cover;width:100%;height:100%}[data-testid=harmonade-studio-avatar]{overflow:hidden}[data-testid=harmonade-studio-avatar] img{object-fit:cover;width:100%;height:100%}.harmonade-web-create{color:#0f1f3d;background:#fff;flex-direction:column;flex:1;min-height:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:flex}.harmonade-web-create-toolbar{flex-shrink:0;gap:10px;padding:12px 18px 0;display:flex}.harmonade-web-create-toolbar button{color:#0f1f3d;cursor:pointer;background:#f9f8fd;border:1px solid #e6e9f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.harmonade-web-create-toolbar button:focus-visible{outline-offset:3px;outline:2px solid #0f1f3d}.harmonade-web-create-toolbar .harmonade-web-create-account{margin-left:auto;overflow:hidden}.harmonade-web-create-account img{object-fit:cover;width:100%;height:100%}html[data-harmonade-layout=desktop] .harmonade-web-create-account{display:none}.harmonade-web-create-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:28px;min-height:0;padding:28px 18px 32px;display:flex;overflow-y:auto}.harmonade-web-create-content>*{flex-shrink:0}.harmonade-web-create-content h1{color:#6b758a;letter-spacing:1.6px;text-transform:uppercase;text-align:center;margin:0;font-size:13px;font-weight:600;line-height:1.5}html[data-harmonade-layout=desktop] .harmonade-web-create-content{gap:40px;padding-top:50px}html[data-harmonade-layout=desktop] [data-testid=harmonade-project-list]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}[data-testid=harmonade-template-list][data-picker-voice]{animation:.16s ease-out harmonade-template-reveal}@keyframes harmonade-template-reveal{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){[data-testid=harmonade-template-list][data-picker-voice]{animation:none}}.harmonade-account-backdrop{z-index:100000;backdrop-filter:blur(5px);color:#0f1f3d;background:#171b2247;justify-content:center;align-items:center;padding:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.harmonade-account-dialog{box-sizing:border-box;overscroll-behavior:contain;background:#fff;border:1px solid #dfe3eb;border-radius:24px;width:680px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 8px 24px #171b221a,0 24px 80px #171b222e}.harmonade-account-dialog *{box-sizing:border-box}.harmonade-account-heading{z-index:1;background:#fff;border-bottom:1px solid #e6e9f0;align-items:center;gap:10px;padding:18px 22px;display:flex;position:sticky;top:0}.harmonade-account-heading h2{flex:1;margin:0;font-size:20px;font-weight:700}.harmonade-account-icon{cursor:pointer;width:44px;height:44px;color:inherit;background:#fff;border:1px solid #e6e9f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:25px;display:flex}.harmonade-account-body{gap:24px;padding:24px;display:flex}.harmonade-account-identity{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.harmonade-account-picture{background:#e8e3fa;border:1px solid #cec6f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:25px;font-weight:700;display:flex;overflow:hidden}.harmonade-account-picture img{object-fit:cover;width:100%;height:100%}.harmonade-account-identity strong{overflow-wrap:anywhere;font-size:18px}.harmonade-account-email{color:#6b758a;overflow-wrap:anywhere;font-size:12px}.harmonade-account-voice{color:#6b758a;flex-direction:column;gap:8px;width:100%;margin-top:10px;font-size:12px;display:flex}.harmonade-account-voice>div{gap:6px;display:flex}.harmonade-account-voice button{color:#6b758a;min-height:44px;font:inherit;cursor:pointer;background:#f3f4f8;border:1px solid #e6e9f0;border-radius:12px;flex:1;font-weight:700}.harmonade-account-voice button[aria-checked=true]{color:#0f1f3d;background:#e8e3fa;border-color:#cec6f6}.harmonade-account-actions{flex-direction:column;flex:1.2;gap:8px;min-width:0;display:flex}.harmonade-account-actions button{min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e6e9f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.harmonade-account-actions button:last-child{background:#f3f4f8;margin-top:8px}.harmonade-account-details{flex-direction:column;gap:14px;width:100%;display:flex}.harmonade-account-details p{color:#6b758a;margin:0;font-size:13px;line-height:1.6}.harmonade-account-details label{color:#6b758a;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.harmonade-account-details input,.harmonade-account-details textarea{color:#0f1f3d;width:100%;min-height:46px;font:inherit;resize:vertical;background:#fff;border:1px solid #dfe3eb;border-radius:12px;padding:12px 14px;font-size:14px}.harmonade-account-primary,.harmonade-account-secondary,.harmonade-account-store,.harmonade-account-danger{color:#0f1f3d;min-height:48px;font:inherit;cursor:pointer;text-align:center;background:#fff;border:1px solid #dfe3eb;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.harmonade-account-primary{background:#e8e3fa;border-color:#cec6f6;box-shadow:0 8px 24px #0f1f3d1a}.harmonade-account-danger{color:#9c3a36;background:#fff5f2;border-color:#e6c7c3}.harmonade-account-quiet{color:#6b758a;cursor:pointer;min-height:40px;font:inherit;background:0 0;border:0;padding:8px;font-size:12px}.harmonade-account-billing{background:#f3f4f8;border:1px solid #e6e9f0;border-radius:16px;flex-direction:column;gap:8px;padding:18px;display:flex}.harmonade-account-message{color:#0f1f3d;background:#f2effd;border-radius:12px;margin:0 24px 20px;padding:12px 16px;font-size:13px;line-height:1.5}.harmonade-account-message.is-error{color:#9c3a36;background:#fff0ed}.harmonade-account-footer{border-top:1px solid #e6e9f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:16px 24px;display:flex}.harmonade-account-footer a{color:#6b758a;font-size:11px;text-decoration:none}.harmonade-account-dialog button:disabled{opacity:.55;cursor:wait}.harmonade-account-dialog button:hover:not(:disabled),.harmonade-account-store:hover{transform:translateY(-1px)}.harmonade-account-dialog :focus-visible{outline-offset:3px;outline:2px solid #0f1f3d}.harmonade-web-pricing{box-sizing:border-box;color:#0f1f3d;width:100%;max-width:1160px;height:100%;margin:0 auto;padding:28px 32px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:auto}.harmonade-web-pricing-heading{align-items:center;gap:16px;display:flex}.harmonade-web-pricing-heading h1{flex:1;margin:0;font-size:28px}.harmonade-web-pricing>p{color:#6b758a;margin:18px 0 24px;font-size:14px;line-height:1.6}.harmonade-web-plans{flex-direction:column;gap:16px;min-width:0;display:flex}.harmonade-web-plan-currency{background:#f3f4f8;border:1px solid #e6e9f0;border-radius:14px;align-self:center;gap:6px;padding:4px;display:flex}.harmonade-web-plan-currency button{color:#6b758a;cursor:pointer;min-width:90px;min-height:44px;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;font-size:12px;font-weight:700}.harmonade-web-plan-currency button[aria-checked=true]{color:#0f1f3d;background:#fff;border-color:#dfe3eb}.harmonade-web-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.harmonade-web-pricing .harmonade-web-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.harmonade-web-plan{color:#0f1f3d;min-width:0;font:inherit;cursor:pointer;text-align:center;background:#fff;border:1px solid #e6e9f0;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:20px 14px;font-size:12px;line-height:1.4;display:flex;box-shadow:0 12px 32px #0f1f3d0f}.harmonade-web-plan:disabled{opacity:1!important;cursor:default!important}.harmonade-web-plan.is-best{background:#f2effd;border-color:#cec6f6}.harmonade-web-plan-label{font-size:14px;font-weight:700}.harmonade-web-plan-price{overflow-wrap:anywhere;font-size:28px;font-weight:700;line-height:1.4}.harmonade-web-plan-saving{color:#3a5683;font-weight:700}.harmonade-web-plan-cta{color:#0f1f3d;margin-top:auto;padding-top:12px;font-weight:700}.harmonade-web-plan:disabled .harmonade-web-plan-cta{color:#6b758a}.harmonade-web-plans>p{text-align:center;color:#6b758a;margin:0;font-size:12px;line-height:1.6}.harmonade-web-plans .harmonade-web-plans-terms{font-size:11px}@media (width<=900px){.harmonade-web-pricing .harmonade-web-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.harmonade-account-dialog[data-account-page=billing]{width:1120px}.harmonade-account-dialog[data-account-page=billing] .harmonade-web-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.harmonade-account-dialog[data-account-page=billing] .harmonade-account-body{padding:18px 22px}.harmonade-account-dialog[data-account-page=billing] .harmonade-account-details{gap:12px}.harmonade-account-dialog[data-account-page=billing] .harmonade-account-billing{padding:14px}.harmonade-account-dialog[data-account-page=billing] .harmonade-web-plans{gap:12px}.harmonade-account-dialog[data-account-page=billing] .harmonade-web-plan{padding:16px 12px}}@media (width<=600px){.harmonade-account-backdrop{padding:12px}.harmonade-account-dialog{border-radius:22px;max-height:calc(100dvh - 24px)}.harmonade-account-heading{padding:12px 16px}.harmonade-account-heading h2{font-size:18px}.harmonade-account-body{flex-direction:column;gap:18px;padding:18px}.harmonade-account-picture{width:64px;height:64px;font-size:22px}.harmonade-account-voice{max-width:260px;margin-top:4px}.harmonade-account-message{margin:0 18px 18px}.harmonade-account-details input,.harmonade-account-details textarea{font-size:16px}.harmonade-account-footer{gap:16px;padding:8px 16px}.harmonade-account-footer a{align-items:center;min-height:44px;display:flex}.harmonade-web-pricing{padding:20px 16px}.harmonade-web-pricing-heading{gap:10px}.harmonade-web-pricing-heading h1{font-size:24px}.harmonade-web-pricing-heading .harmonade-account-secondary{padding:10px;font-size:11px}.harmonade-web-plan{padding:16px 10px;font-size:11px}.harmonade-web-plan-price{font-size:24px}}.harmonade-site-header .language-button{border:1px solid var(--header-line);background:var(--header-surface);min-width:58px;min-height:44px;color:var(--header-ink);box-shadow:none;border-radius:14px;padding:8px 10px;font-family:inherit}.harmonade-site-header .language-globe{width:18px;height:18px;color:inherit;box-shadow:none;background:0 0;border:0}.harmonade-site-header .language-globe svg{width:18px;height:18px}.harmonade-site-header .language-popover{color:#0f1f3d;background:#fff;border:1px solid #e8edf2;border-radius:18px;padding:12px;box-shadow:0 12px 32px #0f172a1f}.harmonade-site-header .language-search{color:#0f1f3d;height:44px;box-shadow:none;background:#f8fafc;border:1px solid #e8edf2;border-radius:12px;font-size:16px;font-weight:500}.harmonade-site-header .language-search:focus-visible{box-shadow:none;border-color:#94a3b8}.harmonade-site-header .language-menu button{color:#0f1f3d;background:0 0;border-color:#0000;border-radius:10px;min-height:44px;font-weight:500}.harmonade-site-header .language-option-native{font-weight:600}.harmonade-site-header .language-option-english{color:#64748b;font-weight:500}.harmonade-site-header .language-menu button:hover,.harmonade-site-header .language-menu button:focus-visible,.harmonade-site-header .language-menu button[aria-selected=true]{color:#0f1f3d;background:#f1f5f9}.harmonade-site-header .language-button:hover,.harmonade-site-header .language-button:focus-visible,.harmonade-site-brand:hover,.harmonade-site-brand:focus-visible,.harmonade-site-workspace:hover,.harmonade-site-workspace:focus-visible{background:var(--header-hover);box-shadow:none;transform:none}.harmonade-site-header a:focus-visible,.harmonade-site-header button:focus-visible{outline:2px solid var(--header-ink);outline-offset:3px}html[data-harmonade-layout=desktop] [data-testid=harmonade-top-bar] [aria-label=Harmonade\ logo],html[data-harmonade-layout=desktop] [data-testid=harmonade-top-bar] [aria-label="Return to the main menu"]>div:first-child{border-radius:50%;overflow:hidden}html[data-harmonade-layout=desktop] [data-testid=desktop-mode-menu]{min-height:0;overflow-y:auto}@media (width>=640px) and (width<=999px) and (pointer:fine){.harmonade-web-create-account{display:none!important}.harmonade-site-header{grid-template-columns:44px minmax(0,1fr) 106px;gap:12px;padding:9px 12px;display:grid}.harmonade-site-brand{justify-content:center;width:44px;padding:4px}.harmonade-site-brand>span{display:none}.harmonade-site-menu{width:100%}.harmonade-site-header .language-button{min-width:52px;padding:8px}}html[data-harmonade-layout=desktop] [data-testid=harmonade-auth-card]{background:#fff;border:1px solid #e6e9f0;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:center;column-gap:64px;width:880px;max-width:calc(100vw - 96px);padding:48px;display:grid;box-shadow:0 12px 32px #0f1f3d0f}html[data-harmonade-layout=desktop] [data-testid=harmonade-auth-card]>:first-child{grid-area:1/1;place-self:end center}html[data-harmonade-layout=desktop] [data-testid=harmonade-auth-heading]{text-align:center;grid-area:2/1;align-self:start;align-items:center}html[data-harmonade-layout=desktop] [data-testid=harmonade-auth-heading]>div{text-align:center}html[data-harmonade-layout=desktop] [data-testid=harmonade-auth-actions]{grid-area:1/2/3;min-width:300px}.harmonade-app-sidebar{display:none}html[data-harmonade-layout=desktop] .harmonade-app-sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #e6e9f0;flex-direction:column;flex:0 0 168px;gap:8px;padding:16px 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;transition:flex-basis .2s;display:flex}html[data-harmonade-layout=desktop] .harmonade-app-sidebar[data-collapsed=true]{flex-basis:72px}.harmonade-app-sidebar button{color:#475569;min-height:48px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.harmonade-app-sidebar button[aria-current=page]{color:#0f1f3d;background:#cec6f6;border-color:#e6e9f0;box-shadow:0 8px 24px #0f1f3d1a}.harmonade-app-sidebar button:hover{background:#f3f4f8}.harmonade-app-sidebar button:focus-visible{outline-offset:2px;outline:2px solid #0f1f3d}.harmonade-app-sidebar .harmonade-sidebar-toggle{background:#fff;border-color:#e6e9f0;justify-content:center;align-self:flex-end;width:44px;min-height:44px;margin-bottom:8px;padding:0}.harmonade-app-sidebar[data-collapsed=true] button{justify-content:center;padding:10px 0}.harmonade-app-sidebar[data-collapsed=true] button>span{display:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-scroll]>div{grid-template-columns:minmax(0,1fr) auto;align-content:start;display:grid;gap:20px!important;max-width:1320px!important;padding:24px 32px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-scroll]>div:has([data-testid=harmonade-projects-entry-collapsed]){flex-direction:column!important;display:flex!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-scroll]>div:has([data-testid=harmonade-projects-entry-collapsed]) [data-testid=harmonade-projects-toolbar]{align-self:flex-end}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-entry-collapsed]{width:100%}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-toolbar]{grid-area:1/2;align-self:start;padding:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-heading]{grid-area:1/1;align-items:flex-start;gap:0;flex-direction:row!important;padding:0!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-brand],html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-eyebrow]{display:none!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-heading]>:last-child{align-items:flex-start;width:100%}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-heading]>:last-child>div{text-align:left;max-width:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-scroll]>div>:not([data-testid=harmonade-projects-heading]):not([data-testid=harmonade-projects-toolbar]){grid-column:1/-1}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-empty]{justify-self:center;width:100%;max-width:920px}html[data-harmonade-layout=desktop] [data-testid=harmonade-project-list]{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));align-items:start;gap:20px;display:grid!important}[data-testid=harmonade-profile-summary],[data-testid=harmonade-profile-media]{display:contents}[data-testid=harmonade-profile-actions],[data-testid=harmonade-profile-actions]:not([aria-label])>div{min-height:44px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-header]{box-sizing:border-box;border-bottom:1px solid #e8edf2;gap:12px;width:100%;margin:0 auto;padding:18px 32px;max-width:1200px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-header]>:not([aria-label]){text-align:left;min-width:0;font-size:20px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-scroll]>div{box-sizing:border-box;grid-template-columns:240px minmax(0,1fr);align-items:start;width:100%;margin:0 auto;display:grid;gap:32px!important;max-width:1200px!important;padding:28px 32px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-summary]{flex-direction:column;align-items:stretch;gap:14px;min-width:0;display:flex}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-identity]{display:contents}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-avatar-control],html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-avatar]{flex-shrink:0;order:0;align-self:flex-start;width:72px;height:72px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-name]{letter-spacing:-.4px;overflow-wrap:anywhere;order:1;font-size:22px;line-height:28px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-bio]{text-align:left;overflow-wrap:anywhere;order:2;font-size:14px;font-weight:400;line-height:21px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-links]{order:3}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-links]>div{width:44px;height:44px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-stats]{border-top:1px solid #e8edf2;border-bottom:1px solid #e8edf2;flex:none;order:4;width:100%;padding:14px 0}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-stats]>div{min-width:0;min-height:48px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-actions]{order:5}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-media]{border-left:1px solid #e8edf2;flex-direction:column;gap:16px;min-width:0;padding-left:24px;display:flex}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-grid]{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));align-items:start;gap:12px;display:grid}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-grid]:empty{display:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-grid]>div{aspect-ratio:2/3;background:#fff;border:1px solid #e6e9f0;border-radius:6px;min-width:0;overflow:hidden;width:100%!important;height:auto!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-empty]{background:#fff;border-radius:8px;min-height:240px;padding:24px;box-shadow:0 8px 24px #0f1f3d0f}@media (width<=1100px){html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-scroll]>div{grid-template-columns:220px minmax(0,1fr);gap:24px!important;padding:24px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-header]{padding:16px 24px}html[data-harmonade-layout=desktop] [data-testid=harmonade-profile-media]{padding-left:20px}}@media (width>=600px){html[data-harmonade-layout=mobile] [data-testid=harmonade-project-list]{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}html[data-harmonade-layout=mobile] [data-testid=harmonade-profile-header],html[data-harmonade-layout=mobile] [data-testid=harmonade-profile-scroll]>div{box-sizing:border-box;width:100%;margin:0 auto;max-width:1000px!important}html[data-harmonade-layout=mobile] [data-testid=harmonade-profile-grid]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}html[data-harmonade-layout=mobile] [data-testid=harmonade-profile-grid]>div{aspect-ratio:2/3;border-radius:6px;width:100%!important;height:auto!important}}html[data-harmonade-layout=desktop] [data-testid=harmonade-project-entry]{justify-self:center}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-controls]{flex-flow:wrap;align-items:center;gap:12px;width:100%;display:flex!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-controls]>:first-child{order:1}html[data-harmonade-layout=desktop] [data-testid=harmonade-projects-controls]>:last-child{flex:1;order:0;min-width:240px}html[data-harmonade-layout=desktop] [data-testid=harmonade-studio-screen]{align-self:stretch;gap:12px;width:100%;max-width:none!important;padding:16px max(32px,50% - 688px)!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-top-bar]{height:46px;min-height:46px;margin-bottom:0;padding:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-step-header]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:0;padding:12px 18px}html[data-harmonade-layout=desktop] [data-testid=harmonade-step-header]>div:first-child{flex-shrink:0;max-width:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-template-control]{flex:1;justify-content:flex-end}html[data-harmonade-layout=desktop] [data-testid=harmonade-action-dock]{gap:12px;padding:8px;flex-direction:row!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-action-dock]>div{flex:1;min-width:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-template-picker]{width:auto!important;max-width:min(60vw,580px)!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-harmony-workspace]{flex-direction:column;gap:16px;display:flex}html[data-harmonade-layout=desktop] [data-testid=harmonade-lead-mixer]{position:relative}html[data-harmonade-layout=desktop] [data-testid=harmonade-harmony-mixer]{flex-direction:column;gap:12px;display:flex}html[data-harmonade-layout=desktop] [data-testid=harmonade-harmony-mixer]>div{min-width:0;padding:14px}html[data-harmonade-layout=desktop] [data-testid=harmonade-modal-card]{overscroll-behavior:contain;flex-shrink:1;max-height:calc(100dvh - 48px)!important;overflow-y:auto!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-settings-sheet]{min-height:0;margin:24px auto;width:calc(100vw - 64px)!important;max-width:900px!important;max-height:calc(100dvh - 48px)!important}html[data-harmonade-layout=desktop] [role=dialog]{overscroll-behavior:contain;overflow:hidden auto}html[data-harmonade-layout=desktop] [data-testid=harmonade-workspace]{min-height:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-workspace]>div{min-height:100%;padding:0!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-card]{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:12px;display:grid}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-ready]{grid-column:1;min-height:110px}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-actions]{grid-area:2/1}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-slots]{grid-area:1/2/3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-slots]>:first-child{grid-column:1/-1}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-slots]>div{min-width:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-export]{flex-direction:row;grid-column:1/-1;align-items:center;gap:16px}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-export]>:first-child{flex:1;min-width:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-export]>:last-child>div{min-width:140px;flex:none!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-capture-layout]{align-self:center;width:100%;max-width:640px;min-height:0;overflow-y:auto}html[data-harmonade-layout=desktop] [data-testid=harmonade-video-camera] video{object-fit:contain!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]{background:#fff;border-color:#e6e9f0;border-radius:12px;flex-shrink:0;grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;gap:24px;min-height:280px;padding:20px;box-shadow:0 8px 24px #0f1f3d14;display:grid!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]:has([data-testid=harmonade-selfie-row]){grid-template-rows:minmax(110px,1fr) auto;grid-template-columns:auto minmax(0,1fr)}html[data-harmonade-layout=desktop] [data-testid=harmonade-performance-stage]{display:contents}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-lyrics]{background:#f8f6fe;border:1px solid #dfe3eb;border-radius:8px;min-height:110px;padding:20px;height:auto!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-lyrics]>:first-child{font-size:24px;line-height:30px;-webkit-line-clamp:3!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-lyrics]>:last-child:not(:first-child){font-size:14px;line-height:21px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-row]{grid-area:1/1/3;align-items:center;gap:0;margin-right:12px;position:relative}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-row]>:first-child{display:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-frame]{aspect-ratio:9/16;width:auto!important;height:clamp(180px,100dvh - 366px,560px)!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-crop]{border-radius:10px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-actions]{gap:8px;width:44px;position:absolute;top:8px;right:8px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-actions]>div{background:#fff;border-color:#e6e9f0;width:40px!important;height:40px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]:has([data-testid=harmonade-selfie-row]) [data-testid=harmonade-record-lyrics]{grid-area:1/2}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]:has([data-testid=harmonade-selfie-row]) [data-testid=harmonade-record-track]{grid-area:2/2}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-track]{width:100%;min-width:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-track] [data-testid=harmonade-track-wave]{height:120px}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-track] [data-testid=harmonade-track-wave]>:first-child,html[data-harmonade-layout=desktop] [data-testid=harmonade-record-track] [data-testid=harmonade-track-wave]>:first-child>div{height:100%}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-stack]{grid-template-columns:140px minmax(0,1fr);align-items:stretch;gap:16px;min-height:min-content;display:grid;flex:none!important;margin:0!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-stack]:has([data-testid=harmonade-selfie-row]){display:block}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-artwork]{min-height:280px;height:auto!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-stack]>[data-testid=harmonade-record-surface]:first-child{grid-column:1/-1}html[data-harmonade-layout=desktop] [data-testid=harmonade-template-sheet]{border-radius:24px;margin:32px auto;padding:24px;width:calc(100vw - 96px)!important;max-width:1180px!important;max-height:calc(100dvh - 64px)!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-template-list]>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-template-list]>div>:first-child{grid-column:1/-1}html[data-harmonade-layout=desktop] [data-testid=harmonade-song-title],html[data-harmonade-layout=desktop] [data-testid=harmonade-song-artist]{-webkit-line-clamp:unset!important;white-space:normal!important;display:block!important;overflow:visible!important}html[data-harmonade-layout=desktop] [data-testid^=template-card-]{grid-template-columns:44px minmax(0,1fr) 24px;align-content:center;gap:6px 12px;display:grid!important}html[data-harmonade-layout=desktop] [data-testid^=template-card-]>:first-child{grid-area:1/1/span 2}html[data-harmonade-layout=desktop] [data-testid^=template-card-]>:nth-child(2){grid-area:1/2}html[data-harmonade-layout=desktop] [data-testid^=template-card-]>:nth-child(3){text-align:left;grid-area:2/2;justify-self:start}html[data-harmonade-layout=desktop] [data-testid^=template-card-]>:nth-child(4){grid-area:1/3/span 2}@media (width>=1000px) and (width<=1199px){html[data-harmonade-layout=desktop] [data-testid=harmonade-template-list]>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}}html[data-harmonade-layout=desktop] [data-testid=harmonade-voices-sheet]{width:calc(100vw - 96px)!important;max-width:1120px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-voices-list]>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-voices-list]>div>:first-child{grid-column:1/-1}@media (height<=680px){html[data-harmonade-layout=desktop] [data-testid=harmonade-studio-screen]{padding-top:12px!important;padding-bottom:12px!important}html[data-harmonade-layout=desktop] [data-testid=desktop-mode-menu]{gap:16px;padding-top:20px;padding-bottom:20px}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]{padding:16px}}html[data-harmonade-layout=desktop] [data-testid=harmonade-studio-screen]{--studio-rail-width:152px;gap:10px;padding-left:calc(var(--studio-rail-width) + 40px)!important;padding-right:24px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-studio-screen]:has([data-testid=harmonade-stepper-collapsed]){--studio-rail-width:64px}html[data-harmonade-layout=desktop] [data-testid=harmonade-stepper-expanded],html[data-harmonade-layout=desktop] [data-testid=harmonade-stepper-collapsed]{width:var(--studio-rail-width);z-index:2;background:#fff;border-color:#e6e9f0;border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:8px;position:absolute;top:78px;left:20px;box-shadow:0 8px 24px #0f1f3d14}html[data-harmonade-layout=desktop] [data-testid^=harmonade-stepper-]>div{border-radius:8px;flex:none;gap:5px;min-height:74px;padding:10px 6px}html[data-harmonade-layout=desktop] [data-testid^=harmonade-stepper-]>:first-child{background:0 0;align-self:flex-end;width:40px;min-height:40px;padding:0}html[data-harmonade-layout=desktop] [data-testid=harmonade-stepper-collapsed]>div{min-height:48px}html[data-harmonade-layout=desktop] [data-testid=harmonade-stepper-collapsed]>div>div[dir]{display:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-top-bar]{height:40px;min-height:40px}html[data-harmonade-layout=desktop] [data-testid=harmonade-step-header]{min-height:48px;box-shadow:none;background:0 0;border:0;padding:4px 0}html[data-harmonade-layout=desktop] [data-testid=harmonade-step-header]>:first-child:not([data-testid=harmonade-template-control]){display:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-template-control]{justify-content:flex-start}html[data-harmonade-layout=desktop] [data-testid=harmonade-add-selfie]{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:12px;display:flex;position:relative;top:auto;right:auto}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen]{--selfie-full-height:calc(100dvh - 64px);--selfie-full-width:calc(var(--selfie-full-height) * 9 / 16);background:#e8e8e8}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-camera]{width:var(--selfie-full-width);border:1px solid #0f1f3d;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0f1f3d1f;inset:32px auto 32px 32px!important}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-scrim]{display:none}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-hud]{padding:32px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-toolbar]{position:absolute;top:44px;left:44px;right:44px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-center]{width:var(--selfie-full-width);position:absolute;top:90px;bottom:90px;left:32px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-content]{left:calc(var(--selfie-full-width) + 64px);justify-content:center;gap:24px;position:absolute;top:100px;bottom:32px;right:32px;overflow-y:auto}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-content] [data-testid=harmonade-track-wave]{height:140px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-content] [data-testid=harmonade-track-wave]>:first-child,html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-content] [data-testid=harmonade-track-wave]>:first-child>div{height:100%}@media (prefers-reduced-motion:reduce){.harmonade-app-sidebar{transition:none}}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-guide]{background:#fff;border-color:#e6e9f0;border-radius:10px;max-height:none;padding:16px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-lyrics]{background:#fff;border-color:#e6e9f0;border-radius:8px;padding:24px}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-lyrics]>:first-child{color:#0f1f3d}html[data-harmonade-layout=desktop] [data-testid=harmonade-selfie-fullscreen-lyrics]>:last-child:not(:first-child){color:#64748b}@media (height<=680px){html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]{gap:16px;min-height:240px;padding:16px}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-surface]:has([data-testid=harmonade-selfie-row]){grid-template-rows:minmax(80px,1fr) auto}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-lyrics]{min-height:80px;padding:12px}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-lyrics]>:first-child{font-size:20px;line-height:25px}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-track] [data-testid=harmonade-track-wave]{height:96px}html[data-harmonade-layout=desktop] [data-testid=harmonade-record-artwork]{min-height:240px}}html[data-harmonade-layout=desktop] [data-testid=harmonade-guided-capture] [data-testid=harmonade-selfie-frame]{height:clamp(180px,100dvh - 410px,516px)!important}@media (height<=680px){html[data-harmonade-layout=desktop] [data-testid=harmonade-guided-capture] [data-testid=harmonade-record-surface]{grid-template-rows:minmax(70px,1fr) auto}html[data-harmonade-layout=desktop] [data-testid=harmonade-guided-capture] [data-testid=harmonade-record-lyrics]{min-height:70px}html[data-harmonade-layout=desktop] [data-testid=harmonade-guided-capture] [data-testid=harmonade-track-wave]{height:80px}}@media (width<=1150px) and (height>=681px){html[data-harmonade-layout=desktop] [data-testid=harmonade-record-lyrics]{padding:14px}}html[data-harmonade-layout=desktop] [data-testid=harmonade-studio-screen]{transition:padding-left .2s}html[data-harmonade-layout=desktop] [data-testid^=harmonade-stepper-]{transition:width .2s}@media (prefers-reduced-motion:reduce){html[data-harmonade-layout=desktop] [data-testid=harmonade-studio-screen],html[data-harmonade-layout=desktop] [data-testid^=harmonade-stepper-]{transition:none}}[data-testid=harmonade-search-trending] [role=button]{border-color:#e6e9f0}[data-testid=harmonade-trending-video-grid]>[role=button],[data-testid=harmonade-trending-creators]>[role=button]{background:#fff;border-radius:10px;box-shadow:0 8px 24px #0f1f3d0f}@media (width>=1000px){[data-testid=harmonade-trending-video-grid]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid!important}[data-testid=harmonade-trending-video-grid]>[role=button]{width:100%;max-width:none!important}[data-testid=harmonade-trending-creators]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}[data-testid=harmonade-trending-creators]>:first-child{grid-column:1/-1}}@media (width<=430px){div:has(>[data-result-export-action=true]){flex-direction:column!important;align-items:stretch!important}[data-result-export-action=true]{flex:none!important;width:100%!important}}