@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";@layer base;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial}}}@layer theme{:root,:host{--color-white:#fff;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-app:#111319;--color-panel:#1c1f28;--color-control:#252a35;--color-border:#30343f;--color-record:#e57479;--color-record-active:#a6525b;--color-primary:#2563eb;--color-accent:#2563eb;--color-input-text:#e4e8f2;--color-input:#161a23;--color-input-border:#515b6e;--color-accent-text:#93c5fd;--color-accent-surface:#23354f;--color-accent-border:#5c91d6;--color-accent-strong:#29466d;--color-accent-focus:#bfdbfe;--color-muted:#9da3b0}}@layer components{:root{color:#e9eaef;background:var(--color-app);font-synthesis:none;font-family:DM Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.brand{align-items:center;gap:11px;padding:0 10px 30px;font-size:21px;font-weight:700;display:flex}.brand-mark{background:var(--color-accent);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:23px;display:grid}.eyebrow{letter-spacing:.18em;color:#8d93a3;font-size:10px;font-weight:700}.step-list{gap:5px;margin-top:31px;display:grid}.step{color:#aeb3c0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;height:45px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.step:hover{background:#262a35}.step.active{background:var(--color-accent-surface);color:var(--color-accent-text)}.step-number{border:1px solid #515662;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.active .step-number{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.main{flex:1;min-width:0}.topbar{align-items:center;height:70px;display:flex}.top-actions{align-items:center;gap:20px;display:flex}.prototype-tag{color:var(--color-accent-text);border:1px solid var(--color-accent-border);background:var(--color-accent-surface);border-radius:5px;padding:6px 9px;font-size:10px}.heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.heading-row h1{letter-spacing:-.03em;margin:8px 0;font-size:27px}.lead{color:#aab0bd;margin:0;font-size:12px}.outline-button{border-style:var(--tw-border-style);--tw-border-style:solid;color:#d9dce4;background-color:#0000;border:1px solid #555b68;border-radius:7px;padding-block:10px;padding-inline:15px;font-size:12px}.workspace-card,.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px}.workspace-card{overflow:hidden}.workspace-toolbar{border-bottom:1px solid #343844;justify-content:space-between;align-items:center;gap:14px;min-height:57px;padding:10px 19px;font-size:11px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:12px;display:flex}.muted,.toolbar-right label{color:#9ea4b2}.toolbar-right input{color:#e8eaf0;background:#262b36;border:1px solid #454a58;border-radius:5px;width:53px;margin-left:6px;padding:4px;font-size:11px}.chip{border-style:var(--tw-border-style);--tw-border-style:solid;color:#c6cad4;background-color:#292e39;border:1px solid #525866;border-radius:5px;padding-block:6px;padding-inline:9px;font-size:10px}.chip.selected{color:var(--color-accent-text);border-color:var(--color-accent-border);background:var(--color-accent-surface)}.ruler{color:#858b99;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#303440 calc(20% - 1px) 20%);border-bottom:1px solid #323643;justify-content:space-between;height:38px;padding:13px 24px 0 199px;font-size:10px;display:flex}.track{border-bottom:1px solid #323643;min-height:106px;display:flex}.track-name{border-right:1px solid #363a46;flex:none;align-items:center;gap:9px;width:175px;padding:12px;display:flex}.track-symbol{border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.track-symbol.music{color:#83c6d6;background:#364955}.track-symbol.voice{background:var(--color-accent-strong);color:var(--color-accent-text);font-size:10px}.track-name strong,.track-name small{display:block}.track-name strong{font-size:12px}.track-name small{color:#9299a8;margin-top:4px;font-size:10px}.waveform{background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#2d323d calc(20% - 1px) 20%);flex:1;align-items:center;gap:2px;padding:8px 13px;display:flex;overflow:hidden}.waveform i{border-radius:2px;flex:1;min-width:2px;max-width:8px;display:block}.waveform.backing i{background:#58a7b8}.waveform.vocal i{background:#60a5fa}.transport-secondary{color:#d7d9df;background:#303540;border:0;border-radius:6px;width:32px;height:32px}.timecode{margin-left:7px;font-size:18px;font-weight:700}.timecode span{color:#9298a6;font-size:11px;font-weight:400}.input-label{color:var(--color-muted);font-size:10px}.level-meter span{background:linear-gradient(90deg,#6bc49d,#d1bf72);width:63%}.record-button{background:var(--color-record);color:#fff;border:0;border-radius:7px;align-items:center;gap:8px;margin-left:10px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.record-button.active{background:var(--color-record-active)}.record-button span{background:#fff;border-radius:50%;width:9px;height:9px}.lower-grid{grid-template-columns:1fr 1fr}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel h2{margin:5px 0 15px;font-size:16px}.count{color:#9ca3af;font-size:11px}.take-list{gap:7px;display:grid}.take{text-align:left;background:var(--color-control);color:#e4e6ec;border:1px solid #343a47;border-radius:7px;align-items:center;gap:11px;min-height:51px;padding:8px 11px;display:flex}.take.chosen{border-color:var(--color-accent-border);background:var(--color-accent-surface)}.take-title{font-size:11px;font-weight:700}.take-title small{color:#949ba9;margin-top:3px;font-size:10px;font-weight:400;display:block}.best-label{color:var(--color-accent-text);background:var(--color-accent-strong);border-radius:4px;margin-left:auto;padding:4px 6px;font-size:9px}.take-check{color:var(--color-accent-text);margin-left:auto}.primary-button{border-style:var(--tw-border-style);background-color:var(--color-primary);--tw-font-weight:var(--font-weight-bold);font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-white);border-width:0;border-radius:7px;padding-block:12px;padding-inline:17px}@media(max-width:950px){.topbar{padding:0 24px}.ruler{padding-left:198px}.toolbar-right{flex-wrap:wrap}}@media(max-width:700px){.brand{padding:0 2px 10px}.step-list{margin:0;display:flex;overflow:auto}.step{flex:1;justify-content:center;min-width:70px}.topbar{height:50px}.heading-row{align-items:flex-start}.heading-row h1{font-size:23px}.outline-button{white-space:nowrap}.workspace-toolbar{flex-wrap:wrap}.ruler{padding-left:102px}.track-name{width:90px;padding:8px}.track-name small,.level-meter,.input-label,.prototype-tag{display:none}}.vocal-track{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.vocal-track:hover{background:#262a34}.vocal-track.track-selected{background:var(--color-accent-surface);box-shadow:inset 3px 0 var(--color-accent)}.vocal-track:disabled{cursor:default;opacity:.6}.vocal-track .track-name,.vocal-track .waveform{align-items:center;display:flex}.vocal-1 i{background:#a18acb!important}.vocal-2 i{background:#d1a775!important}.empty-waveform{color:#79808e;padding-left:12px;font-size:11px}.add-track-row{border-bottom:1px solid #323643;padding:9px 16px}.add-track-button{color:var(--color-accent-text);border:1px dashed var(--color-accent-border);background:0 0;border-radius:6px;padding:8px 12px;font-size:11px}.add-track-button:disabled{opacity:.5;cursor:default}.rename-row{color:var(--color-muted);align-items:center;gap:8px;margin:0 0 11px;font-size:10px;display:flex}.rename-row input{background:var(--color-control);color:#e4e6ec;border:1px solid #414653;border-radius:5px;flex:1;min-width:0;padding:5px 7px;font-size:11px}.empty-takes{color:var(--color-muted);margin:10px 0;font-size:11px;line-height:1.6}.take-select{text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.adopt-button{white-space:nowrap;color:var(--color-accent-text);border:1px solid var(--color-accent-border);background:0 0;border-radius:4px;padding:5px 7px;font-size:10px}.take .take-check{margin-left:4px}.app-shell{height:100dvh;overflow:hidden}.main{flex-direction:column;height:100%;display:flex;overflow:hidden}.content{flex:1;width:100%;min-height:0;margin:0 auto;overflow-y:auto}@media(max-width:700px){.app-shell{flex-direction:column;display:flex}.main{flex:1;height:auto;min-height:0}}.topbar{z-index:20;justify-content:flex-start;position:relative}.topbar .brand{white-space:nowrap;padding:0}.menu-bar{align-items:center;height:100%;display:flex}.menu-container{position:relative}.menu-trigger{background:0 0}.menu-popover{z-index:30;border:1px solid #414754;position:absolute;left:0}.menu-popover button{color:#e6e8ee;text-align:left;white-space:nowrap;background:0 0;border:0;width:100%;display:block}.menu-popover button:disabled{opacity:.45;cursor:default}.menu-popover p{width:215px;font-size:11px;line-height:1.6}.topbar .top-actions{margin-left:auto}.top-project{color:#b8becb;font-size:11px}.workflow-bar{border-bottom:1px solid var(--color-border);z-index:10;background:#181b23;flex:0 0 58px;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex}.workflow-bar .step-list{align-items:center;gap:9px;margin:0;display:flex}.workflow-bar .step{white-space:nowrap;justify-content:center;gap:9px;min-width:92px;height:35px;padding:0 12px}.workflow-bar .step-number{flex:none;width:19px;height:19px}.save-notice{color:#888f9e;white-space:nowrap;font-size:10px}@media(max-width:900px){.top-project,.save-notice{display:none}}@media(max-width:700px){.menu-bar{gap:0}.workflow-bar{flex:0 0 50px;justify-content:flex-start;padding:0 10px;overflow-x:auto}.workflow-bar .step-list{gap:4px}.workflow-bar .step{min-width:70px;padding:0 8px}}.topbar{background:#202229;border-bottom:1px solid #383c46;flex:0 0 40px;gap:15px;padding:0 15px}.topbar .brand{gap:7px;font-size:12px;font-weight:600}.topbar .brand-mark{border-radius:4px;width:20px;height:20px;font-size:14px}.topbar .top-actions{gap:12px}.topbar .prototype-tag{color:#818793;background:0 0;border:0;padding:0;font-size:10px}.menu-bar{gap:0}.menu-trigger{color:#d4d6dd;border:1px solid #0000;border-radius:3px;height:29px;padding:0 10px;font-size:12px;font-weight:400}.menu-trigger:hover,.menu-trigger.open{color:#fff;background:#373b45;border-color:#4b515d}.menu-popover{background:#292c34;border-color:#555b67;border-radius:4px;min-width:218px;padding:5px;top:calc(100% + 2px);box-shadow:0 10px 24px #0009}.menu-popover button{border-radius:2px;padding:8px 12px;font-size:11px}.menu-popover button:hover{background:#45526a}.menu-popover p{color:#c8cbd3;margin:3px;padding:8px 9px}@media(max-width:700px){.topbar{flex:0 0 40px;gap:7px;padding:0 8px}.topbar .brand{gap:5px;font-size:12px}.topbar .brand-mark{width:19px;height:19px;font-size:13px}.menu-trigger{height:28px;padding:0 7px;font-size:11px}}.content{column-gap:18px;display:grid}.heading-row{grid-column:1/-1}.workspace-card{min-width:0}.lower-grid{flex-direction:column;gap:18px;min-width:0;display:flex}.lower-grid .panel{min-width:0}@media(max-width:920px){.lower-grid{grid-template-columns:1fr 1fr;margin-top:19px}}@media(max-width:700px){.lower-grid{grid-template-columns:1fr}}.content{max-width:none}html,body,#root{height:100%;overflow:hidden}.content{overscroll-behavior:none}.workspace-card{flex-direction:column;align-self:stretch;min-height:0;display:flex}.workspace-toolbar{flex:none}.track-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;overflow-y:auto}.track-scroll .ruler{z-index:4;background-color:var(--color-panel);position:sticky;top:0}.lower-grid{overscroll-behavior:contain;scrollbar-gutter:stable;align-self:stretch;overflow-y:auto}@media(max-width:920px){.heading-row{flex:none}.lower-grid{overflow-y:auto}}@media(max-width:700px){.lower-grid{flex-basis:210px}}.heading-actions{flex:none;align-items:center;gap:10px;display:flex}@media(max-width:700px){.heading-actions{flex-direction:column;align-items:stretch}.heading-actions button{white-space:nowrap}}.workspace-card{grid-column:2}.lower-grid{grid-area:2/1}.waveform svg{width:100%;height:88px;display:block}.wave-shape{fill:#58a7b8;fill-opacity:.72;stroke:#8bd2df;stroke-width:1px;vector-effect:non-scaling-stroke}.wave-center{stroke:#8b929f;stroke-width:.6px;stroke-opacity:.45;vector-effect:non-scaling-stroke}.wave-playhead{stroke:var(--color-accent-text);stroke-width:1.2px;stroke-opacity:.9;vector-effect:non-scaling-stroke}.waveform.vocal .wave-shape{fill:#60a5fa;stroke:var(--color-accent-text)}.waveform.vocal-1 .wave-shape{fill:#a18acb;stroke:#c0afe1}.waveform.vocal-2 .wave-shape{fill:#d1a775;stroke:#ebc99f}@media(max-width:1050px){.level-meter{width:120px}}.level-monitor{flex:none;width:180px}.level-readout{color:var(--color-muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;display:flex}.level-readout strong{color:#dfe2e8;font-variant-numeric:tabular-nums;font-size:10px}.level-status{color:#75d2a7;font-weight:700}.level-meter{background:#303541;border:1px solid #454b58;border-radius:3px;width:100%;height:10px;position:relative;overflow:hidden}.level-meter span{height:100%;display:block;position:absolute;top:0;bottom:0}.level-meter .level-fill{left:0}.level-meter i{z-index:3;background:#a9efd0;width:1px;position:absolute;top:0;bottom:0}.level-scale{color:#777f8e;font-variant-numeric:tabular-nums;height:13px;margin-top:2px;font-size:8px;position:relative}.level-scale span{position:absolute;top:0;transform:translate(-50%)}.level-scale span:first-child{left:0;transform:none}.level-scale .scale-optimal-start{color:#70bd99;left:40%}.level-scale span:nth-child(3){left:70%}.level-scale span:last-child{right:0;transform:none}@media(max-width:1050px){.level-monitor{width:120px}}@media(max-width:700px){.level-monitor{display:none}}.level-readout{gap:6px}.level-status.warning{color:#f1cf62}.level-status.danger{color:#f07b75}.level-status.low{color:#8fa2b1}.peak-readout{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:8px}.level-meter .level-zones{background:linear-gradient(90deg,#283944 0 40%,#29483d 40% 80%,#4a4327 80% 90%,#4b292c 90% 100%);width:100%;inset:0}.level-meter .level-fill{z-index:2;background:linear-gradient(90deg,#4b91a1 0 40%,#64c394 40% 80%,#e1be42 80% 90%,#e45f5f 90% 100%);width:100%;transition:clip-path 90ms linear;inset:0}.level-meter .optimal-start{left:40%}.level-meter .warning-start{background:#f2d66d;left:80%}.level-meter .danger-start{background:#f28a84;left:90%}.level-meter .peak-hold{z-index:5;background:#f5f7fb;border-radius:1px;width:2px;transition:left 90ms linear;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px);box-shadow:0 0 4px #fff}.level-scale .scale-warning-start{color:#d8bb58;left:80%!important}.level-scale .scale-danger-start{color:#db7772;left:90%}.peak-readout{color:#f5f7fb;font-weight:700}.content{padding:14px 40px 18px}@media(max-width:950px){.content{padding:14px 24px 18px}}@media(max-width:700px){.content{padding:10px 15px 14px}}.preparation-page{min-height:0;padding:26px 30px 30px;overflow-y:auto}.setup-grid{grid-template-columns:minmax(300px,.9fr) minmax(430px,1.25fr);max-width:1180px;margin:0 auto;display:grid}.setup-card{border:1px solid #dfe3e8;border-radius:12px;padding:20px}.setup-footer{border:1px solid #d9e1ef;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:15px auto 0;padding:16px 19px;display:flex}.setup-footer strong,.setup-footer span{display:block}.setup-footer strong{margin-bottom:3px;font-size:13px}.setup-footer>div>span{font-size:10px}@media(max-width:900px){.setup-grid{grid-template-columns:1fr}}@media(max-width:620px){.preparation-page{padding:18px}.setup-footer{flex-direction:column;align-items:stretch}}.preparation-page{background:var(--color-app);color:#e9eaef}.setup-card{border-color:var(--color-border);background:var(--color-panel);box-shadow:0 8px 24px #00000029}.setup-footer{background:#1c2534;border-color:#34445c}.setup-footer strong{color:#eceef3}.setup-footer>div>span{color:#969dab}.compact-heading{justify-content:space-between;min-width:0}.header-transport{flex:1;min-width:0}.header-transport .transport-secondary{flex:none}.header-transport .timecode{flex:none;margin-left:2px;font-size:15px}.header-transport .input-label{white-space:nowrap}.header-transport .record-button{flex:none;padding:9px 12px}@media(max-width:1120px){.header-transport .input-label{display:none}.header-transport .level-monitor{width:120px}.header-transport .record-button{white-space:nowrap;max-width:150px;overflow:hidden}}@media(max-width:850px){.compact-heading{padding-bottom:3px;overflow-x:auto}.header-transport{flex:none}.header-transport .level-monitor{display:none}.heading-actions{flex-direction:row;flex:none}}.header-transport .input-label,.header-transport .record-button{margin-left:0}.header-transport .timecode{margin-right:6px}.header-transport .record-button{margin-right:2px}.header-transport{grid-template-columns:310px minmax(0,1fr);column-gap:18px}.playback-controls,.recording-controls{align-items:center;gap:10px;min-width:0;display:flex}.recording-controls .record-button{flex:none;margin-left:0}.recording-controls .input-label,.recording-controls .level-monitor{flex:none}@media(max-width:850px){.header-transport{display:flex}.playback-controls,.recording-controls{flex:none}}.header-transport{align-items:center;gap:10px}.playback-controls,.recording-controls{flex:none}@media(max-width:1100px){.header-transport{padding-left:0}}.track-scroll .ruler{color:#8f96a5;background:var(--color-panel);border-bottom:1px solid #323643;justify-content:flex-start;height:38px;padding:0;display:flex}.ruler-label{color:#747b89;border-right:1px solid #363a46;flex:none;align-items:center;width:175px;padding-left:13px;font-size:9px;display:flex}.measure-ruler{flex:1;grid-template-columns:repeat(16,minmax(0,1fr));min-width:640px;display:grid;position:relative}.measure-mark{border-left:1px solid #555d6b;position:relative}.measure-mark b{font-size:9px;font-weight:600;position:absolute;top:8px;left:4px}@media(max-width:700px){.ruler-label{width:90px}.measure-ruler{min-width:560px}}.vocal-track .track-name{gap:7px}.track-info{flex:1;min-width:0}.track-info strong,.track-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-controls{flex:none;align-items:center;gap:3px;margin-left:auto;display:flex}.track-control{color:#9fa6b4;background:#292e39;border:1px solid #484e5b;border-radius:4px;place-items:center;width:20px;height:20px;padding:0;font-size:9px;font-weight:800;line-height:1;display:grid}.track-control:hover{color:#fff;border-color:#737b8b}.track-control.mute.active{color:#fff;background:#6a3f48;border-color:#d17379}.track-control.solo.active{color:#ffe09a;background:#665329;border-color:#caa34d}.track-control.delete{font-size:14px;font-weight:500}.track-control.delete:hover:not(:disabled){color:#ffb1b6;background:#56343b;border-color:#a95660}.track-control:disabled{opacity:.35;cursor:default}.vocal-track.track-muted .waveform{opacity:.32}.vocal-track.track-solo{box-shadow:inset 3px 0 #d4aa50}.vocal-track.track-solo.track-selected{box-shadow:inset 3px 0 var(--color-accent),inset 6px 0 #d4aa50}@media(max-width:700px){.track-controls{position:absolute;bottom:4px;right:4px}.vocal-track .track-name{position:relative}}.track-context-menu{z-index:100;background:var(--color-control);border:1px solid #464c59;border-radius:8px;width:180px;padding:6px;position:fixed;box-shadow:0 14px 36px #0000008c}.track-context-title{color:#8f96a5;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px 8px;font-size:10px;overflow:hidden}.track-context-menu button{color:#e1e4ea;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;width:100%;height:32px;padding:0 9px;font-size:11px;display:flex}.track-context-menu button:hover:not(:disabled){background:#373d49}.track-context-menu button span{width:18px;color:var(--color-accent-text);place-items:center;margin-right:5px;font-weight:800;display:inline-grid}.context-divider{background:#3b404c;height:1px;margin:5px 4px}.track-context-menu .context-delete{color:#f09a9f}.track-context-menu button:disabled{color:#717886;cursor:default}.track-control.delete{display:none}.audio-message{color:#ffd0d0;background:#442c32;border:1px solid #8e565d;border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:13px}.audio-hint{color:#abb4c5;margin:12px 0;font-size:12px;line-height:1.7}.checklist-option{align-items:center;gap:10px;margin:15px 0;font-size:13px;display:flex}.seek-row{color:#b7c0cf;align-items:center;gap:12px;padding:10px 16px;font-size:11px;display:flex}.seek-row input{accent-color:#60a5fa;flex:1}.take-preview{color:var(--color-accent-text);cursor:pointer;background:0 0;border:0;padding:12px}.export-track{border-bottom:1px solid #3b4352;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.export-track small{color:#a9b4c6;margin-top:6px;display:block}.export-page>p{color:#bac3d3}.setup-card p{color:#b6c1d4;font-size:13px;line-height:1.7}.compact-heading{flex-wrap:wrap;gap:12px}button:disabled{opacity:.5;cursor:not-allowed}.measure-ruler,.waveform{background-image:none}.waveform svg{pointer-events:none}.content{overflow:auto}.top-project{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}@media(max-width:700px){.export-track{flex-direction:column;align-items:flex-start}.header-transport{gap:12px}.recording-controls{flex-wrap:wrap}}.content{grid-template-columns:310px minmax(0,1fr);align-content:stretch;row-gap:12px}.audio-message{grid-area:error;margin:0}.heading-row{grid-area:transport}.workspace-card{grid-area:timeline;margin-top:0}.lower-grid{grid-area:inspector;min-height:0;margin-top:0}.content>.audio-hint{grid-area:hint;margin:0}.preparation-page,.export-page{grid-column:1/-1;min-width:0}.header-transport{flex-wrap:wrap;padding-left:0;display:flex}.lower-grid .take{flex-wrap:wrap;gap:4px;padding:8px 5px}.take-select{flex:1;min-width:90px}.seek-row{flex:none}.track-scroll{min-height:250px}.setup-grid{gap:16px}@media(max-width:920px){.content{flex-direction:column;gap:14px;display:flex;overflow:auto}.workspace-card{flex:none;min-height:380px}.lower-grid{flex:none;order:0;min-height:160px;display:block;overflow:visible}.lower-grid .take{flex-wrap:nowrap}.preparation-page,.export-page,.audio-hint{flex:none}}.storage-message{color:#ffd0d0;background:#442c32;border:1px solid #8e565d;border-radius:8px;grid-area:storage;align-items:center;gap:14px;padding:12px 16px;font-size:13px;display:flex}.storage-message button{flex:none}.recording-settings{border-top:1px solid #3b4352;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding-top:12px;display:flex}.recording-settings label{align-items:center;gap:6px;display:flex}.recording-settings input[type=number]{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-input-border);background-color:var(--color-input);width:82px;color:var(--color-input-text);border-radius:5px;padding:6px}.recording-settings input[type=checkbox]{accent-color:var(--color-accent)}.recording-settings>span{color:#adbdd2}.recording-settings small{color:#aeb9ca;flex-basis:100%;line-height:1.6}.waveform{padding-left:0;padding-right:0}.waveform svg{overflow:hidden}.recovery-panel{color:#e0ecd7;background:#2f382c;border:1px solid #728d60;border-radius:8px;grid-area:1/1/auto/-1;padding:14px 18px;font-size:13px}.recovery-panel p{color:#b7c8ae;font-size:12px}.recovery-panel>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.content{grid-template-rows:auto auto auto auto auto minmax(350px,1fr) auto;grid-template-areas:"recovery recovery""storage storage""error error""connection connection""transport transport""inspector timeline""hint hint"}.recovery-panel{grid-area:recovery;position:static}.preparation-page,.export-page{grid-row:5/8}.project-files{border-top:1px solid #3b4352;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding-top:10px;display:flex}.project-import-preview{background:#303c4b;border:1px solid #647b97;border-radius:7px;flex-basis:100%;padding:16px;line-height:1.8}.project-import-preview strong,.project-import-preview span{display:block}.project-import-preview button{margin-top:8px;margin-right:10px}.mixer-controls{border-top:1px solid #3b4352;width:100%;padding-top:10px}.mixer-controls summary{cursor:pointer;color:#c8d4e4;align-items:center;gap:18px;display:flex}.mixer-controls summary>span{font-variant-numeric:tabular-nums;color:#a2bcce;font-size:11px}.mixer-fader{gap:10px;margin:12px 0;display:flex}.mixer-fader>span{text-overflow:ellipsis;white-space:nowrap;width:150px;overflow:hidden}.mixer-fader input{max-width:400px;accent-color:var(--color-accent);flex:1}.mixer-fader output{text-align:right;min-width:52px}.mixer-controls small{color:#aeb9ca;line-height:1.6;display:block}.mix-limited{color:#e8bf81;font-size:11px}.undo-deletion{margin-bottom:12px;padding:7px 10px}.rhythm-settings{border-top:1px solid #3b4352;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding-top:12px;display:flex}.rhythm-settings input{accent-color:var(--color-accent)}.rhythm-settings input[type=range]{width:120px}.rhythm-settings output{font-variant-numeric:tabular-nums;min-width:44px}.rhythm-settings small{color:#aeb9ca;flex-basis:100%;line-height:1.6}.header-transport .record-button{max-width:none}.delivery-page{min-height:0;padding-bottom:20px;overflow:auto}.delivery-summary{color:#c6d7e9;background:#242e3b;border:1px solid #47596b;border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.8}.delivery-warning{line-height:1.8;color:#efc692!important}.delivery-track-info{flex:1;min-width:0}.delivery-filename{color:var(--color-accent-text);overflow-wrap:anywhere;margin-top:8px;font-size:12px;display:block}.delivery-track-actions{flex-wrap:wrap;gap:8px;display:flex}.delivery-options{border:1px solid #485365;border-radius:8px;margin:20px 0;padding:14px 18px}.delivery-options legend{padding:0 8px}.delivery-options label{align-items:center;gap:9px;margin:10px 0;font-size:13px;display:flex}.delivery-options input{accent-color:var(--color-accent)}.delivery-options p,.delivery-mix-inputs{color:#b6c3d5;font-size:12px;line-height:1.8}.delivery-mix-inputs{padding-left:22px}.delivery-contents{background:#212630;border-radius:8px;padding:14px 18px;font-size:13px;line-height:1.8}.delivery-contents p{margin:8px 0}.delivery-contents small{color:#b5c0d0}.delivery-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.delivery-progress{padding:12px 0;font-size:13px;line-height:1.8;color:#c5d8e3!important}.delivery-page .export-track{flex-wrap:wrap;gap:14px}.delivery-page .export-track small{line-height:1.7}@media(max-width:700px){.delivery-page .export-track{align-items:stretch}.delivery-track-actions{width:100%}.delivery-track-actions button{flex:1}.delivery-options{padding:12px}.delivery-actions button{width:100%}.delivery-page h1{font-size:21px}}.tempo-detector{border-top:1px solid #3b4352;width:100%;padding-top:12px}.tempo-detector-heading,.tempo-apply,.tempo-candidates{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tempo-detector-heading>span,.tempo-detector>small{color:#aeb9ca;line-height:1.7}.tempo-detector>small{margin-top:8px;display:block}.tempo-detector p{color:#c5d3e4;margin:10px 0;line-height:1.8}.tempo-result{background:#252d39;border:1px solid #47596b;border-radius:8px;margin-top:10px;padding:12px}.tempo-candidates button{height:auto;padding:8px 12px}.tempo-candidates button[aria-pressed=true]{border-color:var(--color-accent-border);background:var(--color-accent-surface)}.tempo-candidates small{color:#b6c6d7;font-size:10px;display:block}.tempo-apply{margin-top:14px}.tempo-apply input{background:var(--color-input);width:85px;color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:5px;padding:7px}.tempo-apply button{white-space:normal}@media(max-width:700px){.tempo-apply{align-items:stretch}.tempo-apply label{width:100%}.tempo-apply button{flex:1}.tempo-candidates button{flex:1;min-width:95px}}.workflow-content.content{scrollbar-gutter:stable;flex-direction:column;align-items:stretch;gap:16px;padding:24px 32px 28px;display:flex;overflow:auto}.workflow-content>*{flex-shrink:0;min-width:0}.workflow-content .page-intro{order:0;margin:0}.page-intro .eyebrow{color:var(--color-accent-text);margin:0 0 6px}.page-intro h1{letter-spacing:-.025em;margin:0 0 8px;font-size:24px}.page-intro>p:last-child{color:#aab3c2;margin:0;font-size:12px;line-height:1.8}.record-view .page-intro{order:-2}.record-view .record-session{order:-1}.workflow-content .storage-message,.workflow-content .audio-message,.workflow-content .recovery-panel,.workflow-content .file-panel{order:-3;margin:0}.record-session{background:#1b202a;border:1px solid #343b49;border-radius:8px;font-size:12px}.session-summary{color:#aeb9c9;flex-wrap:wrap;align-items:center;gap:18px;min-height:46px;padding:8px 14px;display:flex}.session-summary>span:first-child{color:#d9e2ed;align-items:center;gap:8px;display:flex}.session-summary>button:last-child{margin-left:auto}.connection-dot{background:#7f8897;border-radius:50%;width:7px;height:7px;display:inline-block}.connection-dot.connected{background:#69c398}.session-settings{border-top:1px solid #343b49;gap:16px;padding:16px;display:grid}.microphone-controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.microphone-controls label{align-items:center;gap:8px;min-width:0;display:flex}.microphone-controls select{min-width:0;max-width:260px}.microphone-controls [role=status]{color:#a7b7cb;font-size:11px;line-height:1.7}.workflow-content select,.tempo-field input{font:inherit;background:var(--color-input);border:1px solid var(--color-input-border);color:var(--color-input-text);border-radius:5px;padding:7px}.advanced-settings{border-top:1px solid #343b49;padding-top:12px;font-size:12px}.advanced-settings summary{cursor:pointer;color:#c1c9d8;padding:4px 0}.advanced-settings .recording-settings{border-top:0;padding-top:14px}.workflow-content .heading-row{gap:12px;min-height:44px;margin:0;padding:0;overflow:visible}.workflow-content .header-transport{flex:1;gap:18px;padding:0}.workflow-content .heading-actions{flex-direction:row;gap:8px}.workflow-content .record-button{white-space:normal;max-width:none}.workflow-content .workspace-card{flex:1 0 340px;min-height:340px;margin:0;overflow:hidden}.workflow-content .track-scroll{min-height:0;max-height:52vh;overflow:auto}.workflow-content .track{min-height:88px}.workflow-content .waveform svg{height:76px}.workflow-content .ruler-label,.workflow-content .track-name{width:210px}.workflow-content .measure-ruler,.workflow-content .track-name>div{min-width:0}.workflow-content .track-name small{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.workflow-content .audio-hint{flex:none;margin:0;font-size:11px}.workflow-content .preparation-page{background:0 0;width:100%;max-width:1160px;margin:0 auto;padding:0;overflow:visible}.workflow-content .setup-grid{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;display:grid}.workflow-content .setup-card{box-shadow:none;border-radius:10px;min-width:0;padding:22px}.setup-card h2{align-items:center;gap:10px;margin:0 0 20px;font-size:15px;display:flex}.setup-card h2>span{color:#bdc8d8;background:#303743;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.workflow-content .setup-card .rhythm-settings{border-top:0;gap:16px;padding-top:0}.setup-card .rhythm-settings label{align-items:center;gap:8px;font-size:12px;display:flex}.setup-live-level{align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.setup-live-level meter{flex:1;min-width:30px;height:12px}.setup-live-level strong{font-variant-numeric:tabular-nums;font-size:11px}.backing-choice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.backing-choice strong{overflow-wrap:anywhere}.tempo-field{align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.tempo-field input{width:86px}.workflow-content .setup-footer{border:1px solid #3b3e4a;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;padding:18px;font-size:13px;display:flex}.workflow-content .lower-grid{grid-area:auto;min-height:0;margin:0;display:block;overflow:visible}.workflow-content .lower-grid .panel{padding:24px}.workflow-content .lower-grid .take{flex-wrap:wrap;gap:12px;padding:14px 12px}.workflow-content .take-select{min-width:150px}.workflow-content .take-title{font-size:13px}.workflow-content .take-title small{font-size:11px;line-height:1.7}.workflow-content .rename-row{max-width:400px;margin:0 0 20px}.workflow-content .undo-deletion{float:right;margin-bottom:12px}.workflow-content .panel-head{clear:both}.workflow-content .empty-takes{text-align:center;border:1px dashed #454c5b;border-radius:8px;padding:32px 16px;line-height:1.9}.review-mixer{background:#1b202a;border:1px solid #343b49;border-radius:8px;padding:16px;font-size:12px}.review-mixer .mixer-controls{border:0;padding:0}.workflow-content .delivery-page{width:100%;max-width:1000px;margin:0 auto;padding:0 0 16px;overflow:visible}.file-panel{background:#202633;border:1px solid #4b586c;border-radius:8px;padding:18px;font-size:12px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{margin:0;font-size:15px}.file-panel .project-files{margin-top:14px}button:focus-visible,summary:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:3px}@media(max-width:1050px){.workflow-content .heading-row{align-items:flex-start}.workflow-content .heading-actions{margin-left:auto}.workflow-content .header-transport{flex-basis:100%}.workflow-content .workspace-card{flex-grow:0}.workflow-content .setup-grid{gap:14px}.microphone-controls select{max-width:210px}}@media(max-width:700px){.workflow-content.content{gap:14px;padding:18px 14px}.page-intro h1{font-size:21px}.session-summary{gap:10px;font-size:11px}.session-summary>span:nth-child(3){display:none}.workflow-content .header-transport{flex-wrap:wrap;gap:12px}.workflow-content .recording-controls{flex-wrap:wrap}.workflow-content .level-monitor{width:110px;display:block}.workflow-content .level-meter{display:block}.workflow-content .record-button{padding:10px;font-size:11px}.workflow-content .heading-actions{flex-wrap:wrap}.workflow-content .workspace-card{flex-basis:auto;min-height:320px}.workflow-content .ruler-label,.workflow-content .track-name{width:140px}.workflow-content .track-name{padding:8px}.workflow-content .track-symbol{display:none}.workflow-content .track-controls{position:static}.workflow-content .track-name small{max-width:110px;display:block}.workflow-content .workspace-toolbar{gap:10px;padding:12px}.workflow-content .toolbar-left{flex-wrap:wrap;gap:6px}.workflow-content .setup-grid{grid-template-columns:1fr}.workflow-content .setup-card{padding:18px}.workflow-content .setup-footer{flex-direction:column;align-items:stretch}.workflow-content .lower-grid .panel{padding:16px}.workflow-content .take-select{min-width:100px}.workflow-content .lower-grid .take{gap:6px}.mixer-fader>span{width:95px}.microphone-controls select{max-width:190px}.workflow-content .record-session .rhythm-settings label{align-items:center;gap:8px;display:flex}}.review-seek{border:1px solid #343b49;border-radius:8px}.record-workspace{flex:1;grid-template-columns:300px minmax(0,1fr);align-items:stretch;gap:18px;min-height:420px;display:grid}.workflow-content .record-workspace .workspace-card{flex:none;grid-area:1/2;min-height:420px}.workflow-content .record-workspace .lower-grid{scrollbar-gutter:stable;grid-area:1/1;min-width:0;overflow:auto}.workflow-content .record-workspace .panel{min-height:100%;padding:16px}.workflow-content .record-workspace .take{gap:6px;padding:10px 8px}.workflow-content .record-workspace .take-select{min-width:100px}.workflow-content .record-workspace .take-title small{font-size:10px}.workflow-content .record-workspace .empty-takes{text-align:left;padding:20px 12px}.quality-review{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.quality-review .panel{padding:22px}.quality-review h2{margin:0;font-size:16px}.quality-review .section-heading>span{color:#b3c0d1;font-size:11px}.quality-review p{color:#aebacf;font-size:12px;line-height:1.8}.quality-track{border-top:1px solid #363e4c;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.quality-track strong{overflow-wrap:anywhere;font-size:13px}.quality-track small{color:#b4bdcb;margin-top:6px;font-size:11px;display:block}.quality-track button{flex:none}.quality-notice{background:#362d29;border:1px solid #6e5640;border-radius:6px;padding:12px;color:#edc59c!important}.quality-check{cursor:pointer;border-top:1px solid #363e4c;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.quality-check input{accent-color:var(--color-accent);flex:none;width:16px;height:16px;margin-top:4px}.quality-check strong{font-size:13px;display:block}.quality-check small{color:#aebacf;margin-top:7px;font-size:12px;line-height:1.8;display:block}.quality-advice{grid-column:1/-1}@media(max-width:850px){.record-workspace{flex:none;min-height:0}.workflow-content .record-workspace .workspace-card{grid-area:1/1;min-height:350px}.workflow-content .record-workspace .lower-grid{grid-area:2/1;overflow:visible}.quality-review{grid-template-columns:1fr}}.playback-context{color:#b7c4d7;background:#191e27;border:1px solid #343e4c;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 12px;font-size:11px;display:flex}.playback-context strong{color:var(--color-accent-text);font-size:11px}.playback-context label{align-items:center;gap:8px;display:flex}.playback-context summary{cursor:pointer}.playback-context select{padding:4px;font-size:11px}.take-comparison-options input{accent-color:var(--color-accent)}.workflow-content .record-workspace.takes-collapsed .workspace-card{grid-column:1}.workflow-content .record-workspace .track-name,.workflow-content .record-workspace .ruler-label{width:190px}.workflow-content .record-workspace .track-info strong{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.workflow-content .record-workspace .track-symbol{display:none}.workflow-content .record-workspace .panel-head{margin-top:8px}.take-summary{color:var(--color-accent-text);border-top:1px solid #39414d;padding:10px 0;font-size:11px;line-height:1.8}.take-comparison-options{color:#c0ccde;margin-bottom:16px;font-size:11px}.take-comparison-options label{align-items:center;gap:6px;display:flex}.take-comparison-options small{color:#9dacc1;margin-top:8px;line-height:1.7;display:block}.workflow-content .take-check{white-space:nowrap;font-size:10px}.workflow-content .record-workspace .take-title small{line-height:1.7}.quality-check em{color:#eec08e;font-size:10px;font-style:normal}.review-notes{grid-column:1/-1}.note-form{background:#242b37;border-radius:7px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;font-size:12px;display:flex}.note-form label{align-items:center;gap:10px;display:flex}.note-form .note-text{flex-direction:column;flex-basis:100%;align-items:flex-start}.note-text textarea{resize:vertical;color:#e5ebf5;background:#151b25;border:1px solid #4f5b6e;border-radius:5px;width:100%;height:65px;padding:10px;line-height:1.6}.review-note{border-bottom:1px solid #3b4555;padding:16px 0;font-size:12px}.review-note>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.review-note p{white-space:pre-wrap;overflow-wrap:anywhere}.note-status{color:#ecc18e;font-size:11px}.note-actions{flex-wrap:wrap;gap:8px;display:flex}.quality-notice button{margin-top:10px;display:block}.export-guide{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:12px;line-height:1.7}.export-guide caption{text-align:left;padding:10px 0;font-size:15px;font-weight:700}.export-guide th,.export-guide td{text-align:left;border:1px solid #3d4757;padding:12px}.export-guide th{color:#bdcbdc;background:#242d3b}.export-details{border:1px solid #3d4757;border-radius:8px;margin-top:16px;padding:14px;font-size:12px}.export-details>summary{cursor:pointer}.workflow-content .record-workspace .lower-grid{max-height:70vh}@media(max-width:850px){.record-workspace{grid-template-columns:1fr!important}.workflow-content .record-workspace .lower-grid{max-height:none}.playback-context{gap:10px}.playback-context details{display:none}.export-guide th,.export-guide td{padding:8px}.quality-track{flex-wrap:wrap}}.session-summary .rhythm-toggle{white-space:nowrap;min-height:34px}.session-summary .rhythm-toggle[aria-pressed=true]{background:var(--color-accent-surface);border-color:var(--color-accent-border);color:#fff}.session-summary .rhythm-toggle:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:3px}@media(prefers-reduced-motion:no-preference){:where(.primary-button,.outline-button,.chip){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}}@media(hover:hover){.primary-button:enabled:hover{background-color:#3f76ed}@supports (color:color-mix(in lab,red,red)){.primary-button:enabled:hover{background-color:color-mix(in oklab,var(--color-primary) 88%,white)}}.outline-button:enabled:hover{background-color:var(--color-control)}}}@layer utilities{.relative{position:relative}.static{position:static}.hidden{display:none}.inline{display:inline}.table{display:table}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border-input-border{border-color:var(--color-input-border)}.bg-panel{background-color:var(--color-panel)}.text-muted{color:var(--color-muted)}.accent-accent{accent-color:var(--color-accent)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}