/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#292825;--muted:#7f7b72;--paper:#f3f0e8;--panel:#fbfaf6;--line:#ded9cf;--sage:#718b79;--sage-deep:#50675a;--clay:#bf755d;--gold:#c8a76a;--shadow:0 22px 60px #2b271f14}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Yu Gothic UI,Hiragino Sans,Noto Sans JP,sans-serif}button,input,select{font:inherit}button{color:inherit}.welcome{background:radial-gradient(circle at 50% 40%,#faf8f1 0 25%,#0000 60%),linear-gradient(135deg,#ede9df,#f7f4ec);place-items:center;min-height:100vh;padding:54px 24px 70px;display:grid;position:relative;overflow:hidden}.welcome-noise{opacity:.23;pointer-events:none;background-image:repeating-linear-gradient(115deg,#0000 0 3px,#52483706 4px 5px);position:absolute;inset:0}.welcome-card{text-align:center;z-index:1;width:min(630px,100%);position:relative}.welcome-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:40px;display:flex}.welcome-brand>span{border:1px solid var(--sage);width:36px;height:36px;color:var(--sage);border-radius:50%;place-items:center;font-size:24px;display:grid}.welcome-brand b{letter-spacing:.04em;font-family:Georgia,serif;font-size:18px}.welcome-brand small{letter-spacing:.2em;color:var(--muted);font-size:8px}.welcome-orbit{place-items:center;width:160px;height:160px;margin:0 auto 24px;display:grid;position:relative}.welcome-orbit i{border:1px solid #718b7959;border-radius:50%;width:100%;height:50%;position:absolute;transform:rotate(-18deg)}.welcome-orbit i:nth-child(2){width:78%;height:100%;transform:rotate(42deg)}.welcome-orbit i:nth-child(3){width:58%;height:88%;transform:rotate(92deg)}.welcome-orbit span{color:#8e6451;background:#e0bda4;border-radius:45% 45% 42% 42%;place-items:center;width:58px;height:72px;font-size:22px;display:grid;box-shadow:0 12px 28px #9f806a33}.eyebrow{color:var(--sage);letter-spacing:.2em;font-size:9px;font-weight:800}.welcome h1{letter-spacing:.02em;margin:13px 0 18px;font-family:Georgia,Yu Mincho,serif;font-size:clamp(48px,7vw,76px);font-weight:400;line-height:1.12}.welcome h1 em{color:var(--clay);font-weight:400}.welcome-card>p{color:#69655e;max-width:490px;margin:0 auto 28px;font-size:14px;line-height:2}.safety{text-align:left;background:#ece9df;border:1px solid #ddd7cc;border-radius:12px;align-items:center;gap:14px;max-width:470px;margin:0 auto 20px;padding:14px 17px;display:flex}.safety>span{width:34px;height:34px;color:var(--sage);background:#f7f5ef;border-radius:50%;flex:none;place-items:center;display:grid}.safety strong,.safety small{display:block}.safety strong{margin-bottom:3px;font-size:12px}.safety small{color:var(--muted);font-size:10px;line-height:1.5}.welcome-volume{text-align:left;max-width:470px;margin:0 auto 18px;display:block}.welcome-volume span{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}input[type=range]{--fill:30%;appearance:none;width:100%;height:3px;accent-color:var(--sage);background:#d5d0c6;border-radius:5px;margin:12px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sage);border:3px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 5px #0003}.start-button{background:var(--sage-deep);color:#fff;letter-spacing:.06em;cursor:pointer;border:0;border-radius:10px;width:100%;max-width:470px;height:57px;font-weight:700;box-shadow:0 12px 28px #50675a40}.start-button:hover{background:#42594b;transform:translateY(-1px)}.start-button span{margin-left:18px}.start-button:disabled{opacity:.65}.permission-note{color:#99938a;margin-top:12px;font-size:9px;display:block}.welcome footer{color:#989289;letter-spacing:.12em;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:22px;left:28px;right:28px}.studio-shell{background:#eeece5;min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9f5f2;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{border:1px solid var(--sage);width:34px;height:34px;color:var(--sage);border-radius:50%;place-items:center;font-size:23px;display:grid}.brand strong,.brand small{display:block}.brand strong{font:18px Georgia,serif}.brand small{letter-spacing:.2em;color:#989188;margin-top:2px;font-size:7px}.header-actions{gap:10px;display:flex}.quiet-btn,.record-btn{border:1px solid var(--line);cursor:pointer;background:#f8f6f1;border-radius:8px;height:37px;padding:0 14px;font-size:11px}.quiet-btn span{margin-left:12px}.record-btn{background:var(--ink);color:#fff;border-color:var(--ink);min-width:88px}.record-btn i{background:#db7d66;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.record-btn.is-recording{background:#8b4f42}.notice{z-index:60;box-shadow:var(--shadow);cursor:pointer;background:#fffaf4;border:1px solid #d8c6b7;border-radius:8px;padding:11px 14px;font-size:11px;position:fixed;top:80px;left:50%;transform:translate(-50%)}.notice span{color:var(--muted);margin-left:24px}.preset-popover{border:1px solid var(--line);width:260px;box-shadow:var(--shadow);z-index:50;background:#fbfaf6;border-radius:12px;padding:10px;position:fixed;top:62px;right:118px}.popover-title{justify-content:space-between;align-items:center;padding:8px;display:flex}.popover-title strong{font:15px Georgia,serif}.popover-title button{cursor:pointer;background:0 0;border:0}.preset-popover>button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;width:100%;padding:10px;display:flex}.preset-popover>button:hover{background:#efede6}.preset-popover>button span{font-size:12px}.preset-popover>button small{color:var(--muted);font-size:9px}.preset-foot{border-top:1px solid var(--line);gap:6px;padding-top:8px;display:flex}.preset-foot button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:7px;font-size:9px}.workspace{grid-template-columns:250px minmax(500px,1fr) 275px;min-height:calc(100vh - 70px);display:grid}.panel{background:var(--panel)}.library{border-right:1px solid var(--line);padding:26px 19px 18px}.controls{border-left:1px solid var(--line);padding:26px 20px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2,.mixer h2{margin:4px 0;font:19px Georgia,Yu Mincho,serif}.count{color:var(--muted);background:#eeece5;border-radius:20px;padding:4px 7px;font-size:10px}.hint{color:#a09a91;margin:5px 0 17px;font-size:9px}.sound-list{flex-direction:column;gap:7px;display:flex}.sound-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.sound-card:hover{border-color:var(--line);background:#fff;box-shadow:0 5px 16px #413a2d0b}.sound-card strong,.sound-card small{display:block}.sound-card strong{font-size:11px}.sound-card small{color:var(--muted);margin-top:3px;font-size:8px}.sound-card b{color:#aaa399;font-size:16px;font-weight:400}.sound-icon{color:#638084;background:#dbe6e6;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.type-fire,.type-wood{color:#a2704e!important;background:#ead9c6!important}.type-rain{color:#67868a!important;background:#d9e6e6!important}.type-microphone{color:#7c6a91!important;background:#dfd8e8!important}.type-glass{color:#657d8c!important;background:#d8e5ec!important}.type-brush{color:#936c73!important;background:#e9dfe0!important}.type-paper,.type-keyboard{color:#7c796a!important;background:#e4e1d5!important}.privacy{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:18px;padding-top:16px;display:flex}.privacy>span{color:var(--sage)}.privacy strong,.privacy small{display:block}.privacy strong{font-size:9px}.privacy small{color:var(--muted);margin-top:2px;font-size:7px}.stage-column{background:#f1efe9;grid-template-rows:minmax(500px,1fr) auto;display:grid}.stage{background:radial-gradient(circle,#faf9f5 0 8%,#f1efe9 55%,#e7e4dc 100%);min-height:530px;position:relative;overflow:hidden}.stage:before{content:"";background-image:linear-gradient(#8e887a08 1px,#0000 1px),linear-gradient(90deg,#8e887a08 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0}.stage-heading{z-index:3;justify-content:space-between;display:flex;position:absolute;top:25px;left:29px;right:29px}.stage-heading h1{margin:4px 0;font:25px Georgia,Yu Mincho,serif}.live{letter-spacing:.12em;color:var(--sage);border:1px solid var(--line);background:#faf9f4;border-radius:20px;height:25px;padding:6px 9px;font-size:8px}.live i{background:#8ca58f;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.orbit{border:1px solid #726d632b;border-radius:50%;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:190px;height:150px}.orbit-2{width:370px;height:290px}.orbit-3{width:560px;height:430px}.orbit:after{content:"";border-left:1px dashed #726d6314;height:100%;position:absolute;top:0;left:50%}.head{z-index:2;justify-content:center;align-items:center;width:120px;height:140px;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.face{background:linear-gradient(145deg,#d9b698,#c7997d);border-radius:46% 46% 43% 43%;width:82px;height:106px;position:relative;box-shadow:inset -9px -8px 18px #9b6f5744,0 16px 35px #70513b25}.face span{background:#a3755e55;width:1px;height:47px;position:absolute;top:24px;left:50%}.face i{border-bottom:1px solid #90665088;border-radius:50%;width:22px;height:8px;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.ear{color:#a77a63;background:#d5ad91;border:1px solid #b4876e;place-items:center;width:20px;height:45px;font:8px Georgia,serif;display:grid}.ear-left{border-radius:90% 30% 30% 90%}.ear-right{border-radius:30% 90% 90% 30%}.head small{letter-spacing:.2em;color:#9c9488;font-size:7px;position:absolute;bottom:-9px}.axis-label{letter-spacing:.2em;color:#aaa399;font-size:7px;position:absolute;top:53%}.axis-label.left{left:30px}.axis-label.right{right:30px}.stage-sound{z-index:4;cursor:grab;touch-action:none;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.stage-sound:active{cursor:grabbing}.stage-sound>span{background:#dce6e6;border:4px solid #f8f7f3;border-radius:50%;place-items:center;width:50px;height:50px;font-size:19px;display:grid;box-shadow:0 8px 20px #4f493d2b}.stage-sound.selected>span{outline:2px solid var(--sage);outline-offset:4px}.stage-sound.muted{opacity:.45}.stage-sound small{border:1px solid var(--line);white-space:nowrap;color:#666057;background:#faf9f5;border-radius:9px;margin-top:7px;padding:3px 7px;font-size:7px;display:block}.stage-legend{color:#8e887e;gap:14px;font-size:7px;display:flex;position:absolute;bottom:18px;right:22px}.dot{border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.dot.active{background:var(--sage)}.dot.moving{border:1px solid var(--clay)}.empty-stage{color:#a49e94;font:11px Georgia,serif;position:absolute;top:68%;left:50%;transform:translate(-50%)}.mixer{border-top:1px solid var(--line);padding:19px 26px 21px;position:relative}.mixer-header{justify-content:space-between;align-items:center;display:flex}.headphone{color:var(--muted);font-size:8px}.master-grid{grid-template-columns:1.2fr 1fr 1fr;gap:26px;margin-top:12px;display:grid}.master-volume span,.meter-block>div:first-child,.timer-block>div:first-child,.control>span{justify-content:space-between;align-items:center;display:flex}.master-grid b,.control b,.field>span{font-size:9px}.master-grid em,.control em{color:var(--sage);font:11px Georgia,serif}.meter-track{background:#d8d4cb;border-radius:5px;height:5px;margin:12px 0 6px;overflow:hidden}.meter-track i{background:linear-gradient(90deg,var(--sage),var(--gold),var(--clay));height:100%;transition:width 80ms;display:block}.meter-block small{color:var(--muted);font-size:7px}.timer-block select,.field select{border:1px solid var(--line);color:#69645c;background:#f3f1eb;border-radius:6px;height:31px;padding:0 7px;font-size:9px}.timer-block button{background:var(--sage);color:#fff;border:0;border-radius:6px;height:31px;margin-left:5px;padding:0 10px;font-size:8px}.download{background:var(--sage-deep);color:#fff;border-radius:7px;padding:8px 12px;font-size:9px;text-decoration:none;position:absolute;top:15px;right:27px}.selected-title{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:9px;margin:19px 0;padding-bottom:17px;display:grid}.selected-title strong,.selected-title small{display:block}.selected-title strong{font:14px Georgia,Yu Mincho,serif}.selected-title small{color:var(--muted);margin-top:3px;font-size:8px}.selected-title>button{color:#9e978e;cursor:pointer;background:0 0;border:0}.monitor-row{background:#f1eee7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 11px;display:flex}.monitor-row b,.monitor-row small{display:block}.monitor-row b{font-size:9px}.monitor-row small{color:var(--muted);margin-top:2px;font-size:7px}.switch{cursor:pointer;background:#c9c5bc;border:0;border-radius:12px;width:34px;height:19px;padding:2px}.switch i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.switch.on{background:var(--sage)}.switch.on i{transform:translate(15px)}.control{margin:17px 0;display:block}.xy-readout{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;display:grid}.xy-readout span{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:8px;font-size:8px}.xy-readout b{float:right;color:var(--ink)}.field{margin:15px 0;display:block}.field>span{margin-bottom:7px;display:block}.field select{width:100%}.toggle-pair{grid-template-columns:1fr 1fr;gap:7px;margin:17px 0;display:grid}.toggle-pair button{border:1px solid var(--line);cursor:pointer;background:#f4f2ec;border-radius:7px;padding:8px;font:13px Georgia,serif}.toggle-pair button.active{background:var(--ink);color:#fff}.toggle-pair small{margin-left:4px;font:7px sans-serif}.play-control{background:var(--sage-deep);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;padding:11px;font-size:9px}.no-selection{text-align:center;color:#99938b;padding-top:110px}.no-selection>span{color:#c8c3b9;font-size:40px}.no-selection p{font:11px/1.8 Georgia,serif}.manual-player{border:1px solid var(--line);background:#eeece5;border-radius:10px;margin:17px 0;padding:13px 12px 11px}.manual-player-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.manual-player-head b,.manual-player-head small{display:block}.manual-player-head b{font-size:9px}.manual-player-head small{color:var(--muted);margin-top:3px;font-size:7px}.mode-switch{background:#dedbd3;border-radius:6px;padding:2px;display:flex}.mode-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 7px;font-size:7px}.mode-switch button.active{color:var(--ink);background:#fbfaf6;box-shadow:0 1px 4px #3b352818}.tap-pads{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:12px;display:grid}.tap-pads button{cursor:pointer;background:#fbfaf6;border:1px solid #d3cec3;border-bottom-width:3px;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:38px;transition:transform 60ms,background 60ms,border-color 60ms;display:flex}.tap-pads button:hover{border-color:#a8b5aa}.tap-pads button.active,.tap-pads button:active{border-bottom-width:1px;border-color:var(--sage);background:#dce6de;transform:translateY(2px)}.tap-pads kbd{font:9px Georgia,serif}.tap-pads span{background:var(--sage);border-radius:50%;width:3px;height:3px}.manual-player>p{text-align:center;color:var(--muted);margin:9px 0 0;font-size:7px;line-height:1.5}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b2925aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#faf9f5;border-radius:14px;width:min(400px,100%);padding:30px;box-shadow:0 30px 80px #0005}.modal-icon{color:var(--sage);font-size:36px}.modal h2{font:22px Georgia,Yu Mincho,serif}.modal p{color:var(--muted);font-size:11px;line-height:1.8}.modal button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:11px;font-size:10px}.modal .primary{background:var(--sage-deep);color:#fff;margin:12px 0 4px}.fallback{text-align:center;background:var(--paper);place-content:center;min-height:100vh;padding:30px;display:grid}.fallback>span{color:var(--sage);font-size:56px}.fallback h1{font:28px Georgia,Yu Mincho,serif}.fallback p{color:var(--muted);font-size:12px}.fallback button{background:var(--sage-deep);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-self:center;padding:11px 24px}@media (width<=1050px){.workspace{grid-template-columns:220px minmax(430px,1fr)}.controls{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:180px repeat(3,1fr);gap:16px;display:grid}.controls>.panel-heading{grid-column:1}.selected-title{grid-column:1;margin:0}.controls .monitor-row,.controls .field,.controls .control,.controls .xy-readout,.controls .toggle-pair,.controls .play-control{align-self:center;margin:0}.no-selection{grid-column:2/-1;padding:20px}.stage{min-height:520px}}@media (width<=720px){.topbar{padding:0 14px}.brand small,.quiet-btn{display:none}.workspace{flex-direction:column;display:flex}.stage-column{order:1}.library{border-right:0;border-top:1px solid var(--line);order:2}.controls{border-top:1px solid var(--line);order:3;display:block}.sound-list{grid-template-columns:1fr 1fr;display:grid}.stage{min-height:470px}.orbit-3{width:90%;height:75%}.master-grid{grid-template-columns:1fr;gap:12px}.welcome footer{display:none}.welcome{padding-top:34px}.welcome-brand{margin-bottom:18px}.welcome-orbit{width:115px;height:115px}.welcome h1{font-size:48px}}