:root{--red:#ae3833;--red-dark:#8c2928;--ink:#30272b;--muted:#83777a;--line:#e7dedd;--bg:#f7f3f0;--surface:#fff;--soft:#fbf4f1;--burgundy:#2d171b;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.skip{position:absolute;left:20px;top:-80px;z-index:10;padding:12px;background:#fff}.skip:focus{top:10px}.top{background:var(--burgundy);color:#fff}.top-inner,.nav-inner{max-width:1240px;margin:auto;padding-inline:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-inner{min-height:96px;padding-block:22px}.brand{display:flex;align-items:center;gap:13px;color:#fff;font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.7px}.brand:hover{text-decoration:none}.brand small{display:block;margin-top:8px;color:#c7a6aa;font-size:8px;letter-spacing:2.7px;font-weight:600}.brand-mark{width:43px;height:46px;display:grid;place-items:center;background:#cc6452;color:#2d171b;border-radius:16px 16px 4px 4px;transform:rotate(-6deg);font-size:20px;letter-spacing:-1.5px;font-weight:850}.header-links{display:flex;align-items:center;gap:25px;font-size:11px}.header-links a{color:#eedddd}.header-links .signout{border:1px solid #ffffff30;padding:8px 14px;border-radius:5px}.header-links a:hover{color:#fff}.nav-inner{min-height:57px;border-top:1px solid #ffffff16}.top nav{display:flex;align-items:stretch;gap:32px}.top nav a{position:relative;padding:16px 0;color:#ba9da3;font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px;text-decoration:none}.top nav a>span{font-size:17px;line-height:1}.top nav a.current,.top nav a:hover{color:#fff}.top nav a.current:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#e49479}.workspace-label{font-size:8px;letter-spacing:1.8px;color:#9f7e85}.container{max-width:1240px;margin:auto;padding:42px 36px 80px;min-height:72vh}.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:34px}.eyebrow{color:var(--red);font-size:9px;letter-spacing:1.7px;font-weight:800}.studio-intro h1{font-size:clamp(30px,3.3vw,45px);line-height:1.15;letter-spacing:-1.9px;margin:12px 0}.studio-intro p{font-size:12px;color:var(--muted);max-width:560px;margin:0}.studio-badge{flex-shrink:0;border:1px solid var(--line);border-radius:6px;padding:14px 17px;font-size:10px;background:#ffffff90;color:#635356}.studio-badge>span{font-size:8px;color:#7c8b66;margin-right:5px}.studio-badge small{display:block;font-size:9px;color:var(--muted);margin:4px 0 0 14px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.panel{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;box-shadow:0 4px 18px #38202503}.panel h3{font-size:14px;letter-spacing:-.2px;margin:0 0 18px}.sidebar{display:grid;gap:18px;position:sticky;top:22px}.sidebar>.panel{padding:23px}.record{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px;min-width:0}.record-art{position:relative;flex-shrink:0;width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--line);background:var(--soft);border-radius:8px;overflow:hidden}.record-art>span{color:#a35b51;font-size:23px;font-weight:800;letter-spacing:-1px}.record-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.record-art img[hidden]{display:none}.record>div:last-child{min-width:0}.record h2{font-size:19px;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere;margin:5px 0}.record p{font-size:11px;color:var(--muted);margin:0 0 5px}.record a{font-size:10px}.current-file{padding:12px 15px;border:1px solid #eeddd6;background:var(--soft);border-radius:6px;font-size:11px;margin-bottom:25px;overflow-wrap:anywhere;color:#87685f}.current-file a{font-weight:650;margin-left:4px}.fields-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.field{margin-bottom:20px}label{display:block;font-weight:650;font-size:11px;margin:0 0 19px;color:#54484c}label input:not([type=checkbox]),label select{display:block;margin-top:8px}input:not([type=checkbox]),select{width:100%;min-height:45px;padding:11px 13px;border:1px solid #ddd2d2;border-radius:6px;background:#fff;color:var(--ink);outline:none;font-size:12px;transition:border-color .15s,box-shadow .15s}input[readonly]{background:var(--bg)}input:focus,select:focus{border-color:#bb7770;box-shadow:0 0 0 3px #ae38330c}input[type=file]{font-size:11px;padding:9px;background:#fff}input[type=file]::file-selector-button{padding:8px 11px;border:0;border-radius:4px;background:#f3e9e5;color:#7d453e;margin-right:10px;font:600 10px inherit;cursor:pointer}.help{font-size:10px;color:var(--muted);line-height:1.6;margin:7px 0 0;font-weight:400}.field>label{margin-bottom:6px}.checkbox{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;margin:18px 0 24px}.checkbox input,.track input{accent-color:var(--red);width:16px;height:16px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--red);border:1px solid var(--red);border-radius:6px;color:#fff;min-height:44px;padding:11px 21px;font-size:11px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s}.btn:hover{background:var(--red-dark);color:#fff;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--red);border-color:#e1c9c5}.btn.secondary:hover{background:var(--soft)}.panel>form>.btn{min-width:185px}.sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px;margin:0;font-size:11px}.sidebar dt{color:var(--muted)}.sidebar dd{text-align:right;font-weight:650;margin:0;overflow-wrap:anywhere}.danger{border-color:#e8ceca;background:#fffaf8}.danger h3{color:#964a40}.danger .btn{font-size:10px;min-height:38px}.alert{padding:15px 18px;border:1px solid var(--line);border-radius:7px;margin:0 0 22px;font-size:12px}.alert.error{background:#fff1ed;color:#973d32;border-color:#edcfc6}.alert.success{background:#eef4eb;color:#4d6742;border-color:#d7e3d0}.alert.warning{background:#fcf5e7;color:#8e703b}.success-links{font-size:12px;margin:0 0 20px}.auth-card{max-width:480px;margin:45px auto 70px;padding:38px;background:white;border:1px solid var(--line);border-radius:12px}.auth-card h1{font-size:34px;line-height:1.15;letter-spacing:-1.3px}.auth-card p{font-size:13px;color:var(--muted);margin-bottom:27px}.auth-card .btn{width:100%}.headline{margin-bottom:25px}.headline h2{font-size:22px;letter-spacing:-.5px}.headline p{font-size:12px;color:var(--muted)}.inline-lookup{display:flex;align-items:end;gap:16px}.inline-lookup label{flex:1;margin:0}.track-list{border:1px solid var(--line);border-radius:7px;margin-bottom:22px;overflow:hidden;counter-reset:tracks}.track{display:flex;align-items:center;gap:13px;margin:0;padding:14px 16px;border-bottom:1px solid #eee7e5;cursor:pointer;counter-increment:tracks}.track:last-child{border-bottom:0}.track:hover{background:#fcf9f7}.track:has(input:checked){background:#fcf8f5}.track>span{min-width:0}.track strong{font-size:11px;display:block;overflow-wrap:anywhere}.track small{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:3px}.track:after{content:counter(tracks,decimal-leading-zero);margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:#b7a29a}.track[hidden]{display:none}.muted{color:var(--muted);font-size:12px;padding:14px}.foot{max-width:1168px;margin:auto;border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8e7c80}.foot strong{color:#695458;font-size:12px}.foot small{display:block;text-align:right;font-size:9px}.footer-label{font-size:8px;letter-spacing:1.4px;margin-left:9px}.upload-drop{border:1px dashed #d4b8ae;border-radius:8px;background:#fcf8f5;padding:20px 17px;margin-top:10px}.upload-drop.dragging{background:#f5e3db;border-color:var(--red)}.upload-drop strong{font-size:12px;display:block;margin-bottom:4px;color:#674c47}.upload-drop p{font-size:10px;font-weight:400;color:var(--muted);margin:0 0 12px}.file-status{font-size:10px;font-weight:500;color:#947565;display:block;margin-top:9px;overflow-wrap:anywhere}.filename-preview{background:var(--soft);border:1px solid #efe1db;border-radius:6px;padding:11px 13px;margin:8px 0 22px;font-size:10px;color:#937a71}.filename-preview strong{font-size:9px;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:4px}.filename-preview code{color:#734e46;font:11px/1.6 inherit;overflow-wrap:anywhere}.track-tools{border:1px solid var(--line);border-radius:7px;padding:13px;background:#faf7f4;margin-bottom:13px}.track-tools>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.track-tools button{border:1px solid #dfd0c9;border-radius:4px;background:#fff;color:#78574e;padding:5px 9px;font-size:10px;min-height:30px}.selection-status{font-size:10px;color:#9d6e5c;margin-left:auto}.form-status{font-size:11px;color:#8d675b;margin:12px 0 0}.form-status:empty{display:none}.studio-tip{padding:20px 22px;border:1px solid #e5d7cb;border-radius:8px;background:#eee6dc}.studio-tip small{font-size:8px;letter-spacing:1.4px;color:#9b7660;font-weight:bold}.studio-tip h3{font-size:17px;line-height:1.3;letter-spacing:-.5px;margin:10px 0}.studio-tip p{font-size:10px;color:#8e7769;margin:0}a:focus-visible,button:focus-visible{outline:3px solid #c78469;outline-offset:4px}[hidden]{display:none!important}@media(max-width:1000px){.columns{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.studio-badge{display:none}.panel{padding:23px}.top-inner,.nav-inner{padding-inline:25px}.container{padding:32px 25px 65px}.foot{margin-inline:25px}.workspace-label{font-size:7px}}@media(max-width:770px){.columns{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .studio-tip{grid-column:1/-1}.studio-intro{margin-bottom:25px}.studio-intro h1{font-size:34px}.studio-intro p{font-size:12px}.workspace-label{display:none}.top-inner{min-height:84px;padding-block:18px}.top nav{gap:28px}.record h2{font-size:18px}.foot{font-size:9px}}@media(max-width:480px){.top-inner,.nav-inner{padding-inline:20px}.brand{font-size:18px;gap:10px}.brand-mark{width:35px;height:39px;font-size:18px}.brand small{font-size:7px;letter-spacing:1.9px}.header-links{gap:10px;font-size:9px}.header-links .signout{padding:6px 8px}.header-links a:first-child{max-width:50px;line-height:1.4}.top nav{width:100%;justify-content:space-between;gap:20px}.top nav a{font-size:11px;padding-block:14px}.container{padding:27px 16px 45px}.studio-intro h1{font-size:31px;letter-spacing:-1.3px;margin-block:10px}.studio-intro .eyebrow{font-size:8px}.studio-intro p{font-size:11px;line-height:1.7}.panel{padding:20px 17px;border-radius:8px}.record{gap:12px;padding-bottom:20px;margin-bottom:20px}.record-art{width:61px;height:65px;border-radius:5px}.record h2{font-size:16px}.record .eyebrow{font-size:8px;letter-spacing:1px}.record a,.record p{font-size:10px}.fields-two{grid-template-columns:1fr;gap:0}.sidebar{grid-template-columns:1fr}.sidebar .studio-tip{grid-column:auto}.current-file{font-size:10px}.panel>form>.btn{width:100%;min-height:46px}.track{padding:12px 10px;gap:10px}.track strong{font-size:10px}.track small{font-size:9px}.track:after{font-size:9px}.selection-status{margin-left:0;flex-basis:100%;margin-top:3px}.upload-drop{padding:16px 12px}.upload-drop p{font-size:9px}.inline-lookup{flex-direction:column;align-items:stretch}.auth-card{padding:25px;margin-top:15px}.auth-card h1{font-size:29px}.foot{margin-inline:16px;flex-direction:column;gap:12px}.foot small{text-align:left}.btn{font-size:11px}.footer-label{margin-left:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.track[data-order]:after{content:attr(data-order)}

.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-card .auth-help{font-size:10px;text-align:center;margin:21px 0 0}.auth-card input{font-size:14px}.auth-card .alert{font-size:11px}.auth-card h1{margin:12px 0}.auth-card form .btn{width:100%}
