*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.relative{position:relative}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.flex{display:flex}.w-full{width:100%}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.bg-cornflower-blue-600{--tw-bg-opacity: 1;background-color:rgb(50 83 222 / var(--tw-bg-opacity, 1))}.bg-cornflower-blue-700{--tw-bg-opacity: 1;background-color:rgb(42 64 203 / var(--tw-bg-opacity, 1))}.bg-white\/70{background-color:#ffffffb3}.stroke-current{stroke:currentColor}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.accent-cornflower-blue-600{accent-color:#3253de}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:root{font-family:Segoe UI Variable,Segoe UI,sans-serif;color:#efedf8;background:#151321;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark;--muted: #a6a0ba;--faint: #817a96;--purple: #bd9af6;--line: #ffffff10;--surface: #201c30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:150px}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 70% 0%,#34234c55,transparent 50%),#151321}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:wait;opacity:.5}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c5a3ff;outline-offset:5px}button{transition:background .2s,border-color .2s,transform .2s}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg.icon{width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--faint)}.status-dot{display:inline-block;width:6px;height:6px;background:#7d719d;border-radius:50%;flex-shrink:0}.status-dot.live{background:#b39ae7;box-shadow:0 0 12px #b39ae777}.muted{color:var(--muted)}.site-header{height:88px;display:flex;align-items:center;gap:27px;padding:0 max(32px,calc((100vw - 1260px)/2));background:#292044;border-bottom:1px solid #ffffff0b}.brand{display:block;flex-shrink:0}.brand-crop{display:block;position:relative;width:202px;height:48px;overflow:hidden;mix-blend-mode:lighten}.brand-crop img{position:absolute;width:242px;height:121px;max-width:none;left:-23px;top:-36px}.header-divider{height:24px;width:1px;background:#ffffff1c}.studio-label{font-size:9px;letter-spacing:2.2px;color:#b9adce}.help-button{margin-left:auto;display:flex;align-items:center;gap:11px;font-size:12px;color:#cdc4df;background:none;border:0;padding:12px 0}.help-button .icon:last-child{width:15px;color:#a496be}.help-button:hover{color:#fff}.page-shell{max-width:1260px;margin:auto;padding:49px 0 135px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:43px}.page-intro .eyebrow{color:#a799c0;margin-bottom:12px}.page-intro h1{font-size:43px;font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin-bottom:12px}.page-intro h1 em{font-family:Georgia,serif;color:#c5a5ed;font-weight:400}.page-intro>div>p:last-child{color:var(--muted);font-size:13px}.local-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#9c91af;padding-bottom:5px}.studio{display:grid;grid-template-columns:286px minmax(0,1fr);gap:36px;align-items:start}.preset-panel{position:sticky;top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading h2{font-size:19px;font-weight:550;letter-spacing:-.4px;margin-top:8px}.small-count{color:#867695;font-size:12px;font-variant-numeric:tabular-nums;border:1px solid var(--line);width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.section-description{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.6}.preset-list{display:flex;flex-direction:column;gap:7px;margin-top:23px}.preset-option{width:100%;padding:16px 13px;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:11px;min-height:78px}.preset-option:hover{background:#ffffff04;border-color:#ffffff0c}.preset-option.selected{background:linear-gradient(105deg,#a789e21a,#a789e208);border-color:#ad8be54d;box-shadow:inset 3px 0 #b99aea}.preset-icon{display:grid;place-items:center;color:#a69bbb;width:36px;height:40px;flex-shrink:0}.preset-icon .icon{width:23px;height:23px}.mood-0{color:#d6bb96}.mood-1{color:#95b4e3}.mood-2{color:#b6a2e6}.mood-3{color:#96b9a7}.mood-4{color:#caa3c9}.mood-5{color:#a2bfc6}.preset-copy{display:flex;flex-direction:column;gap:7px}.preset-copy strong{font-size:13px;font-weight:550}.preset-copy small{font-size:11px;color:#968ba7;text-transform:capitalize}.preset-copy small span{margin:0 5px}.preset-selected{margin-left:auto;display:flex;color:#84748e}.preset-selected .icon{width:15px}.selected .preset-selected{color:#c0a2f1}.preset-option:not(.selected) .preset-selected{opacity:0}.preset-option:hover .preset-selected{opacity:1}.custom-option{border-top:1px solid #ffffff0c;border-radius:0;margin-top:7px;padding-top:23px}.custom-option.selected{border-radius:11px}.headphones-note{margin:29px 12px 0;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:13px;color:#8f839e}.headphones-note>.icon{width:19px;margin-top:2px}.headphones-note strong{font-weight:500;color:#b8abc6;font-size:12px}.headphones-note p{font-size:11px;line-height:1.85;margin-top:7px}.workspace{min-width:0}.session-card{position:relative;overflow:hidden;border:1px solid #b395db28;border-radius:18px;background:radial-gradient(ellipse at 75% 0%,#60407e33,transparent 65%),linear-gradient(120deg,#262035,#201c2e);padding:25px 30px 0;box-shadow:0 14px 60px #00000012}.session-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.session-topline .eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.7px;color:#a69ab9}.text-button{background:none;border:0;padding:7px 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#b5a5ca;white-space:nowrap}.text-button .icon{width:14px;height:14px}.text-button:hover{color:#e4d3ff}.session-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:27px}.mood-label{font-size:9px;letter-spacing:2px;color:#bf9ce4}.session-title-row h2{font-size:29px;font-weight:500;letter-spacing:-.8px;margin-top:5px}.duration-pill{display:flex;gap:6px;align-items:center;border:1px solid #c3b0d623;background:#ffffff03;border-radius:20px;padding:7px 11px;color:#c1b6d0;font-size:11px;white-space:nowrap}.duration-pill .icon{width:13px;height:13px}.session-description{color:#a99bb8;max-width:530px;font-size:12px;line-height:1.7;margin-top:11px}.waveform{height:145px;position:relative;margin:13px -7px 0}.waveform canvas{display:block;width:100%;height:128px;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.waveform-caption{position:absolute;bottom:6px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:8px;letter-spacing:1.65px;color:#a899bd}.waveform-caption span{margin:0 7px;color:#665771}.frequency-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ffffff0b;margin-top:7px;padding:20px 0 22px}.frequency-strip>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;color:#a79bb8;font-size:10px}.frequency-strip strong{width:100%;text-align:center;color:#d9d2e5;font-weight:450;font-size:21px;letter-spacing:-.6px}.frequency-strip strong small{font-size:11px;color:#8f839f;margin-left:3px}.frequency-strip .beat-value{border-inline:1px solid #ffffff0b}.beat-value strong{color:#c5a5f1}.channel-dot{width:5px;height:5px;border-radius:50%}.channel-dot.blue{background:#84a8ef}.channel-dot.purple{background:#b696e9}.ramp-steps{display:flex;gap:10px;margin:0 -30px;padding:13px 30px;background:#00000015;border-top:1px solid var(--line);font-size:11px;color:var(--faint)}.ramp-steps span{flex:1}.ramp-steps span.current{color:#c8abf0}.ramp-steps small{font-size:10px}.custom-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:0 0 22px;padding-top:15px;border:0;border-top:1px solid var(--line)}.custom-controls legend{font-size:11px;color:var(--muted);padding-right:12px}.custom-controls label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.custom-controls input,.custom-controls select{width:100%;min-width:0;background:#171320;border:1px solid #ffffff20;border-radius:6px;color:#e1d7ed;padding:10px;font-size:12px}.ambience-section{margin-top:35px}.ambience-section .section-heading h2{display:flex;align-items:center;gap:10px}.count-pill{font-size:9px;color:#ba9edb;background:#af8ddb10;border:1px solid #af8ddb20;padding:4px 7px;border-radius:5px;letter-spacing:0;white-space:nowrap}.filter-bar{display:flex;gap:5px;margin:23px 0 18px;border-bottom:1px solid var(--line);padding-bottom:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#624d7c transparent}.filter-bar button{display:flex;align-items:center;gap:6px;white-space:nowrap;background:none;border:1px solid transparent;font-size:11px;color:#a297b2;padding:8px 13px;border-radius:6px}.filter-bar button.active{color:#e1d0f8;background:#aa88d41b;border-color:#aa88d423}.filter-bar button:hover{color:#e1d0f8;background:#ffffff04}.filter-bar button span{font-size:9px;background:#ffffff08;padding:1px 4px;border-radius:3px}.ambience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.aux-card{border:1px solid #ffffff0c;border-radius:11px;background:#1d1929;padding:17px 17px 0;transition:border-color .2s,background .2s;min-width:0}.aux-card.enabled{background:linear-gradient(135deg,#2d253e,#251e34);border-color:#b491dd42}.aux-card:hover{border-color:#b491dd55}.aux-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.aux-icon-wrap{display:grid;place-items:center;width:31px;height:31px;color:#a89bb9}.enabled .aux-icon-wrap{color:#c5a4ef}.aux-icon{width:28px;height:28px}.aux-card h3{font-size:12px;font-weight:550;letter-spacing:.05px}.sound-description{font-size:10px;color:#90849f;margin-top:5px}.sound-switch{width:32px;height:19px;border:1px solid #ffffff13;border-radius:20px;background:#393044;padding:3px;display:flex;align-items:center;flex-shrink:0;position:relative}.sound-switch:after{content:"";position:absolute;inset:-12px -6px}.sound-switch span{width:11px;height:11px;background:#a69bb5;border-radius:50%;transition:transform .2s}.sound-switch[aria-checked=true]{background:#b89ae5;border-color:#c8a7fa}.sound-switch[aria-checked=true] span{transform:translate(12px);background:#342541}.layer-volume{display:flex;align-items:center;gap:13px;margin:18px 0 9px}.layer-volume input{min-width:0;flex:1}.layer-volume>span{font-size:11px;color:#b7a9c7;min-width:29px;text-align:right;font-variant-numeric:tabular-nums}.layer-volume small{font-size:8px;margin-left:1px;color:#877990}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:20px;background:transparent;cursor:pointer;accent-color:#c2a1f2}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#51425f;border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;background:#b99cde;border:2px solid #d5bafa;border-radius:50%;margin-top:-3.5px;box-shadow:0 0 0 3px #b99cde08}input[type=range]::-moz-range-track{height:3px;background:#51425f;border-radius:4px}input[type=range]::-moz-range-thumb{width:8px;height:8px;background:#b99cde;border:2px solid #d5bafa;border-radius:50%}.aux-card:not(.enabled) input[type=range]::-webkit-slider-thumb{background:#91839e;border-color:#a393b1}.balance-toggle{display:flex;align-items:center;gap:6px;border:0;border-top:1px solid #ffffff08;background:none;color:#a497b4;font-size:9px;width:calc(100% + 34px);margin:0 -17px;padding:11px 17px;text-align:left}.balance-toggle>.icon{width:11px;height:11px}.balance-toggle>span{margin-left:auto;font-size:9px;color:#8f7e9e}.balance-toggle:hover{color:#d4b7f7}.balance-controls{padding:3px 0 12px}.balance-controls>div{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.balance-controls input{width:100%;min-width:0}.balance-controls .text-button{font-size:9px;padding:3px 0}.empty-state{text-align:center;border:1px dashed #a88ac633;border-radius:12px;padding:35px;color:var(--muted)}.empty-state>.icon{margin:0 auto 12px;width:28px;height:28px;color:#b19bcd}.empty-state h3{font-size:16px;margin-bottom:8px;font-weight:500}.empty-state p{font-size:12px;margin-bottom:10px}.save-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#8d809b;margin-top:20px}.save-note .icon{width:12px;height:12px}.player-dock{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#221c31f5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid #b092d52d;box-shadow:0 -10px 60px #00000025}.player-inner{max-width:1260px;margin:auto;min-height:94px;display:flex;align-items:center;gap:27px}.player-track{display:flex;align-items:center;gap:13px;width:286px;min-width:0;flex-shrink:0}.player-art{width:44px;height:44px;display:grid;place-items:center;background:#b190d814;border:1px solid #b190d82b;border-radius:10px;color:#bc9adb;flex-shrink:0}.player-art.playing{border-color:#bd9ce67a;box-shadow:0 0 20px #b190d811}.player-track>div{min-width:0}.player-track strong{display:block;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track div>span{display:block;font-size:10px;color:#a092b1;margin-top:6px}.play-button,.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;background:#c5a5f0;color:#271a39;border:1px solid #d3b5f4;border-radius:9px;padding:12px 23px;min-height:43px;font-size:12px;font-weight:650;white-space:nowrap}.play-button:hover,.primary-button:hover{background:#d6b8fb;transform:translateY(-1px)}.play-button .icon{height:17px;width:17px;fill:currentColor;stroke-width:1}.stop-button{background:#463359;border-color:#74568f;color:#dcc8f3}.stop-button:hover{background:#534066}.stop-button .icon{width:13px;height:13px}.session-progress{flex:1;min-width:60px;max-width:360px}.session-progress>div{display:flex;justify-content:space-between;font-size:10px;color:#a598b5;font-variant-numeric:tabular-nums;margin-bottom:9px}.session-progress progress{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border:0;border-radius:3px;background:#4e3e5b;overflow:hidden}.session-progress progress::-webkit-progress-bar{background:#4e3e5b}.session-progress progress::-webkit-progress-value{background:#c3a0f0}.session-progress progress::-moz-progress-bar{background:#c3a0f0}.master-volume{margin-left:auto;display:flex;align-items:center;gap:11px;width:196px}.master-volume input{width:100%;min-width:50px}.master-volume>span{font-size:10px;min-width:27px;font-variant-numeric:tabular-nums;color:#b7a7c8}.icon-button{background:none;border:0;padding:7px;color:#baacca;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{color:#f1dfff}.master-volume .icon{height:18px;width:18px}.audio-error{border-top:1px solid #b7797955;padding:10px 25px;display:flex;align-items:center;justify-content:center;gap:15px;background:#442a3b;font-size:12px;color:#f2c7cf}.audio-error button{background:none;border:0;color:inherit}.site-footer{display:flex;justify-content:space-between;font-size:10px;color:#8e819c;margin-top:42px;padding-top:23px;border-top:1px solid #ffffff0b}.focus-view{grid-template-columns:minmax(0,1fr);max-width:850px;margin:auto}.focus-view .preset-panel,.focus-view .ambience-section{display:none}.focus-view .session-card{margin-top:20px}.focus-view .waveform{height:245px}.focus-view .waveform canvas{height:220px}.focus-view .session-title-row{margin-top:40px}.focus-view .session-title-row h2{font-size:36px}.help-dialog{width:min(500px,calc(100% - 32px));padding:30px;border:1px solid #ac8bc34d;border-radius:18px;background:#251e35;color:#e5dded;box-shadow:0 30px 120px #0008}.help-dialog::backdrop{background:#100b1ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.guide-icon{width:36px!important;height:36px!important;color:#c3a1e9;margin:20px 0}.help-dialog h2{font-size:28px;letter-spacing:-.8px;margin-bottom:15px}.help-dialog p,.help-dialog li{font-size:13px;line-height:1.8;color:#c0b1ce}.help-dialog ol{padding-left:20px;margin:20px 0}.help-dialog li{padding-left:6px;margin-bottom:12px}.help-dialog strong{color:#e5d9f0;font-weight:500}.help-dialog .muted{font-size:11px;color:#9f90ad}.help-dialog .primary-button{margin-top:25px;width:100%}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:#c5a5f0;color:#251e35;border-radius:6px}.skip-link:focus{top:10px}@media (min-width: 1600px){.page-shell{padding-top:65px}.page-intro{margin-bottom:48px}}@media (max-width: 1340px){.page-shell,.player-inner{padding-inline:32px}.studio{gap:28px;grid-template-columns:260px minmax(0,1fr)}.player-track{width:260px}.player-inner{gap:24px}.master-volume{width:170px}}@media (max-width: 1050px){.studio{grid-template-columns:230px minmax(0,1fr);gap:24px}.ambience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-track{width:230px}.local-note{display:none}.studio-label{font-size:8px;letter-spacing:1.5px}.master-volume{width:145px}.player-inner{gap:19px}.page-shell{padding-top:36px}.preset-option{padding-inline:8px;gap:8px}.preset-copy strong{font-size:12px}.session-card{padding-inline:24px}.ramp-steps{margin-inline:-24px;padding-inline:24px}.session-title-row h2{font-size:25px}.session-description{font-size:11px}}@media (max-width: 800px){.site-header{height:76px;padding-inline:24px;gap:17px}.studio-label,.header-divider{display:none}.page-shell{padding:32px 24px 160px}.page-intro{margin-bottom:28px}.page-intro h1{font-size:36px}.studio{display:flex;flex-direction:column;gap:29px}.preset-panel{position:static;width:100%}.preset-panel>.section-heading,.preset-panel>.section-description,.headphones-note{display:none}.preset-list{display:grid;grid-auto-flow:column;grid-auto-columns:200px;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;margin:0 -24px;padding:3px 24px 12px;scrollbar-width:thin;scrollbar-color:#624d7c transparent}.preset-option{border:1px solid #ffffff0c;border-radius:10px;background:#201a2e;min-height:72px;padding:13px 11px;scroll-snap-align:center}.preset-copy strong{font-size:11px}.preset-copy small{font-size:10px}.preset-icon{width:27px}.preset-icon .icon{width:19px}.preset-selected{display:none}.custom-option{margin:0}.workspace{width:100%}.player-inner{min-height:113px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:13px 19px;padding:15px 24px}.player-track{width:auto}.player-art{width:34px;height:34px}.player-art .icon{width:17px}.player-track strong{font-size:11px}.player-track div>span{font-size:9px}.play-button{grid-column:3;grid-row:1;min-height:38px;padding:9px 17px}.session-progress{grid-column:1/-1;grid-row:2;max-width:none;display:flex;flex-direction:row-reverse;align-items:center;gap:15px}.session-progress>div{margin:0;gap:10px;white-space:nowrap}.session-progress progress{flex:1}.master-volume{width:140px;grid-column:2;grid-row:1;gap:5px}.site-footer{gap:15px;line-height:1.7}.ambience-section{margin-top:29px}.focus-view,.focus-view .workspace{width:100%}.focus-view .session-card{margin:0}.focus-view .session-title-row h2{font-size:30px}}@media (max-width: 480px){.site-header{padding-inline:18px;height:70px}.brand-crop{width:170px;height:40px}.brand-crop img{width:204px;height:102px;left:-19px;top:-30px}.help-button{font-size:10px;gap:7px}.help-button .icon{width:16px}.help-button .icon:last-child{display:none}.page-shell{padding:28px 18px 168px}.page-intro h1{font-size:34px}.page-intro>div>p:last-child{font-size:11px;line-height:1.7}.page-intro .eyebrow{font-size:8px}.preset-list{margin-inline:-18px;padding-inline:18px;grid-auto-columns:185px}.session-card{padding:19px 18px 0;border-radius:14px}.session-topline .eyebrow{font-size:8px;letter-spacing:1px}.session-topline .text-button{font-size:10px}.session-title-row{margin-top:22px;gap:8px}.session-title-row h2{font-size:23px}.mood-label{font-size:8px}.duration-pill{font-size:9px;padding:6px 8px}.session-description{font-size:11px}.waveform{height:131px}.waveform canvas{height:112px}.waveform-caption{font-size:7px}.frequency-strip{padding:16px 0 19px}.frequency-strip>div{font-size:9px;gap:5px}.frequency-strip strong{font-size:19px}.section-heading h2{font-size:17px}.ambience-section .section-heading{align-items:flex-end}.ambience-section .section-heading h2{gap:7px;flex-wrap:wrap}.count-pill{font-size:8px;padding:3px 5px}.section-description{font-size:11px}.section-heading .text-button{font-size:10px}.filter-bar{gap:1px}.filter-bar button{padding:7px 9px;font-size:10px}.ambience-grid{gap:9px}.aux-card{padding:14px 12px 0}.aux-card h3{font-size:11px}.sound-description{font-size:9px}.aux-card-top{margin-bottom:11px}.aux-icon{width:25px;height:25px}.balance-toggle{width:calc(100% + 24px);margin-inline:-12px;padding:10px 12px;font-size:8px;gap:4px}.balance-toggle>span{font-size:8px}.balance-toggle .icon{width:9px}.layer-volume{gap:7px;margin-top:14px}.layer-volume>span{font-size:10px;min-width:25px}.player-inner{padding:14px 18px;grid-template-columns:minmax(0,1fr) auto;gap:12px 15px}.player-track{grid-row:1;grid-column:1}.play-button{grid-column:2;grid-row:1;padding-inline:20px}.session-progress{grid-column:1;grid-row:2;gap:10px}.session-progress>div{font-size:8px;gap:6px}.master-volume{grid-row:2;grid-column:2;width:105px;gap:3px}.master-volume .icon-button{padding:3px}.master-volume .icon{width:14px;height:14px}.master-volume input{min-width:30px}.master-volume>span{font-size:8px;min-width:22px}.site-footer{flex-direction:column;gap:6px;font-size:9px;margin-top:30px}.custom-controls{gap:8px;grid-template-columns:1fr 1fr}.custom-controls label:last-child{grid-column:1/-1}.custom-controls label{font-size:10px}.ramp-steps{padding:12px 18px;margin-inline:-18px;font-size:9px;gap:8px}.ramp-steps small{font-size:8px}.help-dialog{padding:24px}.focus-view .session-title-row h2{font-size:25px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media (max-width: 360px){.help-button span{display:none}.help-button{padding:12px}.page-intro h1{font-size:30px}.ambience-section .section-heading{align-items:center}.ambience-section .section-heading h2{font-size:15px}.session-title-row h2{font-size:21px}.frequency-strip>div{font-size:8px}.frequency-strip strong{font-size:17px}.aux-card{padding-inline:10px}.balance-toggle{width:calc(100% + 20px);margin-inline:-10px;padding-inline:10px}.balance-toggle>.icon{display:none}}@media (pointer: coarse){input[type=range]{height:30px}}.aux-card h3{font-size:13px}.sound-description{font-size:11px}.balance-toggle,.balance-toggle>span{font-size:10px}@media (max-width: 480px){.aux-card h3{font-size:12px}.sound-description{font-size:10px}.balance-toggle,.balance-toggle>span{font-size:9px}.section-description{font-size:12px}}.hover\:bg-cornflower-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(42 64 203 / var(--tw-bg-opacity, 1))}.hover\:bg-cornflower-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(40 53 165 / var(--tw-bg-opacity, 1))}