/* SUMO / Silver & Vinyl. Typography and surfaces are shared by all views. */
:root{--bg:#f5f5f7;--paper:#fff;--ink:#1d1d1f;--muted:#86868b;--line:#e7e7ed;--teal:#27272b;--teal-dark:#1b1b1e;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei UI",sans-serif}
body{font:16px/1.65 var(--font);letter-spacing:-.2px;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}h1,h2,h3{font-family:var(--font)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#8190ad99}input,textarea,select{font-size:16px;background:#fafafc;border-color:#dedee5;border-radius:13px}input,select{height:52px}input:focus,textarea:focus,select:focus{border-color:#9999a6;box-shadow:0 0 0 3px #aaaabb13}input::placeholder,textarea::placeholder{color:#96969f}::selection{background:#dedee9}
.topbar{height:78px;background:#fbfbfdc4;border-bottom:1px solid #fff9;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);box-shadow:0 1px 0 #00000005}.topbar-inner,.studio-shell,.home-shell{max-width:1416px;padding-left:44px;padding-right:44px}.brand{font:650 28px/1 var(--font);letter-spacing:-1px;gap:11px}.brand-mark{width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,#48484d,#18181b);box-shadow:inset 0 1px 1px #fff5,0 4px 10px #0001}.brand small{display:none}.header-divider{background:#dddde4;height:21px}.workspace-label{font-size:15px;color:#86868e;letter-spacing:0}.topbar-actions{gap:20px}.preview-badge{font-size:12px;color:#8c8c94;background:#ffffff66;border:1px solid #e3e3ea;border-radius:20px;padding:5px 10px}.preview-badge i{background:#a89f90}.membership{font-size:14px;font-weight:500}.membership small{font-size:12px;color:#909099}.avatar{width:36px;height:36px;background:linear-gradient(140deg,#f0f0f5,#d3d3de);border-color:#fff;color:#797985;font:500 17px var(--font)}.help-button{color:#83838e;background:#ffffffa0;border-color:#e4e4eb}.icon-button{border-radius:50%}.icon-button:hover{background:#eaeaef}.studio-shell{padding-top:39px}.welcome-row{margin-bottom:28px}.welcome-row h1{font-size:40px;font-weight:600;letter-spacing:-1.5px;line-height:1.3}.welcome-note{font-size:17px;color:#8c8c93;margin-top:11px}.homepage-link{font-size:14px;color:#85858f}.workspace-nav{position:sticky;top:89px;min-height:0;width:fit-content;max-width:100%;padding:6px;margin-bottom:26px;border:1px solid #ffffffab;border-radius:22px;background:#e7e7ef9e;box-shadow:inset 0 1px 1px #fff,0 8px 26px #28283306;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%)}.tabs{height:auto;gap:4px}.tabs button{min-width:145px;min-height:48px;padding:11px 20px;border-radius:16px;font-size:16px;color:#858590;font-weight:450;gap:10px}.tabs button:hover{background:#ffffff60;color:#565664}.tabs button[aria-selected=true]{background:#ffffffeb;box-shadow:inset 0 1px 1px #fff,0 2px 7px #1818200d;color:#29292f;font-weight:550}.tabs button[aria-selected=true]::after{display:none}.tabs svg{width:19px;height:19px}.tab-activity{background:#aa9572}.nav-note{display:none}.work-grid{grid-template-columns:minmax(0,1fr) 326px;gap:26px}.work-card{background:#fff;border:1px solid #e9e9ef;border-radius:26px;padding:32px 34px 19px;min-height:750px;box-shadow:0 4px 20px #25253203}.panel-heading{margin-bottom:25px}.panel-heading h2{font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-.7px}.panel-heading p{font-size:15px;color:#909097;line-height:1.8;margin-top:7px}.subtle-chip{font-size:12px;padding:5px 11px;border:0;border-radius:20px;margin-top:6px;background:#f6f6f8;color:#9999a2}.dropzone{min-height:216px;border-color:#d6d6de;border-radius:18px;background:linear-gradient(145deg,#fafafb,#f5f5f8);padding:24px}.dropzone:hover,.dropzone.is-dragging,.dropzone:focus-within{background:#f1f1f6;border-color:#a2a2b0}.upload-emblem{width:50px;height:50px;border:1px solid white;border-radius:16px;background:linear-gradient(145deg,#fff,#e8e8ef);box-shadow:inset 0 1px 0 white,0 5px 13px #1818290a;color:#7b7b86;margin-bottom:13px}.dropzone h3{font-size:21px;font-weight:500;letter-spacing:-.4px}.dropzone p{font-size:15px;color:#a0a0a8}.inline-emphasis{color:#696977}.file-requirements{font-size:13px;color:#a0a0a8}.upload-under{font-size:13px;color:#9999a2;margin:12px 0 23px}.upload-under svg{width:14px;height:14px}.text-button,.upload-under .text-button{font-size:14px;color:#737380;font-weight:400}.text-button:hover{color:#272732}.field{gap:9px}.field label{font-size:15px;font-weight:500}.field label>span{font-size:13px;color:#a0a0a9}.field input{font-size:16px;background:#fafafc}.upload-modes{margin:22px 0 21px}.upload-modes legend{font-size:15px;font-weight:500;margin-bottom:11px}.upload-mode-options{gap:13px}.upload-mode{border-color:#e4e4eb;background:#fafafb;border-radius:15px;padding:15px 17px;gap:8px}.upload-mode:has(input:checked){background:#f4f4f7;border-color:#aaaab5;box-shadow:0 0 0 .5px #aaaab5}.mode-title strong{font-size:16px;font-weight:550}.mode-title em{font-size:11px;color:#887a63;background:#ede8e0;font-family:var(--font);vertical-align:2px}.radio-mark{border-color:#d5d5dd;width:17px;height:17px}.upload-mode:has(input:checked) .radio-mark{border:5px solid #565663}.upload-mode>span:last-child{font-size:13px;color:#92929e;line-height:1.7}.mode-note{font-size:12px;color:#a0a0a9;margin-top:10px}.panel-actions{gap:17px;flex-wrap:wrap}.button{font-size:16px;min-height:48px;padding:12px 23px;border-radius:14px;font-weight:500;gap:13px}.button.primary{background:linear-gradient(#3a3a3e,#212124);border:1px solid #252529;box-shadow:inset 0 1px 0 #fff3,0 3px 9px #27273217;color:white}.button.primary:hover:not(:disabled){background:#42424a;box-shadow:inset 0 1px 0 #fff3,0 5px 14px #27273222}.button.secondary{background:#f4f4f8;border-color:#e2e2ea;color:#747482}.button.secondary:hover{background:#eaeaef}.button svg{width:18px;height:18px}.panel-actions>span{font-size:13px;color:#9999a3}.form-error{font-size:13px;min-height:23px;line-height:1.7;margin-top:9px}.selected-icon{background:#e9e9ef;color:#7f7f8b}.selected-change{font-size:13px;color:#797985}.audio-preview{background:#f0f0f5;border-radius:13px;margin-bottom:20px}.audio-preview audio{height:37px}
.sidebar{gap:23px}.studio-art{padding:25px;min-height:388px;border-radius:26px;background:radial-gradient(ellipse at 0 0,#41414a,transparent 60%),linear-gradient(145deg,#26262c,#161619);box-shadow:0 18px 38px #1d1d2a12;color:white}.art-top{font:11px var(--font);letter-spacing:1.2px;color:#aaaab7}.record-composition{height:207px;margin:18px 0 7px}.record-sleeve{width:156px;height:164px;padding:18px;left:0;top:23px;background:linear-gradient(135deg,#e9e7e1,#c9c5bc);color:#343438;box-shadow:7px 9px 22px #0005;transform:rotate(-8deg)}.record-sleeve>span:first-child{font:550 21px/1.15 var(--font);letter-spacing:-.7px}.record-sleeve small{font:9px var(--font);letter-spacing:.4px;color:#797779}.sleeve-lines{height:43px;width:105px;background:repeating-linear-gradient(0deg,transparent 0 4px,#97948c 4px 5px)}.vinyl{width:194px;height:194px;right:-8px;top:7px;background:repeating-radial-gradient(circle,#171719 0 1px,#323236 1.4px,#151517 2px,#232326 3px);box-shadow:0 10px 24px #0007,0 0 0 1px #53535c40}.vinyl::before{background:conic-gradient(from 0deg,transparent,#ffffff19 43deg,transparent 85deg,transparent 175deg,#ffffff1e 219deg,transparent 257deg);box-shadow:inset 0 0 20px #0006}.vinyl-label{position:relative;width:63px;height:63px;background:linear-gradient(135deg,#cbbda5,#9c8b6f);border:1px solid #e1d6c466;color:#655740}.vinyl-label::after{content:"";width:6px;height:6px;border-radius:50%;background:#25252a;position:absolute;left:28px;top:28px}.vinyl-label svg{width:31px;height:31px;opacity:.22}.studio-art h2{font-size:26px;font-weight:500;letter-spacing:-.6px;line-height:1.5}.studio-art>p{font:14px var(--font);letter-spacing:0;color:#a0a0ad;margin-top:9px}.art-dot{display:none}.aside-card{padding:5px 4px 0;background:transparent;border:0}.aside-title{margin-bottom:18px}.aside-title h2,.help-card h2{font-size:17px;font-weight:550}.status-dot{background:#a89f92}.service-row,.service-row strong{font-size:14px}.service-row{color:#9696a2;margin:11px 0}.service-row strong{color:#676775;font-weight:400}.aside-rule{background:#e1e1e8;margin:19px 0}.aside-note{font-size:13px;color:#9999a4;line-height:1.9}.preview-controls{font-size:13px;color:#82828f;margin-top:17px}.preview-controls label{font-size:13px}.preview-controls select{height:44px;font-size:14px}.help-card{padding:22px 4px 0;border-top:1px solid #e1e1e8}.help-icon{background:#e9e9f0;color:#81818e;width:34px;height:34px;border-radius:11px}.help-card p,.help-card .text-button{font-size:13px;color:#9696a2}.help-card .text-button{color:#737382}.sidebar-footnote{display:none}.task-dock{position:sticky;bottom:16px;z-index:15;background:#ffffffb8;border:1px solid #fff;border-radius:21px;box-shadow:inset 0 1px 0 #fff,0 10px 35px #25253610;backdrop-filter:blur(35px) saturate(150%);-webkit-backdrop-filter:blur(35px) saturate(150%);padding:19px 25px;margin-top:20px;min-height:159px}.dock-label h2{font-size:14px;font-weight:550}.dock-tag{font-size:11px;color:#92929e;background:#ececf266;border-radius:7px;padding:2px 8px}.dock-top>span{font:13px var(--font);color:#7e7e8b;font-variant-numeric:tabular-nums}.dock-description strong{font-size:15px;font-weight:450}.dock-description>span{font-size:12px;color:#a0a0ac}.progress-track{height:4px;background:#e4e4ec;margin:12px 0}.progress-track>span{background:#6b6b78}.dock-bottom>span,.dock-bottom button{font-size:12px;color:#a0a0ac}.dock-bottom button{color:#737383}.task-dock[data-status=failed],.task-dock[data-status=waiting]{background:#ffffffb8}.studio-footer{font-size:12px;color:#aaaab5;border-color:#e1e1e9;margin-top:36px;padding:22px 0 28px}.studio-footer i{background:#bfbfc9}.input-with-icon>svg{color:#9696a3;width:20px;height:20px;left:16px}.input-with-icon input{font-size:16px;padding-left:46px}.link-field{margin-top:35px}.field-caption,.field-caption .text-button{font-size:13px;color:#9999a5}.format-field{margin:35px 0 20px}.format-field legend{font-size:15px;font-weight:500;margin-bottom:13px}.format-options{gap:16px}.format-option{padding:23px;border-radius:18px;min-height:178px;background:#fafafb;border-color:#e5e5ed}.format-option:has(input:checked){border-color:#a8a8b6;background:#f4f4f7;box-shadow:0 0 0 .5px #a8a8b6}.format-top{margin-bottom:15px}.file-format{font:600 26px var(--font);color:#4b4b57;letter-spacing:-.6px}.format-option:has(input:checked) .radio-mark{border-color:#636371}.format-option strong{font-size:16px;font-weight:500}.format-option>span:not(.format-top){font-size:13px;color:#9a9aa7}.format-decoration{width:70px;height:70px;color:#777785;opacity:.04}.info-note{font-size:13px;color:#9999a5;margin-bottom:35px;gap:9px}.info-note svg{width:15px;height:15px}.download-bottom{padding-top:30px;margin-top:28px;border-color:var(--line);gap:20px}.line-number{font:44px var(--font);color:#c6c6d1}.download-bottom strong{font-size:16px;font-weight:450;color:#91919e}.download-bottom p{font-size:13px;color:#a4a4af;margin-top:6px}
.history-toolbar{grid-template-columns:minmax(0,1fr) 145px;margin:30px 0;gap:14px}.history-toolbar input,.history-toolbar select{font-size:15px;height:46px}.history-table-head{font-size:13px;color:#9b9ba7;border-color:var(--line)}.history-item{padding:21px 0;gap:15px;border-color:var(--line)}.history-cover{width:49px;height:49px;border-radius:13px;background:linear-gradient(145deg,#e6e6ef,#f4f4f7);color:#8a8a97}.history-cover.download{background:linear-gradient(140deg,#e9e4dc,#f7f4ef);color:#a19480}.history-item h3{font-size:16px;font-weight:450}.history-item p{font-size:12px;color:#9999a7;margin-top:5px}.history-state{font-size:12px;color:#9696a4}.history-item-actions button{font-size:13px;color:#737382}.history-footer{font-size:12px;color:#a0a0ae;padding:21px 0}.empty-history{font-size:15px;color:#aaaab5}.lyrics-toolbar{margin:30px 0 24px;gap:12px}.lyrics-toolbar label,.lyrics-toolbar select{font-size:14px;color:#888898}.lyrics-toolbar select{height:44px}.lyrics-grid{gap:18px}.lyrics-grid textarea{font-size:16px;height:345px;background:#fafafc}.lyrics-grid+.panel-actions{margin-top:25px}.lyrics-privacy{font-size:13px;color:#aaaab5;margin-top:18px}.app-dialog{width:520px;padding:38px;border-radius:28px;background:#fafafceb;border:1px solid #fff;backdrop-filter:blur(30px);box-shadow:inset 0 1px 0 #fff,0 35px 100px #14142430}.app-dialog::backdrop{background:#25253740;backdrop-filter:blur(8px)}.app-dialog h2{font-size:27px;line-height:1.5;font-weight:550;letter-spacing:-.6px}.app-dialog p,.app-dialog details{font-size:15px;color:#868696;line-height:1.9}.app-dialog details{border-color:#e1e1ea;padding:17px 0}.dialog-eyebrow{display:none}.toast{font-size:14px;background:#33333cdb;border:1px solid #ffffff26;border-radius:17px;padding:14px 24px;backdrop-filter:blur(20px);box-shadow:0 9px 35px #18182422}.mode-switch{background:#e8e8f0;border-radius:13px;padding:4px}.mode-switch button{font-size:14px;color:#9696a5;padding:9px 5px;border-radius:10px}.mode-switch button.active{color:#5b5b6d;background:#fff}.local-connect-button{font-size:14px;min-height:43px}
.home-nav{font-size:15px;color:#9696a4}.landing-hero{min-height:660px;padding:75px 0;gap:70px}.landing-copy .eyebrow{font-size:14px;letter-spacing:0;color:#8c8c97}.landing-copy h1{font-size:68px;letter-spacing:-3px;font-weight:600;line-height:1.3;margin:20px 0 29px}.landing-copy h1 em{font-family:var(--font);font-style:normal;font-weight:600;color:#9696a0}.landing-copy>p:not(.eyebrow){font-size:19px;color:#90909a;line-height:1.8}.landing-actions{margin-top:33px;gap:26px}.landing-actions .button{padding:15px 27px}.landing-actions>a:last-child{font-size:16px;color:#898997}.landing-preview-note{font-size:13px!important;color:#aaaab5!important}.home-format-strip{font-size:14px;color:#aaaab5;margin-top:37px;gap:17px}.home-format-strip span:first-child{font-size:13px}.landing-art{border-radius:32px;padding:38px;min-height:460px;border:1px solid #fff;background:linear-gradient(145deg,#e7e7ed,#ededf2 60%,#e2e2e9);box-shadow:inset 0 1px 0 #fff}.landing-art::after{display:none}.landing-art-top{font-size:12px;color:#a6a6b2;letter-spacing:1px}.landing-art .record-composition{height:312px;margin:20px 0}.landing-art .record-sleeve{width:235px;height:245px;left:5px;top:33px;padding:26px;background:linear-gradient(145deg,#e9e7e0,#cecbc2);box-shadow:9px 16px 28px #27273133}.landing-art .record-sleeve>span:first-child{font-size:34px;letter-spacing:-1.4px}.landing-art .record-sleeve small{font-size:10px}.landing-art .sleeve-lines{width:170px;height:72px}.landing-art .vinyl{width:275px;height:275px;top:17px;right:-10px}.landing-art .vinyl-label{width:86px;height:86px;background:linear-gradient(145deg,#d1c5b0,#a4967d)}.landing-art .vinyl-label::after{top:40px;left:40px}.landing-art .vinyl-label svg{height:43px;width:43px}.landing-art-bottom{font-size:14px;color:#9797a4}.landing-art-bottom span:last-child{font-size:11px}.home-section{padding:55px 0 65px;border-color:#e1e1e9}.eyebrow{font-size:14px;letter-spacing:0;color:#a0a0ad}.section-heading-row h2{font-size:34px;font-weight:550;letter-spacing:-1px}.section-heading-row>p{font-size:16px;color:#a0a0ad}.feature-grid{gap:23px}.feature-card{padding:31px;border-radius:24px;background:#fff;border-color:#ededf3}.feature-card>span{display:none}.feature-card h3{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:4px 0 15px}.feature-card p{font-size:16px;color:#9696a4;line-height:1.9}.feature-card a{font-size:15px;margin-top:25px;color:#777786}.home-faq h2{font-size:34px;line-height:1.5;font-weight:550;letter-spacing:-1px}.home-faq details{padding:23px 0;border-color:#e1e1e9}.home-faq summary{font-size:17px;font-weight:450}.home-faq details p{font-size:15px;line-height:1.9;color:#9696a4}
@media(max-width:1200px){.topbar-inner,.studio-shell,.home-shell{padding-left:30px;padding-right:30px}.work-grid{grid-template-columns:minmax(0,1fr) 285px;gap:23px}.work-card{padding:28px 27px 18px}.studio-art{padding:23px;min-height:371px}.sidebar .record-sleeve{width:136px;height:151px}.sidebar .vinyl{width:170px;height:170px;right:-7px;top:17px}.sidebar .record-composition{height:200px}.studio-art h2{font-size:24px}.tabs button{min-width:137px}.dock-description{align-items:flex-start;flex-direction:column;gap:3px}.landing-hero{gap:37px;min-height:590px}.landing-copy h1{font-size:57px}.landing-copy>p:not(.eyebrow){font-size:17px}.landing-art{padding:27px;min-height:398px}.landing-art .record-sleeve{width:188px;height:208px;padding:21px}.landing-art .record-sleeve>span:first-child{font-size:29px}.landing-art .vinyl{width:235px;height:235px;right:-14px}.landing-art .record-composition{height:280px;margin:10px 0}.landing-art .sleeve-lines{width:137px}.landing-art-bottom span:last-child{display:none}.section-heading-row>p{display:none}.upload-mode{padding:14px}.upload-mode>span:last-child{font-size:12px}.upload-under,.upload-under .text-button{font-size:12px}}
@media(max-width:950px){.sidebar{display:none}.work-grid{grid-template-columns:minmax(0,1fr)}.work-card{min-height:760px;padding:32px}.studio-shell{padding-top:34px}.welcome-row h1{font-size:36px}.workspace-label,.header-divider{display:none}.dock-description{flex-direction:row;align-items:center}.topbar-actions{gap:15px}.landing-hero{gap:30px}.landing-copy h1{font-size:48px}.landing-art .vinyl{width:205px;height:205px}.landing-art .record-sleeve{width:166px;height:185px;left:0}.landing-art .record-composition{height:240px}.landing-art{padding:22px;min-height:351px}.landing-art .record-sleeve>span:first-child{font-size:25px}.landing-art .sleeve-lines{width:115px}.home-nav{display:none}.feature-card{padding:24px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}}
@media(max-width:600px){.topbar{height:69px}.topbar-inner{padding:0 19px}.brand{font-size:25px;gap:9px}.brand-mark{width:36px;height:36px;border-radius:11px}.topbar-actions{gap:10px}.preview-badge{font-size:11px;padding:4px 8px}.membership>span:not(.avatar){display:none}.avatar{width:33px;height:33px;font-size:16px}.studio-shell{padding:30px 17px 0}.welcome-row{margin-bottom:24px}.welcome-row h1{font-size:31px;letter-spacing:-1px}.welcome-note{font-size:15px;margin-top:10px}.homepage-link{font-size:0;margin-top:14px}.workspace-nav{top:79px;min-height:0;border-radius:18px;padding:4px;width:100%;margin-bottom:21px}.tabs{gap:2px;height:auto;width:100%}.tabs button{min-width:0;min-height:46px;flex:1;padding:9px 7px;gap:5px;font-size:13px;border-radius:14px}.tabs svg{width:16px;height:16px}.work-card{padding:25px 22px 17px;border-radius:22px;min-height:748px}.panel-heading{margin-bottom:23px}.panel-heading h2{font-size:26px;letter-spacing:-.6px}.panel-heading p{font-size:14px;line-height:1.8;max-width:260px}.subtle-chip{display:none}.dropzone{min-height:206px;padding:22px 12px;border-radius:16px}.dropzone h3{font-size:20px}.dropzone p{font-size:15px}.file-requirements{font-size:12px;line-height:1.7}.upload-under{gap:12px;align-items:flex-start;margin:13px 0 24px;font-size:12px}.upload-under>span{font-size:12px}.upload-under .text-button{font-size:12px;max-width:150px;line-height:1.7}.field label{font-size:15px}.field input{font-size:16px;height:51px}.field input::placeholder{font-size:14px}.field label>span{font-size:13px}.upload-modes{margin:23px 0 22px}.upload-mode-options{gap:10px}.upload-mode{padding:14px 12px;gap:10px}.mode-title strong{font-size:14px}.mode-title em{display:none}.upload-mode>span:last-child{font-size:12px;line-height:1.8}.mode-note{font-size:12px;margin-top:11px}.button{font-size:15px;padding:12px 20px;min-height:48px;border-radius:13px}.panel-actions{gap:13px}.panel-actions>span{font-size:12px}.form-error{font-size:13px;min-height:21px;margin-top:10px}.task-dock{position:static;padding:19px 21px;border-radius:20px;margin-top:16px;min-height:173px}.dock-description{flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px}.dock-description strong{font-size:15px}.dock-description>span{font-size:12px}.dock-label h2{font-size:14px}.dock-tag{font-size:10px}.dock-bottom{gap:8px}.dock-bottom>span,.dock-bottom button{font-size:12px}.dock-top>span{font-size:12px}.studio-footer{font-size:11px;margin-top:27px;padding:20px 0 24px;flex-wrap:wrap}.link-field{margin-top:27px}.field-caption,.field-caption .text-button{font-size:12px}.input-with-icon input{font-size:16px}.input-with-icon input::placeholder{font-size:14px}.format-field{margin-top:32px}.format-options{gap:12px}.format-option{padding:18px 14px;min-height:178px}.file-format{font-size:25px}.format-option strong{font-size:14px;line-height:1.65}.format-option>span:not(.format-top){font-size:12px;line-height:1.6}.info-note{font-size:12px;line-height:1.8;margin-bottom:30px}.download-bottom{padding-top:31px;margin-top:29px;gap:14px}.download-bottom strong{font-size:15px;line-height:1.8}.download-bottom p{font-size:13px;line-height:1.8}.history-toolbar{grid-template-columns:minmax(0,1fr) 115px;gap:10px;margin:26px 0}.history-toolbar input{font-size:16px}.history-toolbar select{font-size:14px}.history-table-head{font-size:12px}.history-item{gap:12px;padding:20px 0}.history-cover{height:43px;width:43px}.history-item h3{font-size:15px}.history-item p{font-size:12px}.history-item-actions{width:100%;justify-content:flex-end;gap:14px;margin-top:2px}.history-item-actions button,.history-state{font-size:12px}.history-footer{font-size:12px;flex-direction:column;gap:5px}.lyrics-toolbar{gap:10px;margin:25px 0}.lyrics-toolbar label{font-size:14px}.lyrics-toolbar select{font-size:14px;height:44px;max-width:100%;width:100%;order:3}.lyrics-toolbar button{font-size:14px}.lyrics-grid{gap:23px}.lyrics-grid textarea{height:214px;font-size:16px}.lyrics-grid+.panel-actions .button{padding:12px 17px;font-size:14px}.lyrics-privacy{font-size:12px}.app-dialog{padding:34px 26px;border-radius:24px}.app-dialog h2{font-size:25px}.app-dialog p,.app-dialog details{font-size:14px}.toast{font-size:13px}.home-shell{padding:0 22px}.home-page .topbar-actions .button{font-size:13px;min-height:39px;padding:9px 14px}.landing-hero{gap:39px;padding:43px 0 45px}.landing-copy h1{font-size:47px;line-height:1.35;letter-spacing:-1.9px;margin:18px 0 24px}.landing-copy .eyebrow{font-size:12px}.landing-copy>p:not(.eyebrow){font-size:17px}.landing-actions{gap:21px;margin-top:29px}.landing-actions .button{padding:13px 20px}.landing-actions>a:last-child{font-size:14px}.landing-preview-note{font-size:12px!important}.home-format-strip{gap:15px;font-size:12px;flex-wrap:wrap}.home-format-strip span:first-child{font-size:12px}.landing-art{min-height:343px;padding:26px;border-radius:26px}.landing-art .record-composition{height:250px;margin:8px auto;max-width:330px}.landing-art .record-sleeve{width:178px;height:189px;left:0;top:32px}.landing-art .record-sleeve>span:first-child{font-size:26px}.landing-art .vinyl{width:213px;height:213px;right:-6px;top:15px}.landing-art .vinyl-label{height:64px;width:64px}.landing-art .vinyl-label::after{top:29px;left:29px}.landing-art .sleeve-lines{width:123px}.landing-art-top{font-size:10px}.landing-art-bottom{font-size:13px}.home-section{padding:38px 0 44px}.section-heading-row h2{font-size:28px;line-height:1.5}.eyebrow{font-size:12px}.feature-grid{gap:15px}.feature-card{padding:27px;border-radius:22px}.feature-card h3{font-size:22px}.feature-card p{font-size:16px}.feature-card a{font-size:15px}.home-faq h2{font-size:29px}.home-faq summary{font-size:16px}.home-faq details p{font-size:14px}}
@media(max-width:360px){.topbar-inner{padding:0 14px}.brand{font-size:23px}.topbar-actions{gap:7px}.preview-badge{font-size:10px;padding:4px 6px}.studio-shell{padding-left:13px;padding-right:13px}.welcome-row h1{font-size:28px}.welcome-note{font-size:14px}.tabs button{font-size:12px;gap:4px;padding:9px 4px}.tabs svg{width:14px}.work-card{padding:23px 17px 16px}.upload-mode{padding:13px 10px}.mode-title strong{font-size:13px}.panel-actions>span{font-size:12px}.landing-copy h1{font-size:41px}.landing-art .record-sleeve{width:145px;height:179px;padding:17px}.landing-art .vinyl{width:184px;height:184px;right:-8px;top:27px}.landing-art .record-sleeve>span:first-child{font-size:23px}.landing-art .sleeve-lines{width:106px}}
.task-dock{position:relative;bottom:auto}.panel-heading p,.file-requirements,.mode-note,.aside-note,.info-note,.lyrics-privacy{color:#858590}.tab-panel{animation:none}.studio-shell{padding-bottom:0}
@media(prefers-reduced-transparency:reduce){.topbar,.workspace-nav,.task-dock,.app-dialog{background:#fafafc;backdrop-filter:none;-webkit-backdrop-filter:none}}