/* The board: a live canvas and a purposeful creative deck. */
:root{--bg:#08090f;--panel:#181923bb;--text:#f2f0f8;--muted:#a5a2b8;--secondary:#c4c0d2;--accent:#d0c0ff;--line:#efebff1c;--radius:24px;--board-surface:#171822b8;--board-raised:#d2c6ff0a;--board-shadow:0 20px 70px #00000024;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}
body{background:var(--bg);color:var(--text);font-family:inherit;letter-spacing:-.15px}body[data-theme=light]{--bg:#f0f0f6;--panel:#ffffffbc;--text:#262235;--muted:#6b657e;--secondary:#4c455e;--accent:#6b4cba;--line:#3c2e6320;--board-surface:#ffffffbc;--board-raised:#6b4cba06;--board-shadow:0 18px 55px #35245b0a;--dialog:#f8f7fcf7;--dialog-text:#262235;--dialog-muted:#625b74}#ambientLight{opacity:.3;filter:blur(90px) saturate(.9)}body[data-theme=light] #ambientLight{opacity:.2}button,input,select{font:inherit}button{letter-spacing:inherit}h1,h2,h3,.brand{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{stroke-width:1.55}.button,.icon-button{min-height:44px;border-radius:12px}.button{font-weight:550;background:var(--board-raised);border:1px solid var(--line);font-size:13px;color:var(--text);box-shadow:inset 0 1px 0 #ffffff06}.button:hover,.icon-button:hover{background:#d0bfff12;border-color:#c9b8ff60}.icon-button{width:44px;height:44px;color:var(--secondary);background:none}.text-button{min-height:40px;font-size:12px;color:var(--secondary);gap:8px}.text-button svg{width:16px;height:16px}input[type=range]{background:linear-gradient(to right,var(--accent) var(--fill,50%),#8e839832 var(--fill,50%));accent-color:var(--accent)}
.board-header.topbar{height:84px;padding:0 max(28px,env(safe-area-inset-left));display:flex;gap:36px;border:0;border-bottom:1px solid var(--line);background:var(--board-surface);box-shadow:inset 0 1px 0 #ffffff05;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);position:relative;z-index:10}.board-header .brand{font-size:24px;letter-spacing:-1px;font-weight:750;gap:9px}.board-header .wave-logo{width:36px;height:34px}.board-header .brand-dot{display:none}.board-identity{border-left:1px solid var(--line);padding-left:28px;display:grid;gap:6px}.board-identity>span{font-size:8px;letter-spacing:1.8px;color:var(--muted);font-weight:550}.board-identity strong{font-size:12px;color:var(--secondary);font-weight:450}.board-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.board-header .board-save{padding:10px 15px}.board-header .board-immerse{background:var(--accent);color:#21163c;border-color:transparent;padding:10px 17px;box-shadow:inset 0 1px 0 #fff3,0 4px 18px #a486f314}.board-immerse svg{width:16px;height:16px}body[data-theme=light] .board-immerse{color:#fff}.board-header #helpBtn,.board-header #themeBtn{border:0;background:transparent;border-radius:12px;color:var(--secondary);width:44px;height:44px}.board-header #themeBtn:after{content:none!important}
main.immersion-workspace{max-width:1740px;margin:0 auto;padding:24px 28px 32px}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.canvas-column{min-width:0}.canvas-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:30px}.canvas-heading>div:first-child{display:flex;align-items:center;gap:16px}.board-kicker{font-size:9px;line-height:1.5;font-weight:600;letter-spacing:1.7px;color:var(--muted)}.board-signal{font-size:11px;color:var(--secondary);display:flex;gap:7px;align-items:center}.board-signal:before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #c8b6ff42}.canvas-utility{display:flex}.canvas-utility .icon-button{width:32px;height:32px;min-height:32px;min-width:32px}.canvas-utility svg{width:17px;height:17px}body #stage{height:clamp(400px,65dvh,850px);width:100%;min-height:0;max-height:none;aspect-ratio:auto;border:1px solid #d8cdff20;border-radius:24px;box-shadow:0 30px 90px #00000025;position:relative;inset:auto;z-index:0;background:#030309}.stage .stage-top{top:18px;right:18px;left:18px;justify-content:flex-end}.stage .icon-button{background:#0a0a1766;border:1px solid #ffffff19;color:#f0edf8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.stage .stage-bottom{bottom:24px;left:24px;right:20px}.scene-kicker{font-size:8px;color:#dbd4ed;letter-spacing:1.6px}.stage-bottom h2{font-size:22px;letter-spacing:-.6px;line-height:1.3;margin-top:8px}.scene-caption{max-width:68%}.scene-nav .icon-button{width:38px;height:38px;min-width:38px;min-height:38px}.stage:before{background:linear-gradient(transparent 60%,#03030988);transition:opacity .5s}.stage.caption-faded:before{opacity:0}
.board-welcome{position:absolute;left:30px;bottom:30px;z-index:4;width:390px;max-width:calc(100% - 60px);padding:26px;border:1px solid #e8dfff23;border-radius:22px;background:linear-gradient(135deg,#11121fe8,#141322b8);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 18px 60px #0003;color:#f2effa}.board-welcome .board-kicker{color:#c2b4e2;font-size:8px}.board-welcome h2{font-size:35px;line-height:1.1;letter-spacing:-1.4px;font-weight:500;margin:14px 0 12px}.board-welcome p{color:#bdb5cf;font-size:12px;line-height:1.6}.welcome-actions{display:flex;gap:8px;margin-top:22px}.welcome-actions .button{font-size:11px;min-height:44px;gap:6px;padding:10px 12px;color:#eae3fb;border-color:#ffffff26}.welcome-actions .welcome-primary{background:#e1d6ff;color:#24163e;border:0}.welcome-actions svg{width:14px;height:14px}.welcome-close{position:absolute;right:9px;top:9px;background:none!important;border:0!important;min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;color:#cac1db!important}.welcome-close svg{width:14px;height:14px}.welcome-soundscape{font-size:11px;color:#c3b4df;display:flex;align-items:center;gap:12px;padding:14px 0 0;min-height:36px}.welcome-soundscape span{font-size:15px}.stage:has(.board-welcome:not([hidden])) .scene-caption{visibility:hidden}
.mini-transport{display:flex;align-items:center;gap:10px;padding:11px 0 7px;min-height:58px}.mini-transport>.icon-button{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:var(--accent);color:#24163e}.mini-transport>div{min-width:0;flex:1;display:grid;gap:4px}.mini-transport strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-transport span{font-size:10px;color:var(--muted)}.mini-transport .text-button{font-size:10px}.mini-transport svg{width:15px;height:15px}body[data-theme=light] .mini-transport>.icon-button{color:#fff}.layer-strip{padding:8px 0}.layer-strip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.layer-strip-heading .text-button{font-size:10px;min-height:28px}.stop-square{width:7px;height:7px;border:1px solid currentColor;border-radius:1px}.board-layers{display:flex;gap:7px;flex-wrap:wrap}.board-layer{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;background:var(--board-surface);color:var(--secondary);font-size:11px}.board-layer>span:first-child{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}.board-layer[data-active=true]>span:first-child{border-color:var(--accent);background:var(--accent)}.board-layer small{font-size:10px;color:var(--muted)}.board-layer[data-active=true]{border-color:#b49ddd45}.board-layer:hover{background:#d0bfff10}
.creative-deck{min-width:0;background:var(--board-surface);border:1px solid var(--line);border-radius:23px;box-shadow:inset 0 1px 0 #ffffff0c,var(--board-shadow);backdrop-filter:blur(32px) saturate(1.15);-webkit-backdrop-filter:blur(32px) saturate(1.15);overflow:hidden;margin-top:44px}.deck-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;gap:3px;border-bottom:1px solid var(--line);background:#07071013}.deck-tab{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:66px;padding:9px 0;border-radius:13px;color:var(--muted);font-size:10px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.deck-tab svg{width:19px;height:19px;stroke-width:1.5}.deck-tab[aria-selected=true]{color:var(--text);background:linear-gradient(140deg,#c4acff1b,#c4acff07);border-color:#c8b5fc20;box-shadow:inset 0 1px 0 #d6c5ff0d}.deck-tab:hover{color:var(--text);background:#c8b5fc09}.deck-panel{padding:24px;max-height:calc(100dvh - 240px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aa96c433 transparent}.module-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.module-heading h2{font-size:24px;letter-spacing:-.8px;font-weight:500;line-height:1.2;margin-top:8px}.module-heading .board-kicker{font-size:7px;letter-spacing:1.4px}.module-index{font-size:8px;letter-spacing:1.1px;color:var(--muted);white-space:nowrap;align-self:flex-start;padding-top:3px}.module-footnote{font-size:11px;color:var(--muted);line-height:1.65;margin-top:18px}.creative-deck input,.creative-deck select{font-size:14px;color:var(--text)}.creative-deck select,.creative-deck input[type=number],.creative-deck input[type=text]{background:var(--board-raised);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px;color:var(--text);width:100%}.creative-deck select option{color:var(--text);background:var(--bg)}.creative-deck input[type=range]{height:26px;min-width:0;background-size:100% 3px;background-position:center;background-repeat:no-repeat}.creative-deck label{color:var(--secondary);font-size:12px}.creative-deck input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.creative-deck .tool-section{background:none;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:17px 0 4px;margin:16px 0 0;backdrop-filter:none}.creative-deck .tool-section>summary{font-size:13px;min-height:40px;cursor:pointer;color:var(--secondary);font-weight:500}.creative-deck .tool-section p,.creative-deck .module-controls>p{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 16px}.creative-deck .control-section{padding:12px 0 20px;margin:0 0 16px}.creative-deck .control-heading h3,.creative-deck .control-label{font-size:12px;color:var(--secondary);font-weight:450}.creative-deck .control-heading>span,.creative-deck .control-label output{color:var(--muted);font-size:11px}.creative-deck .range-section.exposed{display:block}.creative-deck .range-endpoints{color:var(--muted)}.creative-deck .palettes{gap:12px}.creative-deck .palette{width:27px;height:27px;border:3px solid var(--bg)}.creative-deck .layer-advanced{margin:12px 0;padding-top:12px;border-color:var(--line)}.creative-deck .layer-advanced>summary{min-height:38px;cursor:pointer;color:var(--secondary);font-size:12px}.creative-deck .layer-advanced p{font-size:11px;color:var(--muted);line-height:1.6}.creative-deck .module-controls h3{font-size:14px}.creative-deck .module-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.creative-deck .module-controls input[type=range]{width:100%}.creative-deck .compact-actions{gap:7px}.creative-deck .compact-actions .button{font-size:11px;flex:1}.creative-deck .add-layer .button{width:auto;font-size:11px;flex-shrink:0}.creative-deck .add-layer select{min-width:0;flex:1}.creative-deck .save-section p{font-size:11px;color:var(--muted)}
.creative-deck .audio-panel{padding:0;margin:0;border:0;box-shadow:none;background:none;position:static;display:block;max-height:none;overflow:visible;backdrop-filter:none}.creative-deck .track-row{margin:0;gap:10px;display:flex}.creative-deck .track-details strong{font-size:15px;line-height:1.4;font-weight:500}.creative-deck .track-details>span{font-size:10px;color:var(--muted)}.creative-deck .import-music{padding:8px 10px;min-width:44px;font-size:0;gap:0}.creative-deck .import-music svg{width:18px;height:18px}.creative-deck .import-music span{display:none}.creative-deck .transport{display:flex;margin:24px 0 15px;gap:9px;justify-content:center}.creative-deck .transport>.icon-button{width:40px;height:40px;min-width:40px;min-height:40px;background:none;border:0;color:var(--secondary)}.creative-deck .transport .play-button{width:62px;height:62px;min-width:62px;min-height:62px;background:var(--accent);color:#211638;box-shadow:0 5px 20px #b494ee0c;border:0}.creative-deck .transport .play-button svg{width:21px;height:21px}.creative-deck .transport .play-button:disabled{opacity:.4}body[data-theme=light] .creative-deck .transport .play-button{color:#fff}.creative-deck .timeline-row{margin:8px 0 20px;display:flex}.creative-deck .timeline-row span{font-size:10px;color:var(--muted)}.creative-deck .timeline-row input{flex:1;width:auto}.creative-deck .playback-more{border-color:var(--line);padding-top:14px}.creative-deck .playback-more>summary{font-size:12px;color:var(--secondary);min-height:40px;font-weight:450}.creative-deck .player-options{display:flex;flex-wrap:wrap;gap:6px}.creative-deck .player-options .text-button{font-size:10px;padding:7px;border:1px solid var(--line);border-radius:9px}.creative-deck .source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.creative-deck .source-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px 9px;border:1px solid var(--line);border-radius:9px;color:var(--secondary);font-size:11px;min-height:44px}.creative-deck .source-tabs button.active{background:#c4b3f711;border-color:#c4b3f745;color:var(--text)}.creative-deck .source-tabs button svg{width:15px;height:15px}.creative-deck .audio-source-row{display:block;padding:15px 0}.creative-deck .section-label{display:none}.creative-deck .player-bottom{display:flex;flex-wrap:wrap;gap:12px}.creative-deck #audioHint{font-size:11px;line-height:1.6;color:var(--muted);min-width:100%;flex:1}.creative-deck .volume{width:100%;display:flex;gap:12px}.creative-deck .volume input{width:100%;flex:1}.creative-deck .playlist button{font-size:12px;min-height:40px;color:var(--secondary)}.creative-deck .playlist button.active{color:var(--accent)}
.module-library.library{padding:0;border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none;position:static;width:100%}.module-library>.panel-heading{display:none}.module-library .library-tabs{width:100%;padding:4px;background:#9682b511;border:1px solid var(--line);margin:18px 0 15px}.module-library .library-tabs button{font-size:11px;min-height:36px;color:var(--muted)}.module-library .library-tabs button.active{background:#b4a2dd1b;color:var(--text)}.module-library .search{position:static;width:100%;margin:0 0 12px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.module-library .search input{font-size:13px;min-height:42px;color:var(--text)}.module-library .search input::placeholder{color:var(--muted)}.module-library .library-category{font-size:11px;color:var(--muted);margin:12px 0}.module-library .library-category select{font-size:11px;min-height:40px;max-width:72%}.module-library .preset-list{display:flex;flex-direction:column;min-height:0;max-height:380px;gap:7px;overflow-y:auto}.module-library .preset-card{background:#9981c307;border:1px solid var(--line);min-height:52px;border-radius:11px;box-shadow:none}.module-library .preset-card:hover{border-color:#bda3f34d;background:#bda3f30b}.module-library .preset-card.active{border-color:#bda3f36c;background:#bda3f312}.module-library .preset-card .preset-meta{padding:12px;gap:12px;background:none;display:flex}.module-library .preset-card strong{font-size:11px;font-weight:450;line-height:1.5;color:var(--secondary)}.module-library .preset-number{display:block;font-size:8px;color:var(--muted)}.module-library .preset-art,.module-library .library-bottom{display:none}.module-library #libraryResults{font-size:10px;margin:12px 0}.visual-media-actions{display:flex;gap:7px}.visual-media-actions .button{flex:1;min-width:0;font-size:11px;padding:10px 9px}.visual-media-actions .photo-button>span{display:inline}.visual-media-actions .photo-button{width:auto}.creative-deck .stage-toolbar{position:static;min-height:40px;margin:12px 0}.creative-deck .toolbar-right{justify-content:space-between;width:100%;gap:7px}.creative-deck .toolbar-right .text-button{font-size:10px;min-height:36px}
.geometry-quick-actions{display:flex;gap:7px;margin:0 0 18px}.geometry-quick-actions .button{min-width:0;flex:1;padding:9px 7px;font-size:11px}.geometry-layer{padding:2px 0;border-color:var(--line)}.creative-deck .geometry-option{font-size:13px;min-height:45px;color:var(--text);gap:12px;margin:0!important}.creative-deck .geometry-motion{padding:0 0 12px 0;margin:0}.creative-deck .geometry-motion>summary{font-size:11px;color:var(--muted);min-height:36px;cursor:pointer}.creative-deck .geometry-slider{display:grid;grid-template-columns:1fr auto;gap:7px;margin:15px 0}.geometry-slider input{grid-column:1/-1;width:100%}.geometry-slider output{font-size:10px;color:var(--muted)}.creative-deck .geometry-note{font-size:10px;color:var(--muted);line-height:1.65}.sound-intents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}.sound-intents button{text-align:left;background:linear-gradient(135deg,#c0a7ff12,#c0a7ff03);border:1px solid var(--line);border-radius:13px;padding:13px 10px;min-height:90px}.sound-intents strong{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.sound-intents span{font-size:9px;line-height:1.6;color:var(--muted);display:block}.sound-intents button:hover{border-color:#c0a7ff55}.tone-shortcuts{padding:0 0 20px;margin:0 0 18px;border-bottom:1px solid var(--line)}.tone-shortcuts .board-kicker{font-size:8px}.tone-shortcuts>div{display:flex;gap:7px;margin-top:10px}.tone-shortcuts button{font-size:11px;min-height:40px;border:1px solid var(--line);border-radius:9px;flex:1;color:var(--secondary);background:var(--board-raised)}.creative-deck .sound-layer{padding:13px 0;border-color:var(--line)}.creative-deck .sound-layer summary{font-size:12px;min-height:30px;color:var(--text);display:flex;align-items:center;gap:8px}.creative-deck .sound-layer summary span{font-size:10px;color:var(--muted)}.creative-deck .layer-main{gap:8px}.creative-deck .layer-main label{font-size:11px}.creative-deck .frequency-section{margin-top:22px}.creative-deck .frequency-section canvas{height:64px}
.pad-toolbar{display:flex;justify-content:space-between;margin:-8px 0 13px}.pad-toolbar .text-button{font-size:11px;gap:7px}.pad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.performance-pad{min-width:0;min-height:104px;display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:11px 10px 12px;border:1px solid #c2adf12b;border-radius:15px;background:radial-gradient(at 35% 0%,#ac88fa18,transparent 70%),linear-gradient(145deg,#b8a2e711,#1a142c08);box-shadow:inset 0 1px 0 #f4eaff0b,0 7px 20px #0000000d;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;transition:background .12s,border-color .12s,transform .1s}.pad-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:4px}.pad-top kbd{border:0;color:var(--muted);font-size:9px;padding:0;line-height:1;min-width:0}.pad-mode{font-size:6px;letter-spacing:1.1px;color:var(--muted)}.pad-glyph{height:17px;width:17px;border:1px solid #d9c8ff5a;border-radius:50%;margin:12px 0 10px;position:relative;display:block}.performance-pad:nth-child(3n+2) .pad-glyph{border-radius:4px;transform:rotate(45deg)}.performance-pad:nth-child(3n) .pad-glyph{border-radius:3px;width:20px;height:13px;transform:skewY(-15deg);margin-top:14px;margin-bottom:12px}.pad-glyph:after{content:'';position:absolute;inset:4px;border:1px solid #d9c8ff3b;border-radius:inherit}.performance-pad strong{font-size:12px;font-weight:550;color:var(--text);line-height:1.2}.pad-sound{font-size:8px;color:var(--muted);display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.performance-pad:hover{border-color:#c9acfc78;background:#b8a2e71c}.performance-pad:active,.performance-pad.pad-hit{transform:scale(.97);border-color:#e4d4ff;background:#c9a7ff47;box-shadow:inset 0 0 25px #ccafff25,0 0 25px #ac7cfa12}.performance-pad.pad-playing{border-color:#c9acfc9a;background:#c2a1ff2a;box-shadow:inset 0 0 20px #c9a7ff10}.performance-pad.pad-playing .pad-mode{color:var(--accent)}.performance-pad.pad-selected{outline:2px solid var(--accent);outline-offset:1px}.editing-pads .performance-pad{cursor:crosshair}.pad-footer{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px}.pad-footer p{font-size:10px;line-height:1.5;color:var(--muted);max-width:180px}.pad-footer .text-button{font-size:10px;flex-shrink:0}.pad-editor{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-heading h3{font-size:13px;font-weight:500}.editor-heading .text-button{font-size:10px}.pad-editor>label{display:grid;gap:8px;font-size:11px;margin:13px 0;color:var(--secondary)}.pad-editor .pad-lock{display:flex;align-items:center;font-size:11px;line-height:1.6}.pad-editor input[type=range]{width:100%}
body.is-immersed .board-header,body.is-immersed .creative-deck,body.is-immersed .canvas-heading,body.is-immersed .layer-strip,body.is-immersed .mini-transport{display:none!important}body.is-immersed .board-layout{display:block}body.is-immersed .board-welcome{display:none!important}body.is-immersed main.immersion-workspace{padding:0;max-width:none}body.is-immersed .stage{box-shadow:none}.board-header~main footer{display:none}.tools-dialog .save-section{display:block}.tools-dialog .watch-options{display:block}.tools-dialog .engine-state{margin:12px 0}.tools-dialog .button{min-height:44px}#paletteName{font-size:10px}.toast{background:var(--dialog);color:var(--dialog-text);border-color:var(--line);border-radius:14px;font-size:12px;line-height:1.6;padding:12px 18px;box-shadow:0 10px 30px #0002}.restore-ui{color:#e3d9f6}
@media(min-width:1550px){.board-layout{grid-template-columns:minmax(0,1fr) 410px}.creative-deck{margin-top:44px}.deck-panel{padding:28px}.performance-pad{min-height:119px}.pad-glyph{margin:14px 0}}
@media(max-width:1100px){.board-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}main.immersion-workspace{padding:18px}.board-header.topbar{padding:0 20px;gap:20px}.board-identity{padding-left:20px}.deck-panel{padding:20px}.deck-tab{font-size:9px}.creative-deck .transport{gap:5px}.board-welcome{width:350px;padding:24px}.board-welcome h2{font-size:30px}}
@media(max-width:850px){.board-header.topbar{height:68px;padding:0 18px}.board-header .brand{font-size:20px}.board-header .wave-logo{width:30px}.board-identity{display:none}.board-header-actions{gap:5px}.board-layout{display:flex;flex-direction:column;gap:16px}.canvas-column,.creative-deck{width:100%}.creative-deck{margin:0;border-radius:20px}.deck-navigation{padding:7px;gap:5px}.deck-tab{font-size:11px;min-height:60px;gap:5px}.deck-panel{max-height:none;overflow:visible;padding:24px}.module-heading{margin-bottom:20px}.module-heading h2{font-size:25px}.performance-pad{min-height:130px;padding:14px}.pad-glyph{margin:13px 0 15px}.performance-pad strong{font-size:14px}.pad-sound{font-size:10px}.pad-mode{font-size:8px}.pad-top kbd{font-size:10px}body #stage{height:clamp(300px,48dvh,600px)}.board-welcome{max-width:calc(100% - 44px);left:22px;bottom:22px;width:360px}.creative-deck .import-music{font-size:12px;gap:7px;padding:8px 12px}.creative-deck .import-music span{display:inline}.creative-deck .transport{gap:14px}.creative-deck .transport>.icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.board-layers{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.board-layer{flex-shrink:0}.creative-deck .source-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.creative-deck .source-tabs button{font-size:10px}.module-library .preset-list{max-height:400px}.creative-deck .tool-section select,.creative-deck input[type=text],.creative-deck input[type=number],.creative-deck .module-controls select{font-size:16px}.creative-deck .geometry-motion{padding-left:0}.pad-grid{gap:11px}}
@media(max-width:550px){.board-header.topbar{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;gap:8px}.board-header .brand{font-size:17px;gap:5px;letter-spacing:-.7px}.board-header .wave-logo{width:27px;height:28px}.board-header-actions{gap:2px}.board-header .board-save{width:40px;min-width:40px;padding:8px;border:0;background:none}.board-save>span{display:none}.board-header .board-immerse{padding:9px 11px;font-size:11px;gap:6px;min-height:40px}.board-header #helpBtn,.board-header #themeBtn{width:40px;min-width:40px;height:44px}.board-header #themeBtn svg,.board-header #helpBtn svg{width:19px;height:19px}main.immersion-workspace{padding:12px 12px 24px}.board-layout{gap:12px}.canvas-heading{margin:0 0 8px;min-height:22px}.canvas-heading .board-kicker{font-size:7px;letter-spacing:1.4px}.canvas-heading>div:first-child{gap:10px}.board-signal{font-size:9px}.canvas-utility .icon-button{width:26px;height:26px;min-width:26px;min-height:26px}.canvas-utility svg{width:15px;height:15px}body #stage{height:clamp(265px,39dvh,420px);border-radius:21px}.stage .stage-top{top:12px;right:12px;left:12px}.stage .stage-top-actions .icon-button{width:36px;height:36px;min-height:36px;min-width:36px}.stage .stage-top-actions svg{width:16px;height:16px}.stage .stage-bottom{left:17px;bottom:17px;right:14px}.stage-bottom h2{font-size:18px}.scene-kicker{font-size:6px}.scene-nav .icon-button{width:32px;min-width:32px;height:32px;min-height:32px}.board-welcome{left:16px;bottom:16px;max-width:calc(100% - 32px);padding:20px;width:320px;border-radius:17px}.board-welcome .board-kicker{font-size:7px}.board-welcome h2{font-size:29px;margin:12px 0 9px}.board-welcome p{font-size:10px}.welcome-actions{margin-top:17px;gap:7px}.welcome-actions .button{font-size:10px;padding:9px 11px;min-height:42px}.welcome-soundscape{font-size:10px;min-height:30px;padding-top:11px}.mini-transport{min-height:51px;padding:9px 0 3px;gap:9px}.mini-transport strong{font-size:11px}.mini-transport span{font-size:9px}.mini-transport .text-button{font-size:9px;min-height:36px}.mini-transport>.icon-button{width:32px;height:32px;min-width:32px;min-height:32px}.layer-strip{padding:7px 0 0}.layer-strip-heading{margin-bottom:5px}.layer-strip-heading .board-kicker{font-size:7px;letter-spacing:1.4px}.layer-strip-heading .text-button{font-size:8px;min-height:24px}.board-layers{gap:6px}.board-layer{min-height:37px;padding:7px 10px;font-size:10px;gap:8px;border-radius:10px}.board-layer small{font-size:8px}.deck-panel{padding:20px}.deck-tab{font-size:10px;min-height:59px}.deck-tab svg{width:18px;height:18px}.module-heading h2{font-size:23px}.module-heading .board-kicker{font-size:7px}.module-heading{margin-bottom:20px}.creative-deck .track-details strong{font-size:14px}.creative-deck .track-details>span{font-size:10px}.creative-deck .import-music{font-size:10px;padding:8px 10px;gap:6px}.creative-deck .import-music svg{width:15px;height:15px}.creative-deck .transport{margin:20px 0 11px;gap:7px}.creative-deck .transport .play-button{width:58px;height:58px;min-width:58px;min-height:58px}.creative-deck .timeline-row{margin-bottom:15px}.creative-deck .source-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-pad{min-height:108px;padding:11px 10px}.performance-pad strong{font-size:12px}.pad-sound{font-size:8px}.pad-mode{font-size:6px}.pad-glyph{margin:11px 0 12px}.pad-grid{gap:9px}.module-footnote{font-size:10px}.creative-deck .sound-intents span{font-size:9px}.creative-deck .geometry-quick-actions .button{font-size:11px}.sound-intents button{min-height:88px}.visual-media-actions .button{font-size:11px}.photo-button svg{width:16px}.creative-deck .tool-section .button{width:auto}.creative-deck .face-actions .button{flex:1}.creative-deck .range-section.exposed{display:block}.creative-deck .extra-controls{display:block}}
@media(max-width:360px){.board-header .brand{font-size:15px}.board-header .wave-logo{width:23px}.board-header .board-immerse{width:40px;min-width:40px;padding:9px}.board-immerse>span{display:none}.board-header-actions{gap:1px}.deck-panel{padding:16px}.welcome-actions .button{font-size:9px;padding:9px}.board-welcome{padding:17px}.board-welcome h2{font-size:26px}.pad-grid{gap:7px}.performance-pad{padding:10px 8px;min-height:100px}.performance-pad strong{font-size:11px}.creative-deck .transport{gap:3px}.creative-deck .transport>.icon-button{min-width:40px;width:40px}.module-heading h2{font-size:22px}.board-layer{padding:7px 9px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){.board-header.topbar{height:56px;position:relative;padding-top:0}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.creative-deck{margin-top:32px}.deck-panel{max-height:calc(100dvh - 170px);overflow:auto;padding:18px}.deck-navigation{gap:1px;padding:5px}.deck-tab{min-height:52px;font-size:9px}.board-header .brand{font-size:19px}.canvas-heading{min-height:24px;margin-bottom:8px}body #stage{position:relative;inset:auto;height:calc(100dvh - 180px);min-height:210px;width:100%;z-index:0;border:1px solid #d8cdff20;border-radius:19px}.board-welcome{padding:17px;left:13px;bottom:13px;max-width:calc(100% - 26px)}.board-welcome h2{font-size:23px;margin:8px 0}.board-welcome p,.board-welcome>.board-kicker,.welcome-soundscape{display:none}.welcome-actions{margin-top:12px}.board-identity{display:none}.performance-pad{min-height:93px}.mini-transport{padding-top:8px}.layer-strip-heading{display:none}.layer-strip{padding-top:4px}.canvas-column{min-width:0}.board-header-actions{gap:5px}main.immersion-workspace{padding-top:12px}.creative-deck .audio-panel{position:static;inset:auto;display:block;grid-template-columns:none;padding:0;border-radius:0;max-height:none}.creative-deck .transport{display:flex;justify-content:center;margin:16px 0 10px}.creative-deck .playback-more{grid-column:auto}.creative-deck .track-row{display:flex;grid-column:auto;grid-row:auto}.creative-deck .timeline-row{display:flex;grid-column:auto;grid-row:auto}.module-heading{margin-bottom:16px}.module-heading h2{font-size:21px}.module-index{font-size:7px}.stage .stage-bottom{bottom:15px}.stage .stage-top{top:12px}}
@media(prefers-reduced-motion:reduce){.performance-pad,.deck-tab{transition:none}.performance-pad:active{transform:none}}

.creative-deck .import-music{font-size:11px;gap:7px;padding:8px 10px}.creative-deck .import-music span{display:inline}

:root{--dialog:#181721f7;--dialog-text:#f2f0f8;--dialog-muted:#b3abc4}.board-layer small{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-sound{font-size:9px}.pad-mode{font-size:7px}
@media(max-width:550px){body[data-module=pads] .canvas-heading,body[data-module=pads] .layer-strip,body[data-module=pads] #panel-pads>.module-heading,body[data-module=pads] #panel-pads>.module-footnote{display:none}body[data-module=pads] #stage{height:clamp(100px,calc(100dvh - 630px),230px)}body[data-module=pads] #panel-pads{padding:12px 16px 16px}body[data-module=pads] .pad-toolbar{margin:0 0 9px}body[data-module=pads] .pad-toolbar .text-button{min-height:32px}body[data-module=pads] .performance-pad{min-height:88px;padding:9px 10px}body[data-module=pads] .pad-grid{gap:8px}body[data-module=pads] .performance-pad .pad-glyph,body[data-module=pads] .performance-pad:nth-child(3n) .pad-glyph{width:13px;height:13px;margin:6px 0 8px}body[data-module=pads] .pad-footer{margin-top:8px}body[data-module=pads] .pad-footer .text-button{min-height:30px}body[data-module=pads] .pad-footer p{font-size:9px}body[data-module=pads] .deck-tab{min-height:54px}body[data-module=pads] .mini-transport{min-height:44px;padding-top:7px}body[data-module=pads] .board-layout{gap:8px}}
.creative-deck .board-volume{display:flex;gap:12px;align-items:center;padding:3px 0 18px}.board-volume>span{font-size:10px;color:var(--muted);white-space:nowrap}.creative-deck .board-volume .volume{min-width:0;flex:1;gap:8px;width:auto;margin:0}.board-volume .volume svg{display:none}.creative-deck .board-volume input{height:24px;min-width:0;max-width:100%;width:100%}.board-volume output{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.performance-pad{touch-action:manipulation}

.mini-transport .board-stop{min-height:44px;flex-shrink:0;gap:6px}.mini-transport .board-stop .stop-square{width:7px;height:7px}.mini-transport .board-stop:hover{color:var(--text)}