:root{color:#f0f4f8;font-synthesis:none;--bg:#17232d;--panel:#22323f;--mint:#a6dccc;--muted:#95a6b6;--label-width:124px;--meter-width:82px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111b24;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:14px}.commerce-panel,.account-form,.grant-admin{gap:16px;display:grid}.commerce-panel p{line-height:1.65}.commerce-panel .field input,.commerce-panel textarea{box-sizing:border-box;color:#f0f4f8;width:100%;font:inherit;background:#15242e;border:1px solid #4e6573;border-radius:10px;padding:12px;font-size:16px}.commerce-demo,.demo-code{color:#f4ddb1;background:#383123;border:1px solid #877345;border-radius:12px;padding:12px}.demo-code strong{letter-spacing:3px;font-family:ui-monospace,monospace;font-size:22px}.license-active,.aps-benefit{color:#d9f7ed;background:#22443e;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex}.license-active p,.aps-benefit p{margin-top:5px;font-size:12px}.account-form{border-top:1px solid #41525f;padding-top:14px}.account-identity{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.account-identity span{overflow-wrap:anywhere}.commerce-panel .secondary{min-height:44px;padding:10px 14px}.commerce-error{color:#ffd6cb;background:#55322d;border-radius:10px;padding:12px}.commerce-notice{color:#c5eddf;border:1px solid #497669;border-radius:10px;align-items:flex-start;gap:8px;padding:12px;display:flex}.grant-admin{background:#14212a;border-radius:14px;padding:16px}.grant-admin h4{margin:6px 0 0}.issued-codes,.issued-codes>div,.grant-record,.demo-checkout{gap:10px;display:grid}.issued-codes code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:13px}.issued-codes>div,.grant-record,.demo-checkout{border:1px solid #435c68;border-radius:10px;padding:12px}.grant-record span{overflow-wrap:anywhere;color:#b3c2cb;font-size:12px}.license-lock{z-index:35;background:#22323f;border:1px solid #577568;border-radius:20px;gap:14px;width:min(420px,100vw - 60px);padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #081016e6}.license-lock h2{font-size:19px}.license-lock p{line-height:1.7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{opacity:.36;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:active:not(:disabled){filter:brightness(1.18)}a{color:var(--mint)}input[type=range]{accent-color:var(--mint);cursor:pointer}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}input,select{min-height:44px}input[type=number],input[type=text],.field input,.field select{color:inherit;background:#17232d;border:1px solid #425365;border-radius:10px;width:100%;padding:11px 12px;font-size:16px}input[type=range]{width:100%;min-height:32px}select{max-width:100%}.app-shell{background:var(--bg);max-width:1440px;min-height:100dvh;margin:auto}.editor{height:100dvh;min-height:620px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.header{justify-content:space-between;align-items:center;padding:22px 28px 18px;display:flex}.brand,.header-actions,.history{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.7px;font-size:23px;font-weight:700}.brand-mark{width:48px;height:48px;color:var(--mint);background:#253842;border-radius:15px;place-items:center;display:grid}.header-actions{gap:6px}.icon-button{border-radius:12px;width:44px;height:44px}.icon-button:hover:not(:disabled){background:#2b3c4b}.save-button{background:var(--mint);color:#172f31;border-radius:12px;height:44px;padding:0 15px;font-weight:650}.project-bar{justify-content:space-between;align-items:center;padding:0 28px 14px;display:flex}.project-bar h2{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;font-size:18px;line-height:1.5;overflow:hidden}.project-bar p{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:11px;display:flex}.status-dot{background:var(--mint);border-radius:50%;width:5px;height:5px}.toolbar{justify-content:space-between;align-items:center;gap:12px;padding:0 26px 16px;display:flex}.add-audio{white-space:nowrap;background:#283947;border-radius:12px;padding:13px 17px;font-weight:650}.zoom-controls{align-items:center;gap:8px;display:flex}.zoom-controls output{text-align:center;min-width:36px;color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.timeline{overscroll-behavior:contain;isolation:isolate;scrollbar-color:#506273 #17232d;touch-action:pan-x pan-y;border-top:1px solid #344454;border-bottom:1px solid #344454;flex:1;min-height:172px;position:relative;overflow:auto}.timeline-content{min-height:100%;position:relative}.timeline-row{grid-template-columns:var(--label-width) minmax(0, 1fr) var(--meter-width);border-bottom:1px solid #384655;display:grid}.ruler-row{z-index:8;background:#1d2b37;height:38px;position:sticky;top:0}.ruler-label{color:#a3b0bd;letter-spacing:.3px;justify-content:center;padding:0!important;font-size:11px!important}.track-label{z-index:4;background:#243441;border-right:1px solid #384655;flex-direction:column;min-width:0;padding:15px 12px 6px;display:flex;position:sticky;left:0}.track-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-height:20px;font-size:13px;font-weight:650;display:flex;overflow:hidden}.track-name i{background:var(--track-color);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.ms{gap:5px;margin-top:14px;display:flex}.ms button{color:#adbaca;background:#2e4150;border-radius:8px;width:45px;height:42px;font-weight:700}.ms button[aria-pressed=true]{color:#17232d;background:var(--track-color)}.track-add{color:#90a5b7;width:100%;height:30px;margin-top:5px}.lane{background-color:#17212b;background-image:linear-gradient(90deg,#31414f 1px,#0000 1px);min-width:0;position:relative}.track-meter{z-index:4;color:var(--track-color);background:#253542;border-left:1px solid #384655;flex-direction:column;align-items:center;gap:7px;padding:10px 8px 5px;display:flex;position:sticky;right:0}.track-meter output{font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.ruler{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.ruler>span{white-space:nowrap;color:#9baab9;margin-left:6px;font-family:ui-monospace,monospace;font-size:11px;position:absolute;top:9px}.playhead-knob{z-index:7;color:#f0f4f8;touch-action:none;width:36px;height:34px;font-size:20px;position:absolute;bottom:-14px;transform:translate(-50%)}.playhead-line{z-index:3;pointer-events:none;background:#e5ecf2;width:2px;position:absolute;top:37px;bottom:0;box-shadow:0 0 4px #19272d}.fader{width:50px;height:92px;position:relative}.fader input{writing-mode:vertical-lr;appearance:auto;width:30px;height:92px;min-height:0;accent-color:var(--track-color);touch-action:none;direction:rtl;margin:0;position:absolute;top:0;right:1px}.fader span{color:#9baab9;font-size:9px;position:absolute;left:0}.db-zero{top:2px}.db-mid{top:38px}.db-bottom{bottom:0}.clip{border:1px solid color-mix(in srgb, var(--track-color), transparent 48%);background:color-mix(in srgb, var(--track-color) 12%, #17232d);min-width:10px;height:128px;color:var(--track-color);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:11px;position:absolute;top:9px;overflow:visible}.clip.selected{border-color:var(--track-color);box-shadow:inset 0 0 0 1px var(--track-color);z-index:2}.clip.dragging{z-index:10;opacity:.88;outline:2px solid var(--track-color);box-shadow:0 10px 20px #0008}.clip-title{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:12px;font-weight:650;position:absolute;top:19px;left:12px;right:12px;overflow:hidden}.clip>canvas{pointer-events:none;position:absolute;top:44px;left:0}.fade-line{pointer-events:none;width:100%;height:100%;color:var(--track-color);opacity:.7;border-radius:10px;position:absolute;inset:0;overflow:hidden}.fade-handle{z-index:3;touch-action:none;width:34px;height:34px;position:absolute;top:-12px;transform:translate(-50%)}.fade-handle:after{content:"";background:var(--track-color);width:11px;height:11px;box-shadow:0 0 0 1px var(--track-color);border:2px solid #17232d;border-radius:3px}.stretch-handle{z-index:3;touch-action:none;background:#22323fec;border-radius:8px;flex-direction:column;gap:0;width:40px;height:48px;position:absolute;bottom:1px;right:-17px}.stretch-handle small{font-family:ui-monospace,monospace;font-size:10px}.trim-handle{touch-action:none;z-index:4;background:#20313dec;border-radius:7px;width:34px;height:40px;position:absolute;bottom:0}.trim-handle.left{left:-12px}.trim-handle.right{right:-12px}.selection-bar{background:#20303d;justify-content:space-between;align-items:center;gap:12px;padding:12px 26px 4px;display:flex}.selection-bar>span{color:#aebdca;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mix-button{white-space:nowrap;color:#c4e9df;background:#2d464f;border-radius:12px;padding:12px 15px;font-size:12px;font-weight:650}.edit-tools{background:#20303d;justify-content:space-around;padding:8px 20px 12px;display:flex}.edit-tools button{color:#a6b5c4;border-radius:12px;flex-direction:column;gap:5px;min-width:68px;height:57px;font-size:11px}.edit-tools .selected-tool{background:var(--mint);color:#173437}.transport{padding:15px 28px 12px}.time-readout{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-bottom:13px;font-family:ui-monospace,SFMono-Regular,monospace;display:flex}.time-readout strong{letter-spacing:-1.5px;font-size:32px;font-weight:400}.time-readout>span{color:#90a0b0;font-size:14px}.time-readout small{color:#91a4b4;margin-left:auto;font-family:inherit;font-size:10px}.transport-controls{justify-content:space-between;align-items:center;gap:14px;display:flex}.play-button{color:#18232d;background:#edf1f7;border-radius:22px;flex:1;max-width:420px;height:62px}.nudge{flex-direction:column;gap:4px;width:40px}.nudge small{font-size:11px}.split-button{color:#b2d0d2;background:#2a4049;border-radius:18px;flex-direction:column;gap:2px;width:64px;height:58px}.split-button span{font-size:11px}.edition-bar{color:#91a1af;justify-content:space-between;align-items:center;padding:0 28px 10px;font-size:10px;display:flex}.edition-bar button{color:#9ebfee;padding:5px 0;font-size:10px}.file-input{display:none}.sheet-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061016ad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{background:#22323f;border:1px solid #475666;border-radius:24px;width:520px;max-width:100%;max-height:calc(100dvh - 48px);padding:18px 26px 28px;position:relative;overflow:auto;box-shadow:0 30px 100px #0006}.sheet-grip{display:none}.sheet-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.sheet-heading h2{letter-spacing:-.3px;font-size:21px}.sheet h3{margin-bottom:12px;font-size:15px}.field{color:#b4c1ce;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;display:flex}.note{color:#a9b7c4;margin:12px 0;font-size:12px;line-height:1.8}.menu-row{border-bottom:1px solid #40505d;justify-content:flex-start;gap:15px;width:100%;min-height:58px;font-weight:550;display:flex}.menu-row svg{width:20px;color:var(--mint)}.menu-row span{color:var(--muted);margin-left:auto;font-size:11px}.number-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.range-control{color:#dce5ed;margin:16px 0;display:block}.range-control>span{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.range-control output{color:var(--mint);white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px}.clip-info{align-items:center;gap:12px;margin-bottom:24px;display:flex}.clip-info strong{text-overflow:ellipsis;font-size:14px;overflow:hidden}.section-divider{background:#455563;height:1px;margin:25px 0}.toggle{justify-content:space-between;align-items:center;margin:14px 0;display:flex}.toggle input{accent-color:var(--mint);width:24px;height:24px;min-height:0}.primary,.secondary{border-radius:12px;min-height:50px;padding:13px 18px;font-weight:650}.primary{background:var(--mint);color:#163535}.secondary{color:#d3e3ec;background:#334957}.wide{width:100%;margin-top:12px;display:flex}.mix-wave{background:#17232d;border:1px solid #40535f;border-radius:14px;flex-direction:column;justify-content:center;min-height:158px;margin:18px 0;padding:10px;display:flex}.mix-stats{color:#a6dccc;justify-content:space-between;font-family:ui-monospace,monospace;font-size:11px;display:flex}.format-choices{gap:12px;margin:20px 0;display:flex}.format-choices button{border:1px solid #4d6170;border-radius:14px;flex-direction:column;flex:1;align-items:flex-start;gap:7px;padding:18px}.format-choices button.chosen{border-color:var(--mint);background:#2b494e}.format-choices strong{font-size:21px}.format-choices small{color:#bdccd9;font-size:11px}.export-ready{text-align:center;padding-top:8px}.export-ready p{overflow-wrap:anywhere;line-height:1.8}.success-mark{width:64px;height:64px;color:var(--mint);background:#2b514e;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.plans{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.plans article{border:1px solid #536370;border-radius:16px;padding:20px 14px}.plans .pro-plan{border-color:var(--mint);background:#2b484d}.plans article>strong{margin:14px 0;font-size:25px;display:block}.plans small{color:#b5c9cd;margin-top:7px;font-size:10px;font-weight:400;display:block}.plans p{font-size:12px;line-height:1.9}.library>button{text-align:left;border-bottom:1px solid #405360;justify-content:flex-start;width:100%;padding:18px 4px;display:flex}.library>button>svg{color:var(--mint);margin-right:10px}.library strong{font-size:14px;display:block}.library small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.help-list{margin:0;padding-left:23px}.help-list li{padding:10px 0 16px}.help-list p{color:#bdc9d3;margin-top:7px;font-size:13px;line-height:1.9}.license-link{font-size:12px}.busy-layer{z-index:50;background:#0c1824eb;flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex;position:fixed;inset:0}.busy-layer progress{width:240px;height:6px;accent-color:var(--mint)}.busy-layer>button{border:1px solid #688084;border-radius:10px;padding:12px 25px}.spinner{color:var(--mint);animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#143032;z-index:60;background:#d1e8e3;border:1px solid #a6dccc;border-radius:12px;max-width:90vw;padding:12px 18px;font-size:13px;line-height:1.6;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0005}.error-banner{top:calc(env(safe-area-inset-top) + 12px);z-index:65;background:#783b43;border:1px solid #d99a9f;border-radius:12px;align-items:center;gap:12px;width:460px;max-width:94vw;padding:14px 16px;font-size:13px;line-height:1.7;display:flex;position:fixed;left:50%;transform:translate(-50%)}.error-banner button{flex-shrink:0;width:32px;height:32px;margin-left:auto}@media (min-width:900px){.editor{padding:8px 20px 0}.header{padding-top:15px}.project-bar{padding-bottom:15px}.timeline{border-radius:14px}.transport-controls{justify-content:center;gap:35px}.play-button{max-width:230px}.transport{padding-top:12px}.time-readout{justify-content:center}.time-readout small{margin:0;position:absolute;right:max(45px,50vw - 680px)}.edition-bar{padding-bottom:8px}.selection-bar{border-radius:0}.edit-tools{justify-content:center;gap:50px}.header .brand h1{font-size:25px}}@media (max-width:599px){:root{--label-width:96px;--meter-width:60px}.header{padding:16px 16px 13px}.brand{gap:9px}.brand h1{font-size:20px}.brand-mark{border-radius:12px;width:39px;height:43px}.brand-mark svg{width:24px}.header-actions{gap:0}.header-actions>.icon-button:first-child{display:none}.save-button{width:43px;padding:0}.save-button span{display:none}.header-actions .icon-button{width:40px}.project-bar{padding:0 17px 12px}.project-bar h2{font-size:16px}.project-bar p{font-size:10px}.history{gap:0}.history .icon-button{width:37px}.toolbar{gap:4px;padding:0 12px 12px}.add-audio{padding:12px 11px;font-size:12px}.zoom-controls{gap:0}.zoom-controls .icon-button{width:36px}.zoom-controls output{min-width:30px;font-size:10px}.track-label{padding:14px 7px 5px}.track-name{gap:5px;font-size:11px}.ms{gap:4px}.ms button{width:37px;height:40px;font-size:12px}.track-meter{padding-left:4px;padding-right:4px}.track-meter output{font-size:11px}.ruler-label{font-size:10px!important}.selection-bar{gap:8px;padding:10px 12px 3px}.selection-bar>span{font-size:10px}.mix-button{gap:5px;padding:11px 10px;font-size:10px}.mix-button svg{width:15px}.edit-tools{padding:6px 8px 9px}.edit-tools button{min-width:61px;height:54px;font-size:10px}.transport{padding:13px 16px 9px}.time-readout{gap:6px;margin-bottom:12px}.time-readout strong{font-size:29px}.time-readout>span{font-size:11px}.time-readout small{font-size:8px}.transport-controls{gap:10px}.transport-controls>.icon-button,.nudge{width:30px}.play-button{border-radius:18px;height:56px}.split-button{border-radius:15px;width:53px;height:54px}.edition-bar{padding:0 16px 5px;font-size:9px}.edition-bar button{font-size:9px}.sheet-backdrop{align-items:flex-end;padding:0}.sheet{width:100%;max-height:90dvh;padding:12px 22px calc(22px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0}.sheet-grip{background:#5a6b77;border-radius:3px;width:36px;height:4px;margin:0 auto 9px;display:block}.sheet-heading h2{font-size:19px}.number-grid{gap:0 15px}.range-control>span{gap:4px;font-size:11px}.range-control output{font-size:11px}.toast{width:max-content;bottom:82px}}@media (max-height:700px){.editor{min-height:570px}.header{padding-top:9px;padding-bottom:8px}.project-bar{padding-bottom:6px}.toolbar{padding-bottom:8px}.transport{padding-top:7px}.time-readout{margin-bottom:7px}.edit-tools{padding-bottom:4px}.edition-bar{padding-bottom:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}@media (orientation:landscape) and (max-height:550px){.editor{min-height:0;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));grid-template-rows:52px 44px minmax(0,1fr) 48px 56px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.header{grid-area:1/1;min-width:0;padding:4px 8px}.brand{gap:7px}.brand h1{letter-spacing:-.3px;font-size:16px}.brand-mark{border-radius:10px;width:32px;height:32px}.brand-mark svg{width:22px}.header-actions{gap:0}.header-actions .icon-button[aria-label=使い方]{display:none}.save-button{padding:0 11px}.save-button span{display:none}.project-bar{grid-area:1/2;min-width:0;padding:4px 8px}.project-bar>div:first-child{min-width:0}.project-bar h2{max-width:100%;font-size:13px}.project-bar p{margin-top:2px;font-size:9px}.history{gap:0}.toolbar{grid-area:2/1/3/-1;padding:0 8px}.add-audio{height:40px;padding:0 12px;font-size:12px}.timeline{grid-area:3/1/4/-1;min-height:0}.selection-bar{grid-area:4/1;min-width:0;padding:2px 8px}.selection-bar>span{font-size:10px}.mix-button{min-height:40px;padding:8px 10px;font-size:10px}.edit-tools{grid-area:4/2;padding:2px 8px}.edit-tools button{gap:2px;min-width:44px;height:44px;font-size:10px}.edit-tools button svg{width:19px;height:19px}.transport{grid-area:5/1/6/-1;align-items:center;gap:14px;min-width:0;padding:3px 8px;display:flex}.time-readout{flex-shrink:0;gap:5px;margin:0}.time-readout strong{font-size:23px}.time-readout>span{font-size:11px}.time-readout small{display:none}.transport-controls{flex:1;gap:8px;min-width:0}.play-button{border-radius:14px;height:44px}.split-button{border-radius:12px;width:48px;height:44px}.split-button svg{width:21px;height:21px}.nudge{gap:1px;width:30px}.edition-bar{grid-area:6/1/7/-1;padding:0 8px;font-size:8px}.edition-bar button{padding:0;font-size:8px}.sheet-backdrop{padding:8px}.sheet{max-height:calc(100dvh - 16px)}}.timeline-content{min-width:100%}.purchase-links{flex-wrap:wrap;gap:4px 18px;margin-top:16px;display:flex}.purchase-links a{color:#b7dfd2;text-underline-offset:4px;min-height:44px;padding:10px 0;font-size:13px;display:inline-block}