:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eee7ee;background:#130f18;font-synthesis:none;color-scheme:dark;font-size:14px;font-weight:400;--muted:#b4a8ba;--faint:#8d7f96;--line:#332a3b;--lavender:#c6b0e9}*{box-sizing:border-box}body{margin:0;min-width:375px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d4bdf4;outline-offset:5px}::selection{color:#130f18;background:#c6b0e9}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#49394e;border-radius:5px}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .18s ease,color .18s ease,border-color .18s ease}button:hover:not(:disabled){color:#fff}input{accent-color:#c6b0e9}input[type=range]{width:100%;height:24px;cursor:pointer;background:transparent;margin:0;appearance:none;min-width:0}input[type=range]::-webkit-slider-runnable-track{background:#4b3d55;height:3px;border-radius:3px}input[type=range]::-moz-range-track{background:#4b3d55;height:3px;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#cfb8ec;margin-top:-4px;box-shadow:0 1px 5px #0004}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#cfb8ec}output{font-variant-numeric:tabular-nums}input,select{caret-color:#c6b0e9}input::placeholder{color:#a394ad}.header{max-width:1440px;margin:auto;padding:27px 56px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2232}.brand{display:flex;align-items:center;gap:7px;font-size:28px;letter-spacing:-1.1px;font-weight:550}.brand-mark{display:flex;align-items:center;color:#c6b0e9;margin-right:5px}.brand-tail{font-weight:350;color:#b7a7c2}.header-right{display:flex;align-items:center;gap:43px}.local-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px;letter-spacing:.15px}.local-note>span{height:5px;width:5px;background:#b0b99a;border-radius:50%}.help-button{display:flex;gap:8px;align-items:center;color:#bdb0c6;font-size:12px;min-height:44px}.help-button:hover{color:#e4d5ee}main{max-width:1328px;padding:0 24px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 38px}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:43px;letter-spacing:-1.3px;line-height:1.15;color:#f2e6df}h1 em{color:#c2accf;font-weight:400}.intro p{font-size:13px;color:var(--muted);margin-top:14px;letter-spacing:.1px}.headphone-note{display:flex;align-items:center;gap:12px;color:#9f91aa;font-size:10px;line-height:1.7;padding-right:3px}.headphone-note strong{color:#c1b2ca;font-weight:400}.workspace{display:grid;grid-template-columns:374px minmax(0,1fr);gap:36px;align-items:start}.library{padding-top:4px}.section-heading,.room-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2,.room-heading h2,.mixes-heading h2{font-size:15px;font-weight:500;letter-spacing:-.1px}.section-heading>span{font-size:10px;color:#a597ae}.filters{display:flex;gap:6px;padding:20px 0 16px}.filters button{min-height:36px;padding:0 15px;border-radius:7px;font-size:11px;color:#b6a6c0;white-space:nowrap}.filters button:hover{background:#241c2d}.filters button.active{background:#35283f;color:#e5d9ee}.sound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sound-tile{position:relative;background:#1c1722;border:1px solid #302636;border-radius:11px;height:77px;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;color:#a99bb4}.sound-tile>svg{color:var(--sound);opacity:.8}.sound-tile>span:last-child{font-size:10px;white-space:nowrap}.sound-tile .tile-status{position:absolute;right:6px;top:6px;color:#7c6e86;display:flex;opacity:0}.sound-tile:hover{background:#28202e;border-color:#5e496a}.sound-tile:hover .tile-status{opacity:1}.sound-tile.is-on{background:color-mix(in srgb,var(--sound) 8%,#1c1722);border-color:color-mix(in srgb,var(--sound) 52%,#33273c);color:#e4dbe8}.sound-tile.is-on>svg{opacity:1}.sound-tile.is-on .tile-status{opacity:1;color:var(--sound)}.library-hint{display:flex;align-items:center;gap:8px;font-size:10px;color:#a495ad;margin-top:17px}.hint-dot{width:4px;height:4px;background:#aa91bf;border-radius:100%}.room-panel{background:#1a1420;border:1px solid #302637;border-radius:16px;overflow:hidden}.room-heading{padding:20px 23px 0;position:relative;z-index:2}.room-heading h2{font-size:13px;color:#dfd3e8}.room-heading h2>span{display:inline-block;font-size:9px;color:#b1a0bf;margin-left:8px;border:1px solid #4b3c56;padding:3px 7px;border-radius:5px;font-variant-numeric:tabular-nums}.live-indicator{font-size:9px;color:#ac9cb8;display:flex;align-items:center;gap:6px}.live-indicator>span{width:4px;height:4px;border-radius:50%;background:#807088}.live-indicator.playing>span{background:#b3c19a;box-shadow:0 0 6px #b3c19a66}.room{height:321px;position:relative;background:radial-gradient(ellipse at 50% 60%,#33223b55 0,transparent 65%);isolation:isolate}.room-lines{position:absolute;inset:11px 15px 0;width:calc(100% - 30px);height:calc(100% - 11px);stroke:#49344e;fill:none;stroke-width:.7;opacity:.6}.room-lines .axis{stroke-dasharray:2 7;stroke:#594060;opacity:.6}.room-distance,.room-near{position:absolute;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:2.1px;color:#9f8ba9;white-space:nowrap}.room-distance{top:26px}.room-near{bottom:8px}.room-left,.room-right{position:absolute;top:51%;font-size:8px;color:#a08caa}.room-left{left:20px}.room-right{right:20px}.listener{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#beabc9;pointer-events:none}.listener:before{content:"";position:absolute;inset:-14px -16px -10px;border:1px solid #8a6c913d;border-radius:50%;background:#5a3e6412}.listener>span{font-size:8px;letter-spacing:1px}.orb{position:absolute;width:92px;height:100px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:50%;padding:0}.orb:active{cursor:grabbing;z-index:4}.orb-core{width:var(--orb-size);height:var(--orb-size);max-width:87px;max-height:87px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:100%;background:radial-gradient(circle at 35% 29%,color-mix(in srgb,var(--sound) 37%,#f2e7ef) 0,var(--sound) 27%,color-mix(in srgb,var(--sound) 51%,#211826) 76%);color:#211c2cc9;box-shadow:inset 0 0 17px #f0d9ff23,0 7px 22px #0004;opacity:.87;transition:box-shadow .3s ease,opacity .3s ease}.orb-core:before{content:"";position:absolute;inset:-27px;background:radial-gradient(circle,color-mix(in srgb,var(--sound) 20%,transparent),transparent 66%);border-radius:50%;z-index:-1}.orb-core:after{content:"";position:absolute;inset:-6px;border:1px solid var(--sound);border-radius:50%;opacity:0;transition:opacity .2s ease}.orb.selected .orb-core:after{opacity:.45}.orb:hover .orb-core,.orb.selected .orb-core{opacity:1}.orb-label{font-size:10px;color:#d9ccdf;white-space:nowrap;text-shadow:0 2px 6px #130c1a}.room.is-playing .orb-core:before{animation:breathe 6s ease-in-out infinite}.room-tip{display:flex;gap:6px;align-items:center;font-size:9px;color:#ab98b6;padding:8px 23px 17px}.room-tip>svg{color:#a38eaf}.stereo-tag{margin-left:auto;color:#a18aad;font-size:7px;letter-spacing:1.4px}.layer-controls{display:flex;align-items:center;gap:14px;padding:18px 22px;min-height:81px;background:#201825;border-top:1px solid #34273d}.selected-label{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.selected-label>svg{color:var(--sound)}.selected-label>div{display:flex;flex-direction:column;gap:6px;min-width:0}.selected-label strong{font-size:11px;font-weight:500}.selected-label span{color:#ac9ab7;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-volume{width:146px}.layer-volume label{font-size:9px;color:#b6a3c1;display:flex;align-items:center;justify-content:space-between}.layer-volume output{color:#d2bfde;font-size:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:#bba5c9;border-radius:8px}.icon-button:hover,.icon-button.active{background:#392b43}.remove-layer{width:28px}.position-controls{padding:10px 22px 16px;background:#201825;display:grid;grid-template-columns:1fr 1fr;gap:24px}.position-controls label{font-size:10px;color:#b9a6c4;display:flex;align-items:center;gap:12px}.position-controls input{flex:1}.empty-room{position:absolute;inset:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#1a1420dd;color:#c9b3d7;z-index:3}.empty-room p{font-family:Georgia,serif;font-size:25px}.empty-room span{color:#ad9ab8;font-size:11px}.empty-control{font-size:11px;color:var(--muted)}.mixes-section{margin-top:32px}.mixes-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mixes-heading h2{font-size:14px}.mix-tabs{display:flex;align-items:center;gap:22px}.mix-tabs button{min-height:36px;padding:0 1px;color:#ab98b6;font-size:10px;border-bottom:1px solid transparent}.mix-tabs button.active{color:#ded0e7;border-bottom-color:#b89acb}.mix-tabs button>span{margin-left:6px;border-radius:4px;background:#35263d;padding:2px 5px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.preset-card{position:relative;min-width:0;background:#1d1722;border:1px solid #302636;border-radius:12px;overflow:hidden}.preset-main{width:100%;display:flex;align-items:center;padding:19px 16px 19px 10px;gap:13px;text-align:left;min-height:112px}.preset-main:hover{background:#292031}.preset-main>svg{color:#a98fb9;margin-left:auto}.preset-art{position:relative;display:block;width:80px;height:69px;flex-shrink:0}.mini-orb{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--sound),color-mix(in srgb,var(--sound) 45%,#302334));color:#211a2ac4;box-shadow:0 5px 10px #0002}.mini-0{left:8px;top:5px;width:41px;height:41px;opacity:.9}.mini-1{right:1px;top:23px;width:31px;height:31px;opacity:.75}.mini-2{left:20px;bottom:0;width:24px;height:24px;opacity:.6}.mini-2>svg{width:13px}.mini-1>svg{width:15px}.preset-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.preset-copy strong{font-family:Georgia,serif;font-size:18px;font-weight:400;letter-spacing:-.3px;color:#e7d9e4}.preset-copy>span{font-size:9px;color:#b9a8c2;white-space:nowrap}.preset-copy small{font-size:8px;color:#a38baf;white-space:nowrap}.delete-mix{position:absolute;right:4px;top:3px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#b19cbd}.delete-mix:hover{background:#4b2e46;border-radius:6px}.empty-shelf{display:flex;gap:17px;align-items:center;border:1px dashed #4b3856;border-radius:12px;padding:23px;color:#baa3c9}.empty-shelf strong{font-family:Georgia,serif;font-weight:400;font-size:20px;color:#ddcde6}.empty-shelf p{font-size:11px;margin-top:8px;color:#b29abf}.empty-shelf .text-button{margin-left:auto}.page-note{padding:27px 0 124px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.1px;color:#a58eb1}.transport{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#211928f5;border-top:1px solid #3d2e47;box-shadow:0 -10px 40px #100b1622}.transport-inner{max-width:1328px;min-height:92px;padding:14px 24px;margin:auto;display:flex;align-items:center;gap:18px}.play-button{width:51px;height:51px;border-radius:50%;background:#c6b0e2;color:#2a1e34;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-button:hover:not(:disabled){background:#dcc7f6;color:#2a1e34}.play-button>svg{fill:currentColor;stroke-width:1.4}.play-button>svg:has(path[stroke-width]){fill:none}.now-playing{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.now-playing strong{font-size:12px;font-weight:500;color:#f0e4f6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-playing span{font-size:10px;color:#b5a0c2}.master-control{display:flex;align-items:center;gap:13px;width:210px;color:#c0a8ce;margin:0 18px}.master-control input{flex:1}.master-control output{font-size:10px;color:#d1bddc;min-width:31px}.transport-divider{height:30px;border-left:1px solid #493653;margin-right:8px}.timer-button,.save-button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;min-height:43px;white-space:nowrap}.timer-button{color:#c4aed2;min-width:111px}.timer-button.has-timer{color:#d9c4ed;font-variant-numeric:tabular-nums;background:#372541;border-radius:8px}.save-button{border:1px solid #5d456b;border-radius:8px;padding:0 17px;margin-left:8px;color:#e2cced}.save-button:hover{background:#3a2945}.error{background:#332332;color:#e3c5da;padding:13px 16px;border:1px solid #6a435e;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;margin:0 0 20px}.error>button{margin-left:auto;display:flex;min-height:28px;align-items:center}.toast{position:fixed;bottom:112px;left:50%;transform:translate(-50%,8px);max-width:calc(100vw - 30px);display:flex;align-items:center;gap:9px;background:#45324f;color:#f1e2f7;font-size:12px;padding:14px 20px;border-radius:9px;box-shadow:0 8px 30px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%)}dialog{width:min(480px,calc(100% - 32px));border:1px solid #574160;border-radius:19px;padding:0;background:#241b2c;color:#eee2f2;max-height:90dvh;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#0c0814bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet-content{position:relative;padding:35px}.sheet-close{position:absolute;top:13px;right:13px}.sheet-symbol{color:#c8afe1;margin-bottom:22px}dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.6px;padding-right:10px}.sheet-description{font-size:12px;color:#c1abcf;line-height:1.8;margin-top:13px}.about-lines{font-size:12px;line-height:1.8;color:#c2adce;margin:19px 0 26px}.about-lines p{margin-top:9px}.help-lines{border-top:1px solid #4b3657;padding-top:22px}.help-lines h3{font-weight:500;font-size:13px;margin-bottom:14px;color:#e5d4ee}.help-lines p{font-size:11px;line-height:1.85;color:#bda5cc;margin-bottom:13px}.primary-button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:48px;border-radius:8px;background:#c6b0e2;color:#2a1e34;font-size:12px;font-weight:550;margin-top:24px}.primary-button:hover:not(:disabled){background:#dec8f4;color:#2a1e34}.text-button{font-size:11px;color:#d5bde5;display:inline-flex;gap:10px;align-items:center;min-height:40px}.timer-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.timer-options button{border:1px solid #533c61;background:#2c2035;border-radius:9px;height:64px;display:flex;align-items:baseline;justify-content:center;gap:5px;padding-top:18px;font-size:22px;font-family:Georgia,serif}.timer-options button span{font-family:system-ui,sans-serif;color:#b69bc7;font-size:10px}.timer-options button.active{background:#493157;border-color:#c6a5df;color:#eed8fd}.fade-label{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#c4add3}.fade-label select{min-height:44px;border:1px solid #584064;border-radius:7px;background:#2a1f33;padding:0 12px;color:#dcc5e9;font-size:12px}.timer-note{color:#bda4cd;font-size:10px;line-height:1.6;margin-top:19px}.cancel-timer{display:flex;margin:8px auto -10px}.save-name-label{display:block;font-size:11px;color:#c5add3;margin:27px 0 11px}.name-input{height:48px;width:100%;border:1px solid #6c4c7d;border-radius:8px;background:#1b1322;color:#efdef8;padding:0 14px}@keyframes breathe{0%,to{opacity:.65;transform:scale(.93)}50%{opacity:1;transform:scale(1.1)}}@media(min-width:1600px){.header{max-width:1488px}.intro{padding-top:52px;padding-bottom:46px}.room{height:365px}.sound-tile{height:88px}.mixes-section{margin-top:37px}.preset-main{min-height:125px}}@media(max-width:1150px){.header{padding:22px 30px}main{padding:0 30px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:24px}.sound-grid{gap:7px}.sound-tile{height:76px}.filters{gap:2px}.filters button{padding:0 12px}.room-heading{padding:20px 17px 0}.layer-controls{gap:10px;padding:18px 16px}.selected-label span{display:none}.layer-volume{width:125px}.room{height:317px}.preset-main{gap:4px;padding-right:12px}.preset-art{width:65px;transform:scale(.9);transform-origin:left center}.preset-copy strong{font-size:16px}.preset-copy>span{font-size:8px}.preset-copy small{font-size:7px}.master-control{width:160px;margin:0 5px}.headphone-note{display:none}.transport-inner{padding:14px 30px;gap:14px}.timer-button{min-width:100px}}@media(max-width:850px){.header{padding:18px 24px}.local-note{display:none}.intro{padding:32px 0}h1{font-size:37px}.workspace{grid-template-columns:267px minmax(0,1fr);gap:20px}.sound-tile{height:79px}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading>span{display:none}.filters{gap:0;padding-top:17px}.filters button{font-size:10px;padding:0 9px}.room{height:380px}.room-heading h2>span{margin-left:4px;font-size:8px;padding:2px 4px}.room-heading{align-items:flex-start;gap:10px}.live-indicator{font-size:8px;max-width:75px;line-height:1.5;text-align:right}.layer-controls{flex-wrap:wrap}.selected-label{flex-basis:calc(100% - 90px)}.layer-volume{order:4;width:100%;padding-top:4px}.selected-label span{display:block;font-size:8px}.layer-controls{padding:13px 17px;gap:4px}.layer-volume label{font-size:8px}.room-tip{padding-left:16px;padding-right:16px;font-size:8px}.stereo-tag{display:none}.position-controls{grid-template-columns:1fr;gap:5px}.mixes-section{margin-top:27px}.preset-grid{gap:10px}.preset-main{flex-direction:column;align-items:flex-start;padding:10px 16px 18px;gap:9px}.preset-main>svg{position:absolute;top:25px;right:16px}.preset-copy{gap:9px}.preset-copy>span{font-size:9px}.preset-copy small{font-size:8px}.preset-art{height:63px;width:78px}.transport-inner{gap:12px;padding:13px 24px;min-height:85px}.now-playing span{font-size:9px}.master-control{width:120px;gap:8px}.master-control output{display:none}.timer-button{min-width:40px}.timer-button>span{display:none}.timer-button.has-timer>span{display:block;font-size:10px}.timer-button.has-timer{padding:0 9px}.save-button{padding:0 12px;font-size:10px;margin-left:0}.transport-divider{margin-right:0}.page-note{padding-bottom:115px}.position-controls label{display:grid;grid-template-columns:60px 1fr}.empty-shelf{flex-wrap:wrap}.empty-shelf .text-button{margin-left:40px}}@media(max-width:650px){body{min-width:375px}.header{padding:13px 20px;min-height:76px}.brand{font-size:26px}.brand-mark>svg{width:23px}.header-right{gap:0}.help-button{font-size:10px;gap:6px}.help-button>svg{width:15px}main{padding:0 20px}.intro{padding:29px 0 30px}h1{font-size:36px;line-height:1.2;letter-spacing:-1.2px}h1 em{display:block}.intro p{font-size:11px;line-height:1.8;max-width:275px;margin-top:12px}.workspace{display:flex;flex-direction:column;gap:28px}.room-panel{order:-1;width:100%;border-radius:14px}.room-heading{padding:18px 17px 0;align-items:center}.room-heading h2{font-size:12px}.room-heading h2>span{margin-left:7px;padding:2px 5px;font-size:8px}.live-indicator{max-width:none;font-size:8px}.room{height:296px}.room-distance{top:22px;font-size:6px;letter-spacing:1.7px}.room-near{font-size:6px}.room-lines{inset:8px 1px 0;width:calc(100% - 2px);height:calc(100% - 8px)}.room-left{left:14px}.room-right{right:14px}.orb{width:76px;height:92px;gap:10px}.orb-core{width:calc(var(--orb-size) * .84);height:calc(var(--orb-size) * .84)}.orb-core>svg{width:22px}.orb-label{font-size:9px}.room-tip{padding:5px 17px 15px;font-size:8px;gap:6px}.layer-controls{display:grid;grid-template-columns:1fr 32px 24px;padding:14px 17px 10px;gap:4px 7px;min-height:104px}.selected-label{grid-column:1;gap:8px}.selected-label strong{font-size:11px}.selected-label span{font-size:8px}.layer-volume{grid-column:1/-1;width:100%;order:4;padding-top:7px}.layer-volume label{font-size:9px}.layer-volume input{height:25px}.icon-button{width:32px;height:32px}.empty-control{grid-column:1/-1}.library{width:100%;padding:0}.section-heading>span{display:block;font-size:9px}.section-heading h2{font-size:14px}.filters{padding:16px 0 15px;gap:7px}.filters button{font-size:10px;padding:0 15px;min-height:35px}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sound-tile{height:79px}.sound-tile>svg{width:25px}.sound-tile>span:last-child{font-size:9px}.sound-tile .tile-status{opacity:.45}.sound-tile.is-on .tile-status{opacity:1}.library-hint{margin-top:15px;font-size:9px}.mixes-section{margin-top:29px}.mixes-heading{margin-bottom:12px;gap:10px}.mixes-heading h2{font-size:13px}.mix-tabs{gap:16px}.mix-tabs button{font-size:9px}.preset-grid{grid-template-columns:1fr;gap:10px}.preset-main{flex-direction:row;align-items:center;padding:15px 16px 15px 7px;gap:13px;min-height:101px}.preset-main>svg{position:static;margin-left:auto}.preset-art{width:80px;height:65px;transform:scale(.9);transform-origin:center}.preset-copy strong{font-size:19px}.preset-copy>span{font-size:10px}.preset-copy small{font-size:8px}.page-note{padding:25px 0 145px;font-size:8px}.transport-inner{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:8px 12px;padding:12px 20px max(13px,env(safe-area-inset-bottom));min-height:105px}.play-button{width:44px;height:44px;grid-column:1;grid-row:1/3}.play-button>svg{width:21px}.now-playing{grid-column:2;grid-row:1;align-self:end;gap:5px}.now-playing strong{font-size:10px}.now-playing span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.master-control{grid-column:2;grid-row:2;margin:0;width:100%;gap:7px;align-self:start}.master-control>svg{width:12px;height:12px}.master-control input{height:18px}.master-control output{display:block;font-size:8px;min-width:24px}.master-control input::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px}.transport-divider{display:none}.timer-button{grid-column:3;grid-row:1/3;width:35px;min-width:35px;min-height:44px;margin-left:0}.timer-button>svg{width:20px}.timer-button.has-timer{display:flex;flex-direction:column;gap:5px;width:48px;padding:5px 4px}.timer-button.has-timer>span{font-size:8px}.save-button{grid-column:4;grid-row:1/3;width:40px;min-height:40px;padding:0;border-radius:9px}.save-button>span{display:none}.toast{bottom:123px;font-size:11px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px}.sheet-content{padding:30px 25px}.sheet-close{right:11px;top:11px}dialog h2{font-size:29px}.about-lines{font-size:11px}.help-lines p{font-size:10px}.timer-options button{height:60px}.fade-label{font-size:11px}.empty-shelf{padding:20px;gap:12px}.empty-shelf>svg{display:none}.empty-shelf strong{font-size:20px}.empty-shelf p{font-size:10px}.empty-shelf .text-button{margin-left:0}.error{font-size:10px;padding:10px 13px}.position-controls{padding:7px 17px 14px;gap:8px}.position-controls label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}input[type=range]{height:36px}.icon-button{width:44px;height:44px}.remove-layer{width:36px}.filters button,.mix-tabs button{min-height:44px}@media(max-width:650px){.intro{padding:23px 0 24px}.room{height:270px}.layer-controls{grid-template-columns:1fr 44px 44px;padding-top:10px}.icon-button,.remove-layer{width:44px;height:44px}.layer-volume{padding-top:0}.layer-volume input{height:32px}.save-button{width:44px;min-height:44px}.timer-button{width:44px;min-width:44px}.transport-inner{column-gap:9px}.master-control input{height:24px}.position-controls input{height:36px}.filters button{min-height:44px;padding:0 15px}.mix-tabs button{min-height:44px}}