@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:var(--color-0b100e);--panel:var(--color-121a16);--line:var(--color-29372e);--muted:var(--color-9bab9e);--text:var(--color-eff5ed);--accent:var(--color-b8f782);--round:20px;font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,.wordmark{font-family:'Space Grotesk',system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em}h2{letter-spacing:-.035em}p{line-height:1.7}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding:0 32px}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:22px;letter-spacing:-1px}.brand img{width:42px;height:42px;border-radius:12px}.brand small{font-family:'DM Sans',sans-serif;color:var(--muted);font-size:10px;letter-spacing:2px;margin-left:5px;font-weight:500}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;height:90px;border-bottom:1px solid var(--line)}.navlinks{display:flex;gap:28px;align-items:center;color:var(--color-b7c4ba);font-size:14px}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border-radius:11px;border:1px solid var(--color-35483b);color:var(--text);background:var(--color-1b2820);font-weight:600;font-size:14px;line-height:1.4}.btn:hover{background:var(--color-293b2e)}.btn.primary{color:var(--color-192411);background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:var(--color-cdffa3)}.btn.ghost{background:transparent}.btn.danger{background:var(--color-392126);border-color:var(--color-613741);color:var(--color-ffbdc7)}.btn.small{padding:8px 12px;min-height:38px;font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;font-size:11px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--color-b8f78266)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-top:90px;padding-bottom:85px}.hero h1{font-size:clamp(48px,5.2vw,72px);line-height:1.06;margin:24px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:470px;color:var(--muted);font-size:16px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.fine{color:var(--muted);font-size:12px}.hero .fine{margin-top:18px}.hero-art{position:relative;padding:28px 0 28px 20px;background:radial-gradient(ellipse,var(--color-6c973c22),transparent 70%)}.console{background:var(--color-151f19);border:1px solid var(--color-3b4f3f);border-radius:23px;padding:24px;box-shadow:0 35px 90px var(--color-0008);transform:rotate(-3deg)}.console-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-344739);padding-bottom:18px;margin-bottom:20px;font-size:12px;color:var(--color-9fb0a4)}.live{color:var(--accent);display:flex;gap:6px;align-items:center}.console h3{font-size:23px;margin:0 0 20px}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-pad{min-height:115px;border-radius:13px;border:1px solid var(--color-475a3e);background:var(--color-24331f);color:var(--color-d5f8b6);padding:15px;text-align:left;display:grid;align-content:space-between;gap:15px;font-size:13px}.demo-pad:nth-child(2){background:var(--color-293229);border-color:var(--color-4c594b);color:var(--color-dcddc4)}.demo-pad:nth-child(3){background:var(--color-293132);border-color:var(--color-43575b);color:var(--color-bddde1)}.demo-pad:nth-child(4){background:var(--color-342d25);border-color:var(--color-5d4f3c);color:var(--color-f2d5a9)}.demo-pad[aria-pressed=true]{outline:2px solid var(--accent)}.demo-pad span{font-size:20px}.demo-tip{margin:20px 0 0!important;font-size:11px!important;color:var(--color-98a899)!important}.float-tag{position:absolute;right:-15px;bottom:9px;background:var(--color-e7efdc);color:var(--color-26331f);border-radius:12px;padding:15px 18px;font-size:12px;box-shadow:0 15px 30px var(--color-0005);transform:rotate(3deg)}.usecases{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:15px;color:var(--color-b3c0b6);font-size:13px}.section{padding:85px 0}.section h2{font-size:40px;max-width:650px;line-height:1.15;margin:18px 0}.section-lead{color:var(--muted);max-width:570px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.feature{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--panel)}.feature .number{color:var(--accent);font-family:'Space Grotesk';font-size:12px;letter-spacing:2px}.feature h3{font-size:20px;margin:27px 0 12px}.feature p{font-size:14px;color:var(--muted);margin:0}.library-preview{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.sound-row{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.sound-art{width:45px;height:45px;display:grid;place-items:center;background:var(--color-253820);color:var(--accent);border-radius:13px;font-size:20px}.sound-row .info{flex:1}.sound-row strong{font-size:14px}.sound-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.finish{border:1px solid var(--color-405a36);background:linear-gradient(120deg,var(--color-1d2e1b),var(--color-111a15));border-radius:24px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:60px}.finish h2{font-size:34px;margin:0 0 10px}.finish p{margin:0;color:var(--muted)}.site-footer{padding:30px 0 40px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.auth{min-height:calc(100dvh - 91px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:50px;padding-bottom:80px}.auth h1{font-size:54px;line-height:1.05}.auth p{color:var(--muted)}.auth-card{padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:24px}.auth-card h2{font-size:28px}.auth-card .btn{width:100%;margin:16px 0}.auth-card .lock{font-size:30px;color:var(--accent);margin-bottom:25px}.auth-card ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:2}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100dvh}.sidebar{padding:28px 18px;border-right:1px solid var(--line);background:var(--color-101711);position:fixed;inset:0 auto 0 0;width:228px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding:0 6px;margin-bottom:40px}.nav-label{font-size:10px;color:var(--color-7f9586);letter-spacing:2px;margin:0 14px 12px}.sidelink{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:11px;color:var(--color-a9b8ad);font-size:14px;border:0;background:none;text-align:left;margin:3px 0}.sidelink.active{background:var(--color-263820);color:var(--accent)}.sidelink:hover{background:var(--color-1c2a20)}.sidelink span:first-child{font-size:18px;width:20px;text-align:center}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--color-31422a);color:var(--accent);font-weight:700}.account{display:flex;gap:10px;align-items:center}.account strong{font-size:12px;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{color:var(--muted);font-size:10px}.app-main{grid-column:2;padding:0 40px 130px;max-width:1440px;width:100%;margin:auto}.app-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);height:88px;color:var(--muted);font-size:12px}.workspace-badge{color:var(--color-d1ddce);background:var(--color-1c291e);padding:7px 12px;border-radius:8px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-head{padding:36px 0 28px;display:flex;gap:20px;align-items:center;justify-content:space-between}.page-head h1{font-size:34px;margin:0 0 7px;letter-spacing:-1px}.page-head p{font-size:13px;color:var(--muted);margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:23px}.stat .caption{color:var(--muted);font-size:12px}.stat strong{display:block;font-family:'Space Grotesk';font-size:34px;font-weight:500;margin:12px 0 4px;letter-spacing:-1px}.stat small{font-size:11px;color:var(--color-91a38f)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title h2{font-size:20px;margin:0}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.playlist-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;transition:border-color .15s,transform .15s;min-height:210px}.playlist-card:hover{border-color:var(--color-718962);transform:translateY(-2px)}.playlist-art{height:62px;display:flex;align-items:center;gap:5px;margin:0 0 22px;color:var(--card,var(--color-b8f782))}.playlist-art i{display:block;border-radius:4px;background:currentColor;width:8px;opacity:.8}.playlist-card h3{font-size:18px;margin-bottom:6px;overflow-wrap:anywhere}.playlist-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.empty-state{grid-column:1/-1;text-align:center;padding:55px 25px;border:1px dashed var(--color-41583e);border-radius:20px;background:var(--color-141d15)}.empty-state .empty-icon{font-size:36px;color:var(--accent);margin-bottom:18px}.empty-state h2{font-size:24px;margin-bottom:10px}.empty-state p{color:var(--muted);font-size:14px;max-width:440px;margin:0 auto 22px}.onboarding{margin-top:30px;background:var(--color-1d2c1c);border:1px solid var(--color-3d5431);padding:23px;border-radius:16px;display:flex;gap:20px;align-items:center}.onboarding p{font-size:13px;color:var(--color-c0d2b9);margin:5px 0 0}.onboarding .btn{margin-left:auto;flex-shrink:0}.toolbar{display:flex;gap:12px;margin:0 0 24px}.toolbar input{max-width:430px;flex:1}.input,input,select,textarea{border:1px solid var(--color-354c3b);background:var(--color-0d1710);border-radius:10px;min-height:46px;padding:12px;color:var(--text);max-width:100%}textarea{resize:vertical;min-height:100px}.filters{display:flex;gap:8px;overflow-x:auto;padding:0 0 22px}.filter{white-space:nowrap;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:12px}.filter.active{background:var(--color-273b20);color:var(--accent);border-color:var(--color-4e6d3d)}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sample-card{border:1px solid var(--line);border-radius:17px;padding:22px;background:var(--panel)}.sample-cover{height:100px;background:radial-gradient(ellipse at 40% 30%,var(--color-4a6e3855),transparent),var(--color-1b2a1b);display:flex;justify-content:center;align-items:center;gap:5px;border-radius:10px;margin-bottom:20px;color:var(--accent)}.sample-cover i{width:4px;background:currentColor;border-radius:5px;opacity:.7}.sample-card h3{margin:0 0 6px;font-size:18px}.sample-card p{font-size:12px;color:var(--muted);margin:0 0 16px}.sample-card .credit{font-size:10px;line-height:1.6;color:var(--color-90a394);margin:15px 0 0}.sample-card .credit a{text-decoration:underline}.sample-card .actions{gap:7px}.sample-card .btn{font-size:12px;padding:10px 12px}.board-head{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.pill{font-size:11px;color:var(--color-c5d5ba);background:var(--color-263620);padding:7px 11px;border:1px solid var(--color-415336);border-radius:30px}.pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pad{position:relative;min-height:185px;border:1px solid var(--color-3c4d3f);border-top:3px solid var(--pad);border-radius:16px;background:var(--color-19251c);overflow:hidden}.pad.playing{background:var(--color-273d26);box-shadow:0 0 0 1px var(--pad)}.pad-trigger{width:100%;min-height:185px;border:0;background:none;color:var(--text);padding:18px 16px 52px;text-align:left;display:flex;flex-direction:column;gap:25px;justify-content:space-between}.pad .pad-top{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--pad)}.pad .play-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--color-ffffff0c);font-size:15px}.pad .key{font-size:10px;color:var(--muted)}.pad strong{font-size:15px;overflow-wrap:anywhere}.pad small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.pad-edit{position:absolute;right:10px;bottom:9px;min-width:40px;min-height:35px;border-radius:8px;border:1px solid var(--color-415a45);background:var(--color-283c2c);color:var(--color-d9e6d9)}.transport{position:fixed;bottom:0;left:228px;right:0;background:var(--color-142019f5);backdrop-filter:blur(12px);border-top:1px solid var(--color-3d523e);padding:16px 30px;z-index:6;display:flex;gap:22px;align-items:center;min-height:82px}.nowplaying{flex:1;min-width:0}.nowplaying strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowplaying small{font-size:10px;color:var(--muted)}.volume{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}input[type=range]{accent-color:var(--accent);padding:0;min-height:30px;width:100px;border:0;background:none}.transport .btn{font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;margin-bottom:20px}.field label{font-size:13px;color:var(--color-d2dfd2)}.field small{font-size:11px;color:var(--muted);line-height:1.6}.field input,.field textarea,.field select{width:100%}.form-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:28px;max-width:800px}.profile-heading{display:flex;gap:20px;align-items:center;margin-bottom:30px}.profile-heading .avatar{width:70px;height:70px;font-size:26px;border-radius:22px}.profile-heading h2{margin:0 0 6px;font-size:22px}.profile-heading p{color:var(--muted);font-size:12px;margin:0}.storage-meter{height:5px;background:var(--color-2d3a2c);border-radius:4px;overflow:hidden;margin-top:13px}.storage-meter i{height:100%;display:block;background:var(--accent)}dialog{color:var(--text);background:var(--color-152018);border:1px solid var(--color-455b44);border-radius:22px;width:min(480px,calc(100% - 24px));max-height:88dvh;padding:28px;box-shadow:0 30px 100px var(--color-000a)}dialog::backdrop{background:var(--color-030903c9);backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin-bottom:23px}dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.divider{height:1px;background:var(--line);margin:24px 0}.toast{position:fixed;bottom:100px;right:24px;max-width:calc(100% - 48px);background:var(--color-e1edd7);color:var(--color-1d2a18);padding:14px 20px;border-radius:12px;box-shadow:0 10px 40px var(--color-0007);z-index:30;font-size:13px;line-height:1.5}.toast.error{background:var(--color-ffced1);color:var(--color-4c1420)}.notice{padding:18px;border:1px solid var(--color-6b5d35);border-radius:12px;color:var(--color-e7d7ad);font-size:13px;line-height:1.7;margin-bottom:20px}.loading{padding:80px 20px;color:var(--muted);text-align:center}.error-panel{margin:40px 0;border:1px solid var(--color-76525a);background:var(--color-291b20);padding:30px;border-radius:18px}.error-panel p{color:var(--color-d1a8b4)}.credits{max-width:800px;padding-top:50px;padding-bottom:70px}.credits h1{font-size:40px}.credits article{padding:25px 0;border-bottom:1px solid var(--line)}.credits p{font-size:14px;color:var(--muted)}.credits a{text-decoration:underline;color:var(--accent)}
@media(min-width:1500px){.app-main{padding-left:60px;padding-right:60px}}@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:54px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pads{grid-template-columns:repeat(3,minmax(0,1fr))}.app-main{padding-left:26px;padding-right:26px}.auth{gap:35px}.auth h1{font-size:44px}}@media(max-width:800px){.wrap{padding:0 22px}.navlinks a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:50px;gap:35px}.hero h1{font-size:58px;max-width:550px}.hero-art{max-width:480px;margin:auto;width:100%;padding-left:0}.float-tag{right:0}.usecases{flex-wrap:wrap;font-size:12px;justify-content:center;gap:14px 25px}.feature-grid{grid-template-columns:1fr}.feature{padding:24px}.feature h3{margin-top:18px}.section{padding:55px 0}.section h2{font-size:34px}.library-preview{grid-template-columns:1fr;gap:25px}.finish{padding:30px;display:block}.finish .btn{margin-top:25px}.auth{grid-template-columns:1fr;gap:20px;max-width:540px;margin:auto}.auth h1{font-size:42px}.auth-card{padding:28px}.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:10px 16px;display:flex;flex-direction:row;align-items:center;gap:12px;border-right:0;border-bottom:1px solid var(--line);overflow:auto}.sidebar .brand{margin:0;padding:0;font-size:0;flex-shrink:0}.sidebar .brand img{width:34px;height:34px}.sidebar .brand small,.nav-label,.side-bottom{display:none}.sidebar nav{display:flex;gap:3px}.sidelink{width:auto;white-space:nowrap;padding:10px;font-size:11px;gap:7px;margin:0}.sidelink span:first-child{font-size:15px;width:auto}.app-main{padding:0 20px 155px}.app-top{height:60px;font-size:11px}.page-head{padding:27px 0 24px;align-items:flex-start;flex-wrap:wrap;gap:18px}.page-head h1{font-size:29px}.page-head .actions{width:100%}.page-head .actions .btn{flex:1;font-size:12px}.stats{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}.stat{padding:16px 12px;border-radius:13px}.stat strong{font-size:28px}.stat .caption{font-size:10px}.stat small{font-size:9px}.playlist-grid{gap:12px}.playlist-card{padding:18px;min-height:190px}.playlist-art{height:45px;margin-bottom:18px}.playlist-card h3{font-size:16px}.playlist-card p{font-size:11px}.onboarding{display:block}.onboarding .btn{margin-top:17px}.sample-grid{gap:12px}.sample-card{padding:16px}.sample-card h3{font-size:16px}.sample-cover{height:80px}.sample-card .actions{display:grid;grid-template-columns:1fr}.sample-card .btn{font-size:11px;min-height:40px}.pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pad,.pad-trigger{min-height:170px}.pad-trigger{padding:14px 12px 50px}.transport{left:0;flex-wrap:wrap;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));min-height:105px}.nowplaying{flex-basis:calc(100% - 130px)}.transport .volume{order:3;width:100%;justify-content:space-between}.volume input{flex:1;max-width:240px}.transport .btn{min-height:38px;padding:8px 12px}.settings-grid{grid-template-columns:1fr}.form-panel{padding:22px}.profile-heading .avatar{width:55px;height:55px}.toast{bottom:145px;right:16px;max-width:calc(100% - 32px)}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;max-width:none}.site-footer{gap:20px;flex-wrap:wrap}.section-title h2{font-size:18px}dialog{padding:24px;max-height:86dvh}.finish h2{font-size:28px}}@media(max-width:370px){.hero h1{font-size:46px}.app-main{padding-left:14px;padding-right:14px}.sidelink{padding:9px 7px;font-size:10px}.sidelink span:first-child{display:none}.sample-grid,.playlist-grid{grid-template-columns:1fr}.stats .stat{padding:12px 9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.pad-delete{position:absolute;left:10px;bottom:9px;min-height:44px;padding:8px 10px;border-radius:9px;border:1px solid var(--color-71414b);background:var(--color-351f24);color:var(--color-ffbfc9);font-size:12px;font-weight:600}.pad-edit{min-height:44px;min-width:44px}.pad-trigger{padding-bottom:64px}

.account-list{display:grid;gap:12px}.account-review{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.account-review strong{overflow-wrap:anywhere}.account-review p{margin:6px 0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.account-review small{font-size:11px;color:var(--muted)}.account-status{font-weight:600}.status-pending{color:var(--color-f2d5a9)}.status-approved{color:var(--accent)}.status-blocked{color:var(--color-ffbdc7)}summary{cursor:pointer;font-size:13px;color:var(--muted)}@media(max-width:680px){.account-review{display:block}.account-review .actions{margin-top:16px}.account-review .actions .btn{flex:1}}

.sample-preview{position:fixed;left:248px;right:20px;bottom:96px;z-index:7;display:grid;grid-template-columns:1fr auto;gap:10px 15px;background:var(--color-203125);border:1px solid var(--color-65834e);border-radius:16px;padding:16px;box-shadow:0 12px 40px var(--color-0009)}.sample-preview strong{font-size:14px}.sample-preview p{font-size:12px;color:var(--color-c6d6bc);margin:5px 0 0;line-height:1.4}.sample-preview audio{grid-column:1/-1;width:100%;height:42px}.preview-open .app-main{padding-bottom:280px}.demo-player{margin-top:16px}.demo-player audio{width:100%;height:42px}.demo-player .btn{margin-top:8px}@media(max-width:800px){.sample-preview{left:14px;right:14px;bottom:calc(130px + env(safe-area-inset-bottom));padding:13px;gap:10px}.sample-preview .btn{font-size:10px;padding:8px;min-height:36px}.sample-preview p{font-size:11px}.preview-open .app-main{padding-bottom:340px}}
.pad-trigger{padding-bottom:62px}.library-picker{max-height:50vh;overflow:auto;margin-top:12px}.library-picker>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-ffffff22)}.library-picker>div[hidden]{display:none}.event-exit{display:none}body.event-mode{background:var(--color-080e0b);overflow:auto}body.event-mode .sidebar,body.event-mode .app-top,body.event-mode .transport,body.event-mode .page-head,body.event-mode .board-head,body.event-mode .pad-edit,body.event-mode .pad-delete,body.event-mode .pad-actions,body.event-mode #view>p{display:none!important}body.event-mode .app-shell{display:block}body.event-mode .app-main{margin:0;padding:16px 16px 76px;width:100%;max-width:none}body.event-mode .pads{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}body.event-mode .pad-trigger{min-height:160px;padding-bottom:20px}body.event-mode .event-exit{display:block;position:fixed;right:14px;bottom:14px;z-index:100}body.event-mode .pad.playing{outline:3px solid var(--color-b8f782)}

/* All editing controls share a dedicated row; none overlap the playback button. */
.pad{display:flex;flex-direction:column}.pad-trigger{flex:1;padding-bottom:18px;min-height:150px}.pad-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--color-ffffff18)}.pad-actions .pad-delete,.pad-actions .pad-edit,.pad-drag{position:static;min-width:0;min-height:44px;margin:0}.pad-drag{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;border:1px solid var(--color-415a45);border-radius:8px;background:var(--color-283c2c);color:var(--color-d9e6d9);font-size:25px}.pad.sorting{opacity:.6;outline:2px solid var(--color-b8f782)}.pad.sort-target{outline:3px dashed var(--color-b8f782);outline-offset:3px}.pads[aria-busy=true] .pad-drag{opacity:.4;cursor:wait}body.event-mode .pad-trigger{min-height:160px}

.pad-actions .pad-drag,.pad-actions .pad-edit{flex:0 0 44px}.pad-actions .pad-delete{flex:1 0 64px;padding:8px 4px}

.library-upload-fields{border:0;padding:0;margin:0;min-width:0}.library-upload-fields:disabled{opacity:.65}#library-file-list{max-height:420px;overflow:auto}#library-file-list .field{padding:12px 0;border-bottom:1px solid var(--line)}

.upload-diagnostics{padding:18px;margin-bottom:20px;border:1px solid var(--color-b56871);border-radius:12px;background:var(--color-391e26);color:var(--color-ffdae0);overflow-wrap:anywhere}.upload-diagnostics p{margin:10px 0 0;font-size:14px}.upload-diagnostics strong{display:block}#library-upload-status{white-space:pre-wrap;overflow-wrap:anywhere}