:root{--bg:#191918;--panel:#20201e;--text:#eee9df;--muted:#aaa59b;--faint:#727067;--border:#3d3c36;--accent:#ff9d67;--right:#85afff;--paper:#e8dfcb;--ink:#24231f;--line:#646056;--serif:Georgia,"Times New Roman",serif;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Arial,PingFang TC,Microsoft JhengHei,sans-serif;font-size:14px}:root.light{--bg:#eae5db;--panel:#e1dcd1;--text:#282622;--muted:#676259;--faint:#888174;--border:#bfb8a9;--accent:#ba431d;--right:#2555ae;--paper:#282622;--ink:#eae5db;--line:#a49b88;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.36}button{background:0 0;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--right);outline-offset:5px}button:hover:not(:disabled){color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#app{visibility:visible}#boot{display:none}#app{max-width:1800px;margin:auto;padding:0 4.1vw}.masthead{border-bottom:1px solid var(--border);align-items:center;gap:38px;height:101px;display:flex}.brand{letter-spacing:-3.5px;align-items:center;gap:16px;font-size:46px;font-weight:500;line-height:1;text-decoration:none;display:flex}.brand-mark{isolation:isolate;width:34px;display:flex}.brand-mark i{border:1px solid var(--accent);border-radius:50%;flex-shrink:0;width:24px;height:24px}.brand-mark i+i{border-color:var(--right);margin-left:-14px}.edition{color:var(--muted);letter-spacing:.13em;font-size:10px;line-height:1.7}.edition b{letter-spacing:.09em;font-size:10px;font-weight:400;display:block}.header-tools{align-items:center;gap:24px;margin-left:auto;display:flex}.quiet-button{white-space:nowrap;padding:12px 0;font-size:12px}.quiet-button span{margin-left:10px}.theme-button{width:44px;height:44px;font-size:25px}.export-button{white-space:nowrap;background:var(--paper);min-height:48px;color:var(--ink);flex-shrink:0;align-items:center;gap:38px;padding:15px 20px;font-size:12px;display:flex}.export-button span{font-size:23px;line-height:.7}.export-button:hover:not(:disabled){background:var(--accent);color:var(--bg)}main,.instrument{position:relative}.instrument-heading{pointer-events:none;z-index:2;justify-content:space-between;align-items:start;display:flex;position:absolute;top:31px;left:0;right:0}.instrument-heading h1{letter-spacing:.04em;margin:0;font-size:22px;font-weight:400;line-height:1.55}.instrument-heading h1 em{color:var(--muted);font-style:normal}.instrument-heading p{color:var(--muted);letter-spacing:.06em;margin:12px 0 0;font-size:11px}.field-meta{color:var(--muted);letter-spacing:.06em;flex-direction:column;align-items:end;gap:12px;font-size:10px;display:flex}#play-state{align-items:center;gap:7px;display:flex}#play-state:before{content:"";background:var(--faint);border-radius:50%;width:5px;height:5px}#play-state.playing:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.sound-field{isolation:isolate;height:480px;position:relative}#frequency-art{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sound-core{touch-action:none;cursor:grab;z-index:3;width:64px;height:64px;color:var(--accent);-webkit-user-select:none;user-select:none;padding:0;position:absolute;transform:translate(-50%,-50%)}.sound-core:hover:not(:disabled),.sound-core:active:not(:disabled){color:var(--accent);transform:translate(-50%,-50%)}.sound-core.right-core,.sound-core.right-core:hover:not(:disabled){color:var(--right)}.core-dot{background:var(--bg);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 7%,transparent);border:1px solid;border-radius:50%;place-items:center;transition:box-shadow .18s,background .18s;display:grid;position:absolute;inset:12px}.core-dot i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 15px}.sound-core:hover .core-dot,.sound-core:focus-visible .core-dot,.is-dragging .core-dot{box-shadow:0 0 0 9px color-mix(in srgb,currentColor 9%,transparent)}.is-dragging .sound-core{cursor:grabbing}.core-label{white-space:nowrap;text-align:right;pointer-events:none;text-shadow:0 1px 10px var(--bg);position:absolute;bottom:67px;left:auto;right:42px}.right-core .core-label{text-align:left;left:42px;right:auto}.core-label>small{letter-spacing:.17em;color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.core-label strong{font-family:var(--serif);letter-spacing:-1px;font-size:34px;font-weight:400;display:block}.core-label strong small{letter-spacing:0;color:var(--muted);font:10px Arial,sans-serif}.pitch-axis{height:150px;color:var(--faint);flex-direction:column;align-items:center;gap:13px;font-size:10px;display:flex;position:absolute;top:155px;left:0}.pitch-axis i{background:var(--border);flex:1;width:1px;display:block;position:relative}.pitch-axis i:before{content:"";background:var(--muted);width:5px;height:1px;position:absolute;top:50%;left:-2px}.field-readout{text-align:center;z-index:4;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.readout-label{letter-spacing:.12em;color:var(--muted);margin-bottom:1px;font-size:10px;display:block}.field-readout>div{justify-content:center;align-items:baseline;gap:8px;display:flex}.field-readout input{font-size:78px;font-family:var(--serif);letter-spacing:-4px;text-align:center;background:0 0;border:0;width:2.5ch;padding:0;font-weight:400;line-height:1.1}.field-readout>div>span{color:var(--muted);font-size:12px}.carrier-readout{align-items:baseline;gap:7px;font-size:11px;display:flex;position:absolute;bottom:25px;left:0}.carrier-readout label{color:var(--muted);margin-right:12px}.carrier-readout input{width:3.8ch;font-size:23px;font-family:var(--serif);background:0 0;border:0;padding:4px 0}.carrier-readout>span{color:var(--faint);font-size:10px}.reset-button{align-items:center;gap:10px;padding:12px 0 12px 16px;font-size:24px;display:flex;position:absolute;bottom:22px;right:0}.reset-button span{font-size:11px}.field-caption{color:var(--faint);writing-mode:vertical-rl;letter-spacing:.16em;font-size:9px;position:absolute;bottom:76px;right:0}.frequency-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:61px;display:flex}.strip-label{color:var(--muted);font-size:11px}.strip-label span{margin-left:22px}.presets{align-items:stretch;gap:20px;height:100%;display:flex}.presets button{width:65px;font-family:var(--serif);color:var(--muted);font-size:21px;position:relative}.presets small{margin-left:3px;font:9px Arial,sans-serif}.presets button[aria-pressed=true]{color:var(--text)}.presets button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.precision{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px;padding:24px 0;display:grid}.precision label{font-size:12px}.precision small{float:right;color:var(--muted);font-size:10px}.precision p{color:var(--muted);margin:0;font-size:10px;line-height:1.8}.tape{border-bottom:1px solid var(--border);grid-template-columns:72px minmax(0,1fr) 235px;align-items:center;gap:27px;padding:26px 0;display:grid}.play-button{border:1px solid var(--text);border-radius:50%;width:72px;height:72px;font-size:22px;transition:background .18s}.play-button:hover:not(:disabled){background:var(--paper);color:var(--ink)}#play-symbol{line-height:1;display:block}.tape-body{min-width:0}.drop-zone{align-items:center;min-height:72px;display:flex;position:relative}.drop-zone input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.drop-zone:focus-within{outline:2px solid var(--right);outline-offset:5px}.drop-zone strong{letter-spacing:.02em;font-size:19px;font-weight:400}.drop-zone strong span{color:var(--accent);margin-left:20px;font-size:16px}.drop-zone p{color:var(--muted);margin:10px 0;font-size:10px}.drop-zone:hover strong{color:var(--accent)}.track-title{align-items:center;gap:14px;min-width:0;display:flex}.track-title>div{flex:1;min-width:0}.track-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;display:block;overflow:hidden}.track-title #track-meta{color:var(--muted);margin-top:5px;font-size:9px;display:block}.remove-button{width:32px;height:44px;color:var(--muted);font-size:22px}#waveform{width:100%;height:23px;margin-top:6px;display:block}.timeline{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:10px;font-size:9px;display:flex}.timeline #seek{flex:1;min-width:0}.restart{width:32px;height:32px;padding:0;font-size:20px}.tape-options{border-left:1px solid var(--border);flex-direction:column;align-items:stretch;gap:9px;padding-left:28px;display:flex}.tape-options>.quiet-button{text-align:left;color:var(--muted);padding:6px 0;font-size:11px}.compare{gap:4px;display:flex}.compare button{min-height:36px;color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;padding:7px 9px;font-size:10px}.compare button[aria-pressed=true]{border-color:var(--text);color:var(--text)}.pure-duration{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.pure-duration select{background:var(--bg);border:0;padding:8px 0}.mix-console{border-bottom:1px solid var(--border);grid-template-columns:1.1fr 1fr .52fr;gap:36px;padding:25px 0 19px;display:grid}.mix-layers{grid-template-columns:1fr 1fr;gap:26px;display:grid}.volume-control{min-width:0}.volume-control>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.volume-control small{letter-spacing:.04em;color:var(--faint);margin-left:6px;font-size:8px}.volume-control output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.ear-controls{border-left:1px solid var(--border);grid-template-columns:1fr 40px 1fr;gap:8px;padding-left:28px;display:grid}.ear-controls label[for=left]{color:var(--accent)}.ear-controls label[for=right]{color:var(--right)}.swap-button{color:var(--muted);align-self:center;width:40px;height:44px;font-size:22px}.swap-button[aria-pressed=true]{color:var(--accent)}.master-control{border-left:1px solid var(--border);padding-left:27px}input[type=range]{--fill:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--text) var(--fill),var(--border) var(--fill));height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:5px;height:14px;box-shadow:0 0 0 3px var(--bg);border:0;border-radius:0;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--border);height:2px}input[type=range]::-moz-range-progress{background:var(--text);height:2px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:0;width:5px;height:14px}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent)}#left::-webkit-slider-thumb{background:var(--accent)}#right::-webkit-slider-thumb{background:var(--right)}.activity{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:11px;display:flex}.activity>div{min-width:0}.activity p{margin:0;line-height:1.6}.activity.error{color:var(--accent)}.activity a{color:var(--text);margin-top:10px;display:inline-block}progress{max-width:100%;height:3px;accent-color:var(--accent);margin-top:10px}footer{color:var(--faint);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:9px;display:flex}footer i{background:var(--accent);border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.drop-overlay{background:color-mix(in srgb,var(--bg) 94%,transparent);border:1px solid var(--accent);z-index:20;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:18px}.drop-overlay span{font-family:var(--serif);font-size:clamp(25px,5vw,64px)}.drop-overlay small{color:var(--muted)}dialog{color:var(--text);background:var(--bg);border:1px solid var(--border);width:calc(100% - 32px);max-width:570px;max-height:85dvh;padding:48px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a}dialog h2{margin:20px 0;font-size:38px;font-weight:400;line-height:1.5}dialog p{color:var(--muted);font-size:12px;line-height:1.9}dialog .overline{letter-spacing:.15em;font-size:9px}.dialog-close{width:44px;height:44px;font-size:27px;position:absolute;top:14px;right:18px}.is-bypassed canvas,.is-bypassed .core-dot{opacity:.5}@media (min-width:1500px){.sound-field{height:540px}.masthead{height:116px}}@media (max-width:1000px){#app{padding:0 28px}.masthead{gap:24px}.brand{font-size:39px}.header-tools{gap:16px}.sound-field{height:450px}.instrument-heading h1{font-size:19px}.presets{gap:10px}.presets button{width:52px}.tape{grid-template-columns:60px minmax(0,1fr) 192px;gap:18px}.play-button{width:60px;height:60px}.tape-options{padding-left:18px}.mix-console{grid-template-columns:1fr 1fr;gap:22px}.master-control{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;align-items:center;gap:28px;padding:18px 0 0;display:flex}.master-control>div{min-width:150px;margin:0}.master-control>input{flex:1}.ear-controls{gap:4px;padding-left:20px}}@media (max-width:650px){#app{padding:0 20px}.masthead{gap:10px;height:79px}.brand{letter-spacing:-2.8px;gap:10px;font-size:34px}.brand-mark{width:25px}.brand-mark i{width:20px;height:20px}.brand-mark i+i{margin-left:-13px}.edition{display:none}.header-tools{gap:6px}.header-tools>.quiet-button{width:26px;height:44px;font-size:0}.header-tools>.quiet-button span{margin:0;font-size:18px}.theme-button{width:28px;font-size:23px}.export-button{gap:10px;min-height:40px;padding:11px 10px;font-size:10px}.export-button span{font-size:18px}.instrument-heading{top:24px}.instrument-heading h1{font-size:17px;line-height:1.45}.instrument-heading p{max-width:195px;margin-top:9px;font-size:10px;line-height:1.7}.field-meta{gap:8px;margin-top:4px;font-size:8px}.field-meta>span+span{display:none}.sound-field{height:460px;padding-top:0}.core-label{bottom:58px;right:29px}.right-core .core-label{left:29px}.core-label>small{margin-bottom:5px;font-size:8px}.core-label strong{font-size:24px}.core-label strong small{font-size:8px}.core-dot{inset:16px}.core-dot i{width:7px;height:7px}.field-readout{bottom:25px}.field-readout input{font-size:67px}.field-readout>div{gap:5px}.readout-label{font-size:9px}.carrier-readout{flex-wrap:wrap;gap:3px;width:70px;bottom:36px}.carrier-readout label{width:100%;margin:0;font-size:9px}.carrier-readout input{font-size:19px}.reset-button{gap:6px;font-size:22px;bottom:31px}.reset-button span{font-size:10px}.pitch-axis{height:130px;font-size:8px;top:156px}.field-caption{font-size:8px;bottom:130px;right:0}.frequency-strip{flex-wrap:wrap;gap:0;height:auto;position:relative}.strip-label{align-items:center;height:42px;font-size:9px;display:flex}.strip-label span{margin-left:12px}.frequency-strip>.quiet-button{height:42px;padding:10px 0;font-size:10px;position:absolute;top:0;right:0}.presets{order:3;justify-content:space-between;gap:5px;width:100%;height:46px}.presets button{flex:1;font-size:21px}.presets small{font-size:9px}.precision{grid-template-columns:1fr;gap:20px;padding:20px 0}.precision p{font-size:10px}.tape{grid-template-columns:48px minmax(0,1fr);gap:15px;padding:22px 0}.play-button{width:48px;height:48px;font-size:17px}.drop-zone{min-height:69px}.drop-zone strong{letter-spacing:0;font-size:16px}.drop-zone strong span{margin-left:5px}.drop-zone p{margin:8px 0;font-size:10px;line-height:1.6}.drop-zone p span{display:none}.timeline{gap:7px;font-size:8px}.tape-options{border:0;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:0;display:grid}.tape-options>.quiet-button{font-size:10px}.pure-duration{border-top:1px solid var(--border);grid-column:1/-1;margin-top:2px;padding-top:5px}.pure-duration select{padding:8px}.compare{gap:0}.compare button{padding:5px 7px;font-size:9px}.track-title{gap:4px;position:relative}.track-title strong{font-size:12px}.track-title .quiet-button{padding:3px 0;font-size:9px;position:absolute;top:27px;right:27px}.track-title #track-meta{font-size:8px}.remove-button{width:22px;font-size:20px}.mix-console{grid-template-columns:1fr;gap:19px;padding:22px 0 17px}.mix-layers{gap:26px}.ear-controls{border-left:0;border-top:1px solid var(--border);gap:12px;padding:20px 0 0}.master-control{gap:18px;padding-top:17px}.master-control>div{min-width:123px}.volume-control>div{font-size:11px}.volume-control small{font-size:8px}.activity{font-size:10px}footer{flex-wrap:wrap;gap:12px;padding:19px 0 24px;font-size:8px}footer>span:last-child{width:100%}dialog{padding:34px 25px}dialog h2{font-size:29px}dialog p{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}