:root{color:#262727;background:#f6f3ed;font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background-color:#f6f3ed;background-image:url(/assets/paper-texture.png);background-repeat:repeat;background-size:760px 760px;color:#252729}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #2e82d7;outline-offset:4px}.studio-shell{min-height:760px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f7f4ee2e}.topbar{flex:0 0 86px;height:86px;padding:0 40px;border-bottom:1px solid rgba(46,47,47,.17);display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;min-width:0}.brand-name{font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(34px,3.8vw,54px);font-weight:400;line-height:1;letter-spacing:-3.2px;white-space:nowrap}.brand-divider{width:1px;height:42px;margin:0 28px 0 22px;background:#27272794}.brand-caption{font-size:19px;letter-spacing:.25em;color:#4c4a47;white-space:nowrap}.topbar-promise{display:flex;align-items:center;gap:29px;font-size:16px;letter-spacing:.28em;color:#5c5955;white-space:nowrap}.promise-rule{display:block;width:clamp(75px,10vw,150px);height:1px;background:#aaa49c;position:relative}.promise-rule i{position:absolute;width:10px;height:10px;top:-4px;right:0;border-radius:50%;background:#615d59}.studio-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(338px,27.3vw,405px)}.visual-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 112px;padding:0 28px 8px 20px}.art-stage{min-height:0;position:relative;overflow:hidden}.tree-canvas{display:block;width:100%;height:100%}.canvas-caption{position:absolute;left:13px;bottom:13px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 26px);padding:8px 12px;border:1px solid rgba(78,75,68,.17);border-radius:2px;background:#f7f4eec7;color:#706b62;font-size:12px;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.canvas-caption.is-visible{opacity:1;transform:translateY(0)}.caption-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#ef7654}.track-strip{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;border-top:1px solid rgba(49,49,47,.08)}.transport-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(52,52,50,.3);border-radius:50%;background:#ffffff3d;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.transport-button:hover{background:#fffaf3;border-color:#eb7758;transform:scale(1.04)}.waveform-column{min-width:0}.waveform-canvas{display:block;width:100%;height:63px;cursor:pointer}.track-times{display:flex;align-items:center;justify-content:space-between;color:#76726e;font-size:11px;letter-spacing:.02em}.export-button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;border-bottom:1px solid rgba(46,47,47,.37);background:transparent;color:#57544f;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.export-button:hover{color:#e86e50;border-color:#e86e50}.control-rail{min-height:0;border-left:1px solid rgba(46,47,47,.17);display:flex;flex-direction:column}.control-inner{flex:1;min-height:0;overflow-y:auto;padding:34px 33px 18px;scrollbar-width:thin;scrollbar-color:rgba(116,108,96,.28) transparent}.section-heading{display:flex;align-items:center;justify-content:space-between;color:#292a2b;font-size:19px;letter-spacing:.09em}.step-number{color:#a7a198;font-size:10px;letter-spacing:.16em}.section-copy{margin:12px 0 0;color:#888178;font-size:12px;line-height:1.65;letter-spacing:.025em}.parameter-copy{margin-top:6px;margin-bottom:20px}.optional-label{color:#9b958c;font-size:10px;letter-spacing:.15em}.drop-zone{width:100%;height:178px;margin-top:19px;border:1px dashed rgba(78,73,67,.42);border-radius:12px;background:#ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.drop-zone:hover,.drop-zone.is-dragging{background:#ffffff6b;border-color:#ef7554}.drop-zone.is-dragging{transform:scale(.99)}.upload-icon{color:#77736e}.upload-icon.success{display:grid;place-items:center;color:#52956b}.upload-title{color:#56524e;font-size:17px;letter-spacing:.14em}.upload-subline{max-width:90%;overflow:hidden;color:#928c84;font-size:11px;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.uploaded-name{max-width:90%;overflow:hidden;color:#393937;font-size:13px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.audio-drop-zone{height:76px;margin-top:14px;padding:0 16px;flex-direction:row;justify-content:flex-start;gap:13px;border-radius:9px;text-align:left}.audio-drop-zone .upload-title{font-size:13px;letter-spacing:.06em}.audio-drop-zone .upload-subline{max-width:100%;font-size:10px}.audio-file-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.audio-file-copy .uploaded-name{max-width:100%}.generate-button{width:100%;height:68px;margin-top:20px;padding:0 28px;border:0;border-radius:16px;background:#f07151;box-shadow:0 5px 14px #e466491f;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:19px;letter-spacing:.22em;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.generate-button:hover{background:#e96547;box-shadow:0 8px 19px #e4664930;transform:translateY(-1px)}.generate-button:active{transform:translateY(0)}.generate-button.is-generating{background:#d8755d;cursor:progress}.generate-button:disabled{opacity:.8}.rail-divider{height:1px;margin:30px 0;background:#2d2d2c36}.parameter-section{display:flex;flex-direction:column}.parameter-title{min-height:35px}.parameter-title label{cursor:pointer}.parameter-icon.coral{color:#ef7654}.range-line{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:22px;margin-top:8px}.range-line output{min-width:40px;color:#5e5b57;font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.range-line input[type=range]{width:100%;height:26px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.range-line input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--accent) 0 var(--range-progress),#dcd9d4 var(--range-progress) 100%)}.range-line input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:#dcd9d4}.range-line input[type=range]::-moz-range-progress{height:5px;border-radius:5px;background:var(--accent)}.range-line input[type=range]::-webkit-slider-thumb{width:23px;height:23px;margin-top:-9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #fffaf5;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #2323232e}.range-line input[type=range]::-moz-range-thumb{width:19px;height:19px;border:2px solid #fffaf5;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #2323232e}.coral-range{--accent: #ef7654}.blue-range{--accent: #3488dc}.green-range{--accent: #4c9a69}.high-title{margin-top:20px}.seed-title{margin-top:18px}.particle-mark{color:#3a88df;transform:rotate(-8deg)}.seed-dice{color:#56534f}.rail-note{display:flex;align-items:flex-start;gap:13px;margin-top:27px;padding-top:14px;border-top:1px solid rgba(45,45,44,.1);color:#77716a}.rail-note p{margin:0;font-size:12px;line-height:1.8;letter-spacing:.08em}.note-mark{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#e88a55}.rail-footer{min-height:39px;padding:0 34px;border-top:1px solid rgba(46,47,47,.12);display:flex;align-items:center;justify-content:space-between;color:#a49d93;font-size:10px;letter-spacing:.09em}.audio-element,.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:1120px){.topbar{padding-inline:28px}.brand-name{font-size:clamp(31px,4.2vw,46px)}.brand-divider{margin-inline:18px}.brand-caption{font-size:16px}.topbar-promise{gap:16px;font-size:13px}.studio-grid{grid-template-columns:minmax(0,1fr) 330px}.visual-workspace{padding-inline:12px 20px}.control-inner{padding:30px 26px 15px}.rail-divider{margin:24px 0}.high-title{margin-top:18px}.seed-title{margin-top:16px}.rail-note{margin-top:22px}}@media(max-width:760px){.studio-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{flex-basis:68px;height:68px;padding:0 18px}.brand-name{font-size:30px;letter-spacing:-1.9px}.brand-divider{height:27px;margin:0 12px}.brand-caption{font-size:13px;letter-spacing:.13em}.topbar-promise{gap:0;font-size:11px;letter-spacing:.1em}.promise-rule{display:none}.studio-grid{display:flex;flex-direction:column}.visual-workspace{order:0;min-height:570px;padding:0 14px 10px;grid-template-rows:minmax(360px,1fr) 94px}.control-rail{order:1;border-top:1px solid rgba(46,47,47,.17);border-left:0}.control-inner{padding:28px 22px 24px}.section-heading{font-size:17px}.drop-zone{height:150px}.audio-drop-zone{height:76px;margin-top:14px}.generate-button{height:66px;margin-top:20px;border-radius:13px;font-size:17px}.rail-divider{margin:25px 0}.high-title{margin-top:21px}.seed-title{margin-top:19px}.rail-note{margin-top:29px}.rail-footer{padding-inline:22px}.export-button{gap:5px;padding-inline:5px;font-size:11px}.track-strip{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.waveform-canvas{height:56px}}@media(max-width:420px){.topbar{padding-inline:13px}.brand-name{font-size:26px}.brand-divider{margin-inline:8px}.brand-caption{font-size:11px}.topbar-promise{font-size:10px}.visual-workspace{padding-inline:8px}.export-button span{display:none}.track-strip{grid-template-columns:32px minmax(0,1fr) 24px}.export-button{justify-self:end;width:28px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}