@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#26262b;background:#f7f7f9;font-synthesis:none;--surface: #fff;--surface-2: #f7f7f9;--ink: #26262b;--muted: #62626b;--border: #e3e3e8;--border-strong: #cfcfd7;--accent: #5b55d6;--accent-soft: #eeedff;--accent-border: #bcb9f5;--danger: #b24727;--success: #147458;--shadow: 0 16px 50px rgba(35, 32, 70, .1);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}.nav{height:64px;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.nav-spacer{flex:1}.nav-link{color:var(--muted);font-size:14px}.nav-link:hover{color:var(--ink)}.logo{display:inline-flex;align-items:center;gap:var(--space-1);font-family:Manrope,sans-serif;font-weight:700}.logo-mark{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:9px;font-size:17px}.logo-accent{color:var(--accent)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;display:inline-flex;justify-content:center;align-items:center;gap:var(--space-1);border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--muted);padding:var(--space-1) var(--space-2);cursor:pointer;font-weight:500;font-size:13px;line-height:1;white-space:nowrap}.button:hover:not(:disabled){background:var(--surface-2)}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:#4c46c7}.button.danger{color:var(--danger);border-color:#dfc3ba;background:#fffaf8}.button.large{min-height:48px;padding:var(--space-1) var(--space-2);font-size:14px}.button.full{width:100%;padding:var(--space-1) var(--space-2)}.button.icon-only{min-width:40px;padding-left:var(--space-1);padding-right:var(--space-1);letter-spacing:1px}.button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed}.icon-button{border:0;background:transparent;border-radius:7px;min-width:30px;height:30px;display:inline-grid;place-items:center;cursor:pointer;color:var(--muted)}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.avatar{width:34px;height:34px;border:0;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;display:grid;place-items:center;cursor:pointer}.avatar.small{width:30px;height:30px;font-size:11px;flex:0 0 auto}.eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.todo-badge{display:inline-flex;align-items:center;width:fit-content;border:1px solid #e8c98e;border-radius:4px;padding:2px 4px;color:#633806;background:#faeeda;font-size:9px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.landing,.auth-page{min-height:100vh;background:radial-gradient(circle at 50% 15%,var(--accent-soft),transparent 35%),#f7f7f9}.hero{max-width:1040px;margin:0 auto;padding:var(--space-12) var(--space-4) 72px;text-align:center}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.05;letter-spacing:-.045em;margin-bottom:var(--space-3)}.hero>p{max-width:650px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:var(--space-1);margin:var(--space-4) 0 var(--space-10)}.landing .hero-actions{margin-bottom:0}.landing-features{padding:var(--space-12) 0 0;border-top:1px solid var(--border);background:#f7f7f9}.landing-features-heading{max-width:760px;margin:0 auto;padding:0 32px;text-align:center}.landing-features-heading h2{margin-bottom:var(--space-2);font-size:clamp(34px,4.5vw,52px);line-height:1.1;letter-spacing:-.04em}.landing-features-heading p{margin:0 auto;color:var(--muted);font-size:17px;line-height:1.65}.feature-showcase{max-width:1120px;margin:0 auto;padding:0 32px}.feature-story{min-height:560px;padding:var(--space-12) 0;display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:center;gap:var(--space-10);scroll-margin-top:64px}.feature-story.reverse .feature-story-copy{order:2}.feature-story-copy{position:relative}.feature-number{position:absolute;top:-45px;left:0;color:#d9d8e2;font:700 11px/1 Manrope,sans-serif;letter-spacing:.12em}.feature-story h2{margin-bottom:16px;font-size:clamp(29px,3vw,40px);line-height:1.12;letter-spacing:-.035em}.feature-story-copy>p{color:var(--muted);font-size:16px;line-height:1.7}.feature-preview{min-height:360px;border:1px solid var(--border);border-radius:18px;background:#ffffffe6;box-shadow:0 24px 70px #2320461a;padding:26px;overflow:hidden}.feature-preview strong,.feature-preview small{display:block}.feature-preview small{color:var(--muted)}.preview-title{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding-bottom:20px}.preview-title i{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#fff;font-style:normal;font-size:20px}.preview-title strong{font-size:15px}.preview-title small{margin-top:0;font-size:10px}.preview-tree{margin-top:var(--space-2)}.preview-tree>div{min-height:53px;display:flex;align-items:center;gap:12px;border-radius:9px;padding:8px 12px}.preview-tree>div:first-child{border:1px solid var(--border);background:var(--surface-2)}.preview-tree>div:not(:first-child){margin-left:32px;border-left:1px solid var(--border);border-radius:0;color:#46464e;font-size:12px}.preview-tree b{color:var(--accent)}.preview-tree strong{font-size:12px}.preview-tree small{margin-top:0;font-size:9px}.preview-toolbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin:0 0 var(--space-2);padding-bottom:14px}.preview-toolbar strong{font-size:13px}.preview-toolbar>span{color:var(--muted);font-size:10px}.preview-commit{position:relative;padding:9px 10px 15px 35px}.preview-commit:before{content:"";position:absolute;left:12px;top:22px;bottom:-12px;width:1px;background:var(--border)}.preview-commit:last-child:before{display:none}.preview-commit>i{position:absolute;left:8px;top:17px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:#fff;z-index:1}.preview-commit>div{padding:11px 12px;border:1px solid transparent;border-radius:9px}.preview-commit.active>div{border-color:var(--accent-border);background:var(--accent-soft)}.preview-commit strong{font-size:12px}.preview-commit small{margin:0 0 var(--space-1);font-size:9px}.preview-commit span{display:flex;gap:6px;align-items:center}.preview-commit code{color:var(--muted);font-size:8px}.preview-commit b{border-radius:4px;padding:2px 5px;color:var(--accent);background:#e6e2f8;font-size:8px}.assets-preview{height:360px;display:flex;flex-direction:column;align-items:stretch;gap:16px;background:linear-gradient(180deg,#faf9ff,#fff);overflow:hidden}.preview-audio,.preview-lyrics{border:1px solid var(--border);border-radius:12px;background:#fff;padding:18px}.preview-audio{flex:0 0 auto}.preview-audio>div:first-child{display:flex;align-items:center;gap:9px}.preview-audio>div:first-child>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.preview-audio p{flex:1;margin:0}.preview-audio strong{font-size:11px}.preview-audio small{font-size:8px;margin-top:0}.preview-play{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:9px}.waveform{margin:var(--space-4) 0 var(--space-1);color:var(--accent);font-size:21px;letter-spacing:1px;white-space:nowrap;overflow:hidden}.preview-audio time{display:block;color:var(--muted);font-size:8px;text-align:right}.preview-lyrics{width:calc(100% - 36px);min-height:220px;align-self:center;flex:0 0 auto;box-shadow:0 12px 28px #2320460f}.preview-lyrics>span{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.08em}.preview-lyrics p{margin:var(--space-2) 0 0;color:#46464e;font:10px/1.85 ui-monospace,monospace}.preview-button{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff!important;padding:6px 9px}.preview-person{min-height:61px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);padding:8px 3px}.preview-person:last-child{border:0}.preview-person i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-style:normal;font-size:11px;font-weight:700}.preview-person span{flex:1}.preview-person strong{font-size:11px}.preview-person small{margin-top:0;font-size:9px}.preview-person b{color:var(--muted);font-size:10px;letter-spacing:2px}.sync-preview{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;place-items:center;align-content:center;background:radial-gradient(circle,var(--accent-soft),#fff 65%)}.sync-device{width:130px;height:170px;border:1px solid var(--border-strong);border-radius:13px;background:#fff;box-shadow:0 12px 30px #23204617;padding:15px;text-align:center}.sync-device>span{width:38px;height:38px;display:grid;place-items:center;margin:0 auto var(--space-3);border-radius:10px;color:#fff;background:var(--accent)}.sync-device div{display:flex;flex-direction:column;gap:7px}.sync-device i{height:5px;border-radius:4px;background:#e8e8ed}.sync-device i:nth-child(2){width:72%}.sync-device small{margin-top:var(--space-3);font-size:7px;font-weight:700;letter-spacing:.12em}.browser-device{transform:translateY(13px)}.browser-device>span{color:var(--accent);background:var(--accent-soft)}.sync-path{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent)}.sync-path i{font-style:normal}.sync-path b{border:1px solid var(--accent-border);border-radius:20px;background:#fff;padding:6px 8px;font-size:7px;white-space:nowrap}.sync-preview>p{position:absolute;bottom:20px;margin:0;color:var(--muted);font-size:9px}.sync-preview>p b{margin-left:var(--space-1);color:var(--success)}.features-cta{margin-top:var(--space-4);padding:var(--space-12) var(--space-4) var(--space-10);text-align:center;background:var(--ink);color:#fff}.features-cta h2{max-width:700px;margin:0 auto var(--space-2);font-size:clamp(32px,4.5vw,52px);letter-spacing:-.04em}.features-cta>p{color:#b7b7c0}.features-cta .hero-actions{margin:var(--space-4) 0 0}.auth-wrap{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:var(--space-4) var(--space-2)}.auth-card{width:min(420px,100%);padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.auth-card .button.full{min-height:48px}.auth-card h1{font-size:24px;margin-bottom:8px}.auth-card>p{color:var(--muted);font-size:14px;margin-bottom:var(--space-3)}.auth-switch{text-align:center;margin:var(--space-2) 0 0!important;font-size:13px!important}.auth-switch a{color:var(--accent);font-weight:600}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.field>span{font-size:12px;font-weight:600}input{width:100%;min-height:48px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:var(--space-1) var(--space-2);outline:none;color:var(--ink)}input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled{background:var(--surface-2);color:var(--muted)}.field small{color:var(--muted);display:flex;align-items:center;gap:6px}.select-control{width:100%;position:relative;display:block}.select-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:48px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:var(--space-1) 40px var(--space-1) var(--space-2);outline:none;color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.select-control select:hover:not(:disabled){border-color:#aaaab5}.select-control select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.select-control select:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.select-arrow{width:22px;height:22px;position:absolute;top:50%;right:9px;display:grid;place-items:center;transform:translateY(-50%);border-radius:6px;background:var(--surface-2);pointer-events:none}.select-arrow:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:translateY(-2px) rotate(45deg)}.select-control:focus-within .select-arrow{background:var(--accent-soft)}.select-control.compact select{min-height:40px;border-color:var(--border);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-2);font-size:12px}.select-control.compact .select-arrow{width:20px;height:20px;right:8px}.app-shell{min-height:100vh}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{border-right:1px solid var(--border);background:#fbfbfc;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.sidebar-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;padding:0 var(--space-1);margin:0 0 var(--space-1)}.sidebar-item{min-height:40px;padding:var(--space-1);border-radius:8px;display:flex;align-items:center;gap:var(--space-1);font-size:13px}.sidebar-item.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.sidebar-item.muted{color:var(--muted)}.recent-label{margin-top:24px}.sidebar-empty{margin:0 var(--space-1);color:var(--muted);font-size:10px;line-height:1.4}.sidebar-recent{display:flex;align-items:center;gap:var(--space-1);margin:0;padding:var(--space-1);border-radius:7px;color:var(--muted);font-size:11px}.sidebar-recent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-recent:hover{color:var(--accent)}.profile-strip{display:flex;gap:var(--space-1);align-items:center;border-top:1px solid var(--border);padding:var(--space-2) 0 0;font-size:12px}.profile-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-content{width:min(100%,994px);margin:16px auto 0;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.workspace-content.has-actions{width:min(100%,1242px);grid-template-columns:minmax(0,930px) 248px;gap:32px}.workspace-main{min-width:0}.actions-sidebar{padding:0;display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:80px}.action-panel{min-width:0}.action-panel-stack{display:flex;flex-direction:column;gap:var(--space-1)}.action-panel .button{min-height:40px}.action-panel-todo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-1)}.rail-field{display:flex;flex-direction:column;gap:var(--space-1)}.rail-field>span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.filter-clear{width:fit-content;border:0;background:transparent;color:var(--accent);padding:var(--space-1) 0;cursor:pointer;font-size:12px;font-weight:600;text-align:left}.filter-clear:hover:not(:disabled){text-decoration:underline;text-underline-offset:2px}.filter-clear:disabled{color:var(--muted);cursor:not-allowed;opacity:.55}.rail-empty{color:var(--muted);font-size:11px;line-height:1.45;padding:var(--space-1)}.rail-recent-song{display:flex;flex-direction:column;gap:4px;border:1px solid transparent;border-radius:8px;padding:var(--space-1)}.rail-recent-song:hover{background:var(--surface-2);border-color:var(--border)}.rail-recent-song strong,.rail-recent-song span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-recent-song strong{font-size:12px}.rail-recent-song span{color:var(--muted);font-size:10px}.dashboard{max-width:930px;margin:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.page-heading h1{font-size:28px;letter-spacing:-.025em;margin-bottom:var(--space-1)}.page-heading p{color:var(--muted);font-size:14px}.latest-update-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.latest-update-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.latest-update-card:hover,.latest-update-card:focus-visible{border-color:#c9c3eb;background:#fdfcff}.latest-update-card:focus-visible{outline:3px solid var(--accent-soft)}.latest-update-path{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--space-1);min-width:0;color:var(--muted);font-size:11px}.latest-update-path a,.latest-update-song-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-update-path a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.latest-update-song-name{color:var(--ink);font-weight:700}.path-separator{color:var(--border-strong);flex:0 0 auto}.latest-update-time{grid-column:2;grid-row:1;justify-self:end;color:var(--muted);font-size:11px;white-space:nowrap}.latest-update-message{grid-column:1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.latest-update-author{grid-column:2;grid-row:2;justify-self:end;align-self:center;max-width:190px}.entity-title h2 a:hover,.entity-title h3 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.entity-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:18px;flex:0 0 auto}.entity-avatar{width:38px;height:38px;position:relative;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:var(--accent);background:var(--accent-soft);border:1px dashed var(--accent-border);font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.entity-avatar>.todo-badge{position:absolute;right:-7px;bottom:-5px;transform:scale(.78);transform-origin:right bottom}.entity-avatar.large{width:64px;height:64px;border-radius:14px;font-size:21px}.entity-title{flex:1;min-width:0}.entity-title h2,.entity-title h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-title h2{font-size:15px}.entity-title h3{font-size:13px}.entity-title p{margin:0;color:var(--muted);font-size:11px}.album-title{display:flex;align-items:center;gap:var(--space-1)}.album-title a{min-width:0;overflow:hidden;text-overflow:ellipsis}.role-badge{color:var(--accent);background:var(--accent-soft);padding:3px 7px;border-radius:5px;font-size:10px;font-weight:600}.owner-role{color:var(--ink);background:var(--surface-2)}.chevron{color:var(--muted);transition:transform .15s;font-size:21px}.chevron.open{transform:rotate(90deg)}.metadata-todo{color:#633806;background:#fdf6e9;border:1px dashed #e6cfa6;padding:var(--space-1);border-radius:7px;display:flex;align-items:center;gap:var(--space-1);font-size:10px;margin-bottom:var(--space-1)}.album-list{display:flex;flex-direction:column;gap:var(--space-2)}.album-block{margin:0}.album-row{min-height:64px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:var(--space-1) var(--space-2);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:border-color .15s,background .15s}.album-row:hover{border-color:var(--accent-border);background:#f7f6fc}.album-node{width:13px;height:13px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--accent);border-radius:50%;background:#fff}.album-node:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.album-row .entity-title p{margin-top:0;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.song-list{margin:0 0 0 var(--space-4);padding:var(--space-1) 0 0 var(--space-2);border-left:1px solid var(--border)}.song-row{min-height:64px;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:#fff;border:1px solid var(--border);border-radius:10px;color:#46464e;font-size:12px}.song-row:hover{background:var(--surface-2)}.song-row>a{flex:1;display:flex;gap:var(--space-1);align-items:center;min-width:0}.song-note{flex:0 0 auto;color:var(--accent)}.song-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.song-latest-update{flex:0 0 auto;color:var(--muted);font-size:10px;white-space:nowrap}.todo-control{color:#9b721c;font-size:9px;border:1px dashed #dfc989;border-radius:5px;padding:3px 5px;white-space:nowrap}.simple-card-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.simple-card{display:flex;align-items:center;gap:var(--space-2);min-height:72px;padding:var(--space-2);border:1px solid var(--border);border-radius:11px;background:var(--surface)}.simple-card:hover{border-color:#c9c3eb;background:#fdfcff}.simple-card .chevron{margin-left:auto}.create-band-page{max-width:880px;margin:0 auto;padding-bottom:70px}.create-band-page>.breadcrumbs{margin-bottom:var(--space-4)}.create-band-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.create-band-heading h1{margin-bottom:8px;font-size:30px;letter-spacing:-.03em}.create-band-heading p{margin:0;color:var(--muted);font-size:14px}.step-indicator{display:flex;align-items:center;flex:0 0 auto;padding-bottom:4px}.step-indicator span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700}.step-indicator span.active{border-color:var(--accent);background:var(--accent);color:#fff}.step-indicator i{width:38px;height:1px;background:var(--border-strong)}.creation-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 30px #2320460d;overflow:hidden}.creation-section{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(310px,1.15fr);gap:var(--space-6);padding:var(--space-4);border-bottom:1px solid var(--border)}.creation-section.compact-section{align-items:center}.creation-section-copy{display:flex;align-items:flex-start;gap:var(--space-2)}.section-number{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-family:Manrope,sans-serif;font-size:9px;font-weight:700}.creation-section h2{margin:0 0 var(--space-1);font-size:15px}.creation-section p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.creation-field,.role-field{margin:0;align-self:center}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.album-type-grid .project-choice:last-child:nth-child(odd){grid-column:1 / -1}.album-type-grid .project-choice>span:first-of-type{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-4)}.project-choice{min-height:112px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);border:1px solid var(--border);border-radius:10px;padding:var(--space-2);cursor:pointer;transition:border-color .15s,background .15s}.project-choice:hover{border-color:var(--accent-border)}.project-choice.selected{border-color:var(--accent);background:#fbfaff;box-shadow:inset 0 0 0 1px var(--accent)}.project-choice input{position:absolute;opacity:0;pointer-events:none}.project-choice>span:nth-of-type(2){display:flex;flex-direction:column;gap:3px}.project-choice strong{font-size:12px}.project-choice small{color:var(--muted);font-size:10px;line-height:1.4}.project-choice>i{width:15px;height:15px;position:absolute;top:13px;right:13px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface)}.project-choice.selected>i{border:4px solid var(--accent)}.choice-icon{color:var(--accent);font-size:20px;line-height:1}.genre-picker{display:flex;flex-wrap:wrap;gap:var(--space-1)}.genre-picker button{min-height:40px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--muted);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:11px}.genre-picker button:hover{border-color:var(--accent-border);color:var(--accent)}.genre-picker button.selected{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent);font-weight:600}.custom-genre{margin:var(--space-2) 0 0}.custom-genre .inline-form input{min-width:0}.creation-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:#fbfbfc}.creation-actions .button.primary{margin-left:auto}.invitation-intro{max-width:540px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-4);text-align:center}.invitation-intro h2{margin-bottom:8px;font-size:22px}.invitation-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.invitation-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 16px;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:23px}.invite-list{margin:0 var(--space-4);border:1px solid var(--border);border-radius:10px;overflow:hidden}.invite-row{display:grid;grid-template-columns:28px minmax(220px,1.5fr) minmax(150px,1fr) 30px;align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border)}.invite-row:first-child{border-top:0}.invite-row .field{margin:0}.invite-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}.invite-remove{align-self:end;margin-bottom:0;font-size:18px}.add-invite-button{display:flex;align-items:center;gap:var(--space-1);margin:var(--space-2) var(--space-4) var(--space-4);border:0;background:transparent;color:var(--accent);padding:var(--space-1) 0;cursor:pointer;font-size:12px;font-weight:600}.add-invite-button span{width:23px;height:23px;display:grid;place-items:center;border:1px dashed var(--accent-border);border-radius:6px;background:var(--accent-soft)}.invitation-card>.notice{margin:0 var(--space-4) var(--space-2)}.creation-result-card{max-width:600px;margin:var(--space-8) auto 0;border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:var(--space-5);box-shadow:var(--shadow);text-align:center}.creation-result-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto var(--space-2);border-radius:50%;background:#e6f5ef;color:var(--success);font-size:22px}.creation-result-card h1{font-size:24px;margin-bottom:var(--space-1)}.creation-result-card>p{color:var(--muted);font-size:13px;line-height:1.55}.failed-invite-list{display:flex;flex-direction:column;gap:4px;margin:var(--space-2) 0 var(--space-3);color:var(--danger);font-size:11px}.detail-page>.breadcrumbs{margin-bottom:var(--space-4)}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.detail-heading>div:first-child{display:flex;align-items:center;gap:var(--space-2);min-width:0}.detail-heading h1{font-size:30px;overflow-wrap:anywhere}.detail-heading p{color:var(--muted);margin:0;font-size:12px}.action-menu{position:relative}.action-menu>summary{list-style:none}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-popup{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:175px;border:1px solid var(--border);border-radius:9px;padding:5px;background:var(--surface);box-shadow:0 10px 30px #1c1c1824}.action-menu-popup button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:6px;padding:7px 9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font-size:12px}.action-menu-popup button:hover:not(:disabled){background:var(--surface-2)}.action-menu-popup button.danger{color:var(--danger)}.action-menu-popup button:disabled{color:var(--muted);cursor:not-allowed;opacity:.75}.detail-section{margin-top:32px}.detail-section>h2{font-size:15px;margin-bottom:var(--space-2)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.section-heading h2{font-size:15px;margin:0}.detail-section .simple-card-list{margin-top:0}.loading{display:flex;justify-content:center;align-items:center;gap:9px;padding:30px;color:var(--muted);font-size:13px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);border-radius:8px;padding:var(--space-1) var(--space-2);margin:var(--space-1) 0;font-size:12px}.notice.error{background:#fae9e9;border:1px solid #ebcaca;color:var(--danger)}.notice button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.empty-state{padding:34px 20px;text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink);margin:var(--space-1) 0;font-size:15px}.empty-state p{margin:0;font-size:12px}.empty-icon{font-size:25px;color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141273;display:grid;place-items:center;z-index:100;padding:var(--space-2)}.modal{width:min(430px,100%);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.modal-header{padding:var(--space-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:15px;margin:0}.modal-body{padding:var(--space-3)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--border);background:#f7f7f9}.page-width{max-width:1060px;margin-left:auto;margin-right:auto}.settings-page{padding:var(--space-6) var(--space-4) var(--space-10)}.band-settings-page>.breadcrumbs{margin-bottom:24px}.settings-identity{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.settings-identity h1{margin:0;font-size:23px}.settings-identity .eyebrow{margin-bottom:var(--space-1)}.settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border)}.settings-tabs a{display:flex;align-items:center;gap:var(--space-1);margin-bottom:0;border-bottom:2px solid transparent;padding:var(--space-1) 0;color:var(--muted);font-size:12px;font-weight:600;transform:translateY(1px)}.settings-tabs a.active{border-bottom-color:var(--accent);color:var(--accent)}.settings-tab-content .settings-card:first-child{border-top:0}.danger-settings{border-color:#e8cccc}.back-button{border:0;background:transparent;color:var(--muted);padding:0;margin-bottom:var(--space-3);cursor:pointer;font-size:12px}.back-button:hover{color:var(--accent)}.settings-card{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6);border-top:1px solid var(--border);padding:var(--space-4) 0}.settings-card h2{font-size:16px;margin-bottom:var(--space-1)}.settings-card>div>p{color:var(--muted);font-size:12px}.settings-form{max-width:580px}.band-details-form>.field{margin-bottom:24px}.band-details-form .settings-choice-grid .project-choice{min-height:102px}.band-details-form>.button{margin-top:0}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.token-reveal{margin:var(--space-2) 0;border:1px solid #d9d2f4;background:var(--accent-soft);border-radius:9px;padding:var(--space-2);display:grid;grid-template-columns:1fr auto;gap:var(--space-1);align-items:center}.token-reveal strong{grid-column:1 / -1;font-size:12px}.token-reveal code{overflow-wrap:anywhere;font-size:11px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--border);padding:var(--space-2) 0}.key-row strong,.key-row small{display:block}.key-row strong{font-size:13px}.key-row small{color:var(--muted);margin-top:0;font-size:10px}.member-list{border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:var(--space-2)}.member-total{display:flex;align-items:baseline;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-2);color:var(--muted);font-size:12px}.member-total strong{color:var(--ink);font-size:16px}.member-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border)}.member-row strong,.member-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row strong{font-size:13px}.member-row small{color:var(--muted);font-size:10px;margin-top:0}.band-member-list{border:0;border-radius:0;margin-bottom:0}.band-member-list .member-row{min-height:64px;grid-template-columns:34px minmax(0,1fr);gap:var(--space-1);border-top:0;border-bottom:1px solid var(--border);padding:var(--space-1) 0}.band-member-list .member-row:last-of-type{border-bottom:0}.member-initial{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:700}.member-role-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.member-role-select{min-width:138px}.member-role-select select{padding-top:var(--space-1);padding-bottom:var(--space-1);font-size:11px}.member-remove-button{flex:0 0 auto;color:var(--muted);font-size:17px}.member-remove-button:hover:not(:disabled){border-color:#dfb6b6;background:#fff5f5;color:var(--danger)}.musical-role{color:var(--ink);font-size:11px;font-weight:600}.member-invite-fields{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:var(--space-2)}.member-expand{width:100%;border:0;border-top:1px solid var(--border);background:var(--surface);color:var(--accent);padding:var(--space-1) var(--space-2);cursor:pointer;font-weight:600;font-size:12px;text-align:left}.member-expand:hover{background:var(--surface-2)}.song-page{padding-bottom:64px}.song-heading{margin-bottom:var(--space-2)}.song-primary-section{border-top:1px solid var(--border);padding:var(--space-3) 0 0;margin-top:var(--space-3)}.song-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.song-section-title h2{margin:0;font-size:15px}.song-section-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.song-asset-meta{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.song-section-title .song-asset-outdated{flex:0 0 auto;border-radius:4px;background:#faeeda;color:#633806;padding:2px 5px;font-size:9px;font-weight:700;text-transform:uppercase}.audio-player{position:relative;min-height:80px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);margin-top:var(--space-1);border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:var(--space-2)}.audio-player-media{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.audio-player-play{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s,transform .15s}.audio-player-play:hover:not(:disabled){background:#4c46c7;transform:scale(1.03)}.audio-player-play:focus-visible,.audio-player-volume-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.audio-player-play:disabled{opacity:.5;cursor:wait}.audio-player-play svg{width:20px;height:20px;fill:currentColor}.audio-player-timeline{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.audio-player-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;min-height:18px;margin:0;border:0;border-radius:0;padding:0;outline:none;background:transparent;cursor:pointer}.audio-player-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress),var(--border) var(--range-progress) 100%)}.audio-player-range::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress),var(--border) var(--range-progress) 100%)}.audio-player-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:0;border:2px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #23204640;transform:translateY(-5px)}.audio-player-range::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #23204640}.audio-player-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.audio-player-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.audio-player-range:disabled{opacity:.55;cursor:not-allowed}.audio-player-times{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.audio-player-volume{display:flex;align-items:center;gap:var(--space-1)}.audio-player-volume-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.audio-player-volume-button:hover{background:var(--surface-2);color:var(--ink)}.audio-player-volume-button svg{width:19px;height:19px;fill:currentColor}.audio-player-volume-button .audio-player-icon-stroke{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.audio-player-volume-range{width:82px}.audio-player-status{position:absolute;top:4px;right:var(--space-2);z-index:1;border-radius:5px;background:#ffffffeb;color:var(--muted);padding:4px var(--space-1);text-align:right;font-size:9px;line-height:1.3;pointer-events:none}.audio-player-error{border-color:#dfc3ba;background:#fffaf8}.audio-player-error-message{color:var(--danger);background:#fffaf8f0}.song-placeholder{min-height:88px;border:1px dashed var(--border-strong);border-radius:9px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;padding:var(--space-2);text-align:center;font-size:12px}.song-placeholder-stack{flex-direction:column;gap:var(--space-1)}.inline-link{border:0;background:transparent;color:var(--accent);padding:0;cursor:pointer;font:inherit;font-weight:600}.inline-link:hover{text-decoration:underline;text-underline-offset:2px}.instruction-copy{display:flex;flex-direction:column;gap:var(--space-1);color:var(--muted);font-size:13px;line-height:1.55}.instruction-copy p{margin:0}.instruction-copy code{display:block;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--ink);padding:var(--space-1) var(--space-2);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.song-text-block{max-height:520px;overflow:auto;margin:0;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:var(--space-2);color:var(--ink);font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.song-history-section{border-top:1px solid var(--border);padding-top:var(--space-3)}.song-history-section .commit-toolbar{margin-bottom:var(--space-2)}.song-history-section .commit-list{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:var(--space-2) var(--space-2) 0}.load-more-link{display:inline-flex;margin-top:var(--space-1);border:0;background:transparent;color:var(--accent);padding:4px 0;cursor:pointer;font-size:12px;font-weight:600}.load-more-link:hover:not(:disabled){text-decoration:underline;text-underline-offset:2px}.load-more-link:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.commit-detail-inline{margin-top:var(--space-2);border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:var(--space-2)}.commit-detail-inline header{border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.commit-detail-inline h3{margin:0 0 var(--space-1);font-size:15px}.commit-detail-inline p{margin:0;color:var(--muted);font-size:10px}.commit-detail-inline code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.commit-asset-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.commit-asset-preview{padding-top:0;border-top:0}.commit-asset-title{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-1)}.commit-asset-title strong{font-size:12px}.commit-asset-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.commit-play-button{width:fit-content}.commit-text-block{max-height:6.4em;overflow:hidden;margin:0;border:0;border-radius:0;background:transparent;padding:0;color:var(--ink);font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.commit-text-block.expanded{max-height:420px;overflow:auto}.breadcrumbs{display:flex;align-items:center;gap:var(--space-1);color:var(--muted);font-size:12px;min-width:0}.breadcrumbs strong{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs a:hover{color:var(--accent)}.commit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.tag-filters{display:flex;flex-wrap:wrap;gap:5px}.tag-filters button{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:4px 8px;font-size:10px;cursor:pointer}.tag-filters button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.check{color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px}.check input{width:auto}.commit-row{border:0;width:100%;text-align:left;background:transparent;padding:0 0 10px 22px;position:relative;display:block}.commit-dot{position:absolute;top:15px;left:4px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:#fff;z-index:1}.commit-line{position:absolute;top:23px;bottom:-16px;left:8px;width:1px;background:var(--border)}.commit-row:last-child .commit-line{display:none}.commit-card{width:100%;display:grid;grid-template-columns:1fr auto;gap:5px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;padding:11px;text-align:left;cursor:pointer}.commit-row:hover .commit-card{background:#f7f7f9}.commit-row.selected .commit-card{background:var(--accent-soft);border-color:var(--accent-border)}.commit-row.deleted{opacity:.6}.commit-title{font-size:12px;font-weight:600}.commit-card time{color:var(--muted);font-size:9px}.commit-meta{grid-column:1;display:flex;gap:5px;align-items:center}.commit-meta code{color:var(--muted);font-size:9px}.commit-author{grid-column:2;justify-self:end;min-width:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tag{border-radius:4px;padding:2px 5px;color:var(--accent);background:#e6e2f8;font-size:8px}.deleted-tag{color:var(--danger);background:#fee5e5}.commit-actions{display:flex;gap:var(--space-1);margin-top:var(--space-3)}@media(max-width:760px){.nav{padding:0 var(--space-2)}.hero{padding-top:var(--space-8)}.hero-actions{margin-bottom:var(--space-6)}.workspace{grid-template-columns:1fr}.sidebar{display:none}.workspace-content,.workspace-content.has-actions{width:100%;margin-top:0;padding:var(--space-4) var(--space-2) var(--space-8);display:flex;flex-direction:column;gap:var(--space-2)}.actions-sidebar{order:2;border-top:1px solid var(--border);padding-top:var(--space-2);position:static}.action-panel-stack{flex-direction:row;flex-wrap:wrap}.action-panel .button{width:auto}.dashboard{padding:0}.dashboard-heading{align-items:center}.latest-update-card{grid-template-columns:minmax(0,1fr) auto}.settings-card{grid-template-columns:1fr;gap:var(--space-2)}.settings-page{padding:var(--space-4) var(--space-2) var(--space-8)}.song-list{margin-left:var(--space-1)}.detail-heading{align-items:flex-start;flex-direction:column}.create-band-page{padding-bottom:0}.create-band-heading{align-items:flex-start}.creation-section{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3) var(--space-2)}.invite-row{grid-template-columns:28px minmax(0,1fr) 30px}.invite-row .field:nth-of-type(2){grid-column:2}.invite-remove{grid-column:3;grid-row:1;align-self:center;margin:0}.invite-list{margin:0 var(--space-2)}.add-invite-button{margin-left:var(--space-2)}.creation-actions{padding:var(--space-2)}.feature-story,.feature-story.reverse{min-height:0;grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-10) 0}.feature-story.reverse .feature-story-copy{order:initial}.feature-showcase{padding:0 var(--space-2)}.feature-preview{min-height:330px}.feature-number{top:-32px}.landing-features{padding-top:72px}.landing-features-heading{padding:0 var(--space-2)}}@media(max-width:480px){.hero h1{font-size:39px}.hero-actions{flex-direction:column}.nav-link{display:none}.page-heading{align-items:stretch;flex-direction:column}.dashboard-heading .button{align-self:flex-start}.entity-icon{width:32px;height:32px}.album-row{padding-left:var(--space-1)}.todo-control{display:none}.modal-backdrop{padding:var(--space-2)}.inline-form{flex-direction:column}.token-reveal{grid-template-columns:1fr}.commit-toolbar{align-items:flex-start;flex-direction:column}.create-band-heading{margin-bottom:var(--space-3)}.create-band-heading h1{font-size:25px}.step-indicator{display:none}.choice-grid{grid-template-columns:1fr}.creation-actions{align-items:stretch;flex-direction:column-reverse}.creation-actions .button{width:100%;margin:0}.invite-row{grid-template-columns:minmax(0,1fr) 30px}.invite-number{display:none}.invite-row .field{grid-column:1}.invite-remove{grid-column:2}.invitation-intro{padding:var(--space-4) var(--space-2) var(--space-3)}.creation-result-card{margin-top:var(--space-3);padding:var(--space-4) var(--space-2)}.feature-story h2{font-size:29px}.feature-preview{min-height:300px;padding:var(--space-2)}.assets-preview{height:300px;gap:var(--space-2)}.preview-lyrics{width:calc(100% - 16px);min-height:210px}.waveform{margin-top:var(--space-3)}.sync-preview{grid-template-columns:1fr 60px 1fr}.sync-device{width:96px;height:148px}.sync-path b{display:none}.features-cta{padding:var(--space-10) var(--space-2) var(--space-8)}.features-cta .hero-actions{flex-direction:column}.audio-player{grid-template-columns:48px minmax(0,1fr);gap:var(--space-2);padding:var(--space-2)}.audio-player-play{width:48px;height:48px}.audio-player-volume{grid-column:2;margin-top:0;transform:translateY(-3px)}.audio-player-volume-range{width:min(120px,100%)}.audio-player-status{top:2px;right:var(--space-2)}}@media(max-width:360px){.nav{gap:var(--space-1);padding:0 var(--space-1)}.nav .logo>span:last-child{display:none}}