*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:76px;--rail-width:88px;--drawer-width:320px}.App{background:#f5f8e9;color:#26382d;min-height:100vh}.App .app-header{background:#fff;border-bottom:1px solid #e1e6de;color:#26382d}.App .app-header-inner{gap:16px;height:76px;height:var(--header-height);justify-content:space-between;padding:0 32px 0 24px}.app-brand{align-items:center;display:flex;gap:12px}.app-brand-pea{flex-shrink:0;height:48px;width:42px}.editor-main{margin-left:88px;margin-left:var(--rail-width);padding:108px 40px 20px;padding:calc(var(--header-height) + 32px) 40px 20px;transition:margin-left 225ms ease}.editor-main-shift{margin-left:408px;margin-left:calc(var(--rail-width) + var(--drawer-width))}.workspace-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 24px;max-width:1400px}.workspace-heading h2{margin-bottom:6px}.workspace-status{color:#657369;flex-shrink:0;font-size:12px;padding:8px 12px}.workspace,.workspace-status{background:#fff;border:1px solid #e1e6de;border-radius:20px}.workspace{box-shadow:0 8px 32px rgba(38,56,45,.025);margin:auto;max-width:1400px;overflow:hidden;position:relative}.workspace-scroll{overflow:auto;padding:28px}.canvas-content{position:relative;text-align:center}.loading-overlay{background:#ffffffeb;gap:18px;inset:0;position:absolute;z-index:2}.empty-state,.loading-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state{min-height:min(620px,70vh);padding:40px 20px}.pea-pod-hero{height:auto;margin:-14px 0 18px;width:min(360px,100%)}.empty-state .empty-title{font-size:clamp(28px,3vw,36px);font-weight:750;letter-spacing:-.8px;line-height:1.12;margin-bottom:18px}.empty-state .empty-description{font-size:15px;line-height:1.7;max-width:380px}.upload-prompt{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:28px}.glint-nav-item{transition:background-color .15s ease,color .15s ease!important}.glint-nav-item:hover{background:#f2f6ed!important}.glint-nav-item.Mui-selected{background:#e4f0c5!important;color:#326344!important}.glint-tactile{transition:background-color .15s ease}.glint-hover-lift{border:1px solid #e1e6de;border-radius:12px;margin-bottom:12px}.glint-hover-lift:hover{background-color:#f7f8f3}.glint-animate-entry{animation:panel-enter .18s ease}@keyframes panel-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.MuiButtonBase-root:focus-visible{outline:3px solid #a64e32;outline-offset:3px}.player{border:1px solid #e1e6de;margin-top:24px;text-align:center}.player-controls{border-bottom:1px solid #e1e6de;gap:12px;justify-content:space-between;padding:8px 12px}.player-controls,.player-history,.player-save,.player-transport{align-items:center;display:flex}.player-history,.player-save{flex:1 1}.player-save{justify-content:flex-end}.player-save .MuiButton-root{min-height:44px;white-space:nowrap}.player-transport{background:#f2f6ed;border-radius:28px;padding:0 4px}@media (max-width:1150px){.editor-main{padding-left:24px;padding-right:24px}.workspace-heading{align-items:flex-start;flex-direction:column}}@media (max-width:899px){:root{--header-height:68px;--mobile-tool-height:45vh}.App .app-header-inner{padding:0 16px}.App .app-header-inner>button{padding:8px 12px}.editor-main,.editor-main-shift{margin-left:0;padding:100px 16px calc(100px + env(safe-area-inset-bottom));padding:calc(var(--header-height) + 24px) 16px calc(100px + env(safe-area-inset-bottom))}.workspace-heading{margin-bottom:18px}.editor-main-shift{padding-bottom:calc(var(--mobile-tool-height) + 100px + env(safe-area-inset-bottom))}.workspace-status{display:none}.workspace-scroll{padding:16px}.empty-state{min-height:0;padding:36px 0 24px}.pea-pod-hero{margin-top:-20px;width:min(290px,100%)}.empty-state .empty-description{font-size:14px}.player-controls{gap:4px;padding:8px 4px}.player-controls .MuiIconButton-root{padding:10px}}@media (prefers-reduced-motion:reduce){.editor-main,.glint-nav-item,.glint-tactile{transition:none!important}.glint-animate-entry{animation:none}}.canvas-viewport{min-width:0;width:100%}.canvas-fit{margin:0 auto;overflow:hidden;position:relative}.canvas-native{position:relative;transform-origin:top left}.canvas-native>canvas{display:block}.canvas-touch-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;margin-top:16px}.canvas-touch-controls>span{color:#657369;font-size:11px}.canvas-touch-controls>button{min-height:40px}@media (max-width:899px){.workspace-scroll{overflow:visible}.player-controls{flex-wrap:wrap}.player-save{flex-basis:100%;margin-top:8px}.player-save .MuiButton-root{width:100%}}.timeline-scrubber{accent-color:#477b39;margin:0;min-height:32px;width:100%}.timeline-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:6px;text-align:left}.timeline-options label{color:#455443;font-size:.8rem}.timeline-options input,.timeline-options select{background:#fff;border:1px solid #aebda9;border-radius:6px;box-sizing:border-box;color:#293626;display:block;font:inherit;margin-top:4px;min-height:44px;padding:8px 10px;width:100%}.timeline-options input:focus-visible,.timeline-options select:focus-visible{outline:2px solid #477b39;outline-offset:2px}.timeline-options input[aria-invalid=true]{border-color:#b3261e}.player{border-radius:14px!important;text-align:left}.timeline-panel{padding:18px 20px 12px}.timeline-clock,.timeline-heading,.timeline-mode,.timeline-title,.timeline-tracks-heading{align-items:center;display:flex;gap:10px}.timeline-clock,.timeline-heading,.timeline-tracks-heading{justify-content:space-between}.timeline-heading{flex-wrap:wrap}.timeline-title{flex-wrap:wrap;font-size:15px}.timeline-playback-badge{background:#f0f5e9;border-radius:12px;color:#52654b;font-size:11px;padding:4px 8px}.timeline-mode{color:#657369;font-size:12px}.timeline-mode-toggle{background:#f5f8f0;border:1px solid #dce4d5;border-radius:12px;display:flex;gap:2px;padding:3px}.timeline-mode-toggle button{align-items:center;background:#0000;border:0;border-radius:8px;color:#52654b;cursor:pointer;display:flex;font:inherit;font-weight:600;gap:6px;justify-content:center;min-height:44px;padding:8px 12px}.timeline-mode-toggle button:hover:not(:disabled){background:#e8f0df}.timeline-mode-toggle button[aria-pressed=true]{background:#477b39;box-shadow:0 1px 3px #26382d20;color:#fff}.timeline-mode-toggle button[aria-pressed=true]:hover:not(:disabled){background:#3c6b30}.timeline-mode-toggle button:disabled{cursor:default;opacity:.5}.timeline-mode-description{color:#657369;font-size:12px;margin:8px 0 18px}.timeline-clock{color:#657369;font-size:11px}.timeline-clock .MuiTypography-root{font-feature-settings:"tnum";color:#26382d;font-size:12px;font-variant-numeric:tabular-nums}.timeline-settings-toggle{align-items:center;background:none;border:0;color:#52654b;cursor:pointer;display:flex;font:inherit;font-size:12px;gap:6px;margin:2px 0 0;min-height:36px;padding:0}.timeline-settings-toggle>span{font-size:18px;width:14px}.timeline-settings{background:#f7f9f3;border-radius:10px;margin-top:6px;padding:14px}.timeline-settings .MuiTypography-body2{font-size:12px;margin-top:6px}.timeline-settings .MuiTypography-caption{display:block;line-height:1.5}.timeline-panel .MuiAlert-root{margin-top:12px}.timeline-tracks-heading{border-top:1px solid #e1e6de;color:#657369;font-size:12px;gap:12px;padding:12px 16px}.timeline-tracks-heading strong{color:#26382d;font-weight:600}.timeline-tracks-heading span{font-size:11px;text-align:right}.timeline-mode-toggle button:focus-visible,.timeline-settings-toggle:focus-visible{outline:2px solid #477b39;outline-offset:3px}.composition-dialog .MuiDialog-paper{border-radius:20px}.composition-dialog .MuiDialogTitle-root{font-size:22px;font-weight:650;line-height:1.35;padding:28px 28px 8px}.composition-dialog .MuiDialogContent-root{padding:0 28px 24px}.composition-footer,.composition-intro{color:#657369;font-size:13px;line-height:1.6}.composition-intro{margin:0 0 20px}.composition-footer{font-size:12px;margin:18px 0 0}.composition-choices{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.composition-choices .composition-choice{align-items:flex-start;border-color:#cdd8c6;border-radius:12px;color:#26382d;display:flex;flex-direction:column;gap:14px;justify-content:flex-start;line-height:1.5;padding:18px;text-align:left;text-transform:none}.composition-choices .composition-choice:hover{background:#f3f8eb;border-color:#477b39}.composition-choice-heading{align-items:center;color:#477b39;display:flex;font-size:16px;gap:8px}.composition-choice-duration{align-items:baseline;display:flex;font-size:28px;font-weight:650;gap:6px;line-height:1.2;overflow-wrap:anywhere}.composition-choice-duration small{color:#657369;font-size:12px;font-weight:400}.composition-choice-description{font-size:13px;font-weight:400}.composition-choice-note{color:#657369;font-size:11px;font-weight:400;margin-top:auto}@media (max-width:599px){.timeline-panel{padding:14px 12px 10px}.timeline-options{grid-template-columns:1fr}.timeline-title{gap:6px}.timeline-mode{gap:8px;width:100%}.timeline-mode-toggle{flex:1 1}.timeline-mode-toggle button{flex:1 1;padding-inline:8px}.composition-dialog .MuiDialog-paper{margin:16px;width:calc(100% - 32px)}.composition-dialog .MuiDialogTitle-root{font-size:20px;padding:22px 20px 8px}.composition-dialog .MuiDialogContent-root{padding:0 20px 20px}.composition-choices{gap:10px;grid-template-columns:1fr}.composition-choices .composition-choice{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:1fr auto;padding:14px}.composition-choice-duration{font-size:23px}.composition-choice-description,.composition-choice-note{grid-column:1/-1}}.timeline-source-note{color:#657369;font-size:11px;margin:-10px 0 16px}.draggingFrame{filter:drop-shadow(0 0 .75rem #444);text-align:center}
/*# sourceMappingURL=main.0cf71701.css.map*/