/* The Adam font, paper/ink palette and directory proportions come from the local Sycamour project. */
@font-face{font-family:Adam;src:url('/fonts/Adam-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#1a1a1a;--paper:#1a1a1a;--panel:#f7f6f2;--panel-raised:#eeece6;--signal:#f7f6f2;--signal-deep:#eeece6;--line:#1a1a1a30;--line-strong:#1a1a1a60;--muted:#66635e;--muted-strong:#44413c;--muted-soft:#77736c;--muted-dim:#817d75;--active:#a8312a;--active-hover:#8e2721;--accent-ink:#f7f6f2;--accent:#a8312a;--info:#66635e;--danger:#a8312a;--font-display:Adam,Arial,sans-serif}
html,body{margin:0;background:#f7f6f2;color:#1a1a1a;height:100%;overflow:hidden}.morrow-app{height:100dvh;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 36px;background:#f7f6f2;color:#1a1a1a;overflow:hidden;font:11px 'Geist Mono',monospace}.morrow-app *{box-sizing:border-box}.morrow-app [hidden]{display:none!important}.morrow-app button,.morrow-app select,.morrow-app input,.morrow-app textarea{font-family:inherit;border-radius:0}.morrow-app button{cursor:pointer}.morrow-app button:disabled{cursor:wait;opacity:.45}.morrow-app a{color:inherit}.morrow-app :focus-visible{outline:2px solid #a8312a;outline-offset:3px}.morrow-app button,.morrow-app a{-webkit-tap-highlight-color:transparent}
.morrow-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);letter-spacing:.12em}.morrow-brand{text-decoration:none;font-size:11px}.morrow-mode{display:flex;gap:22px;margin-left:auto;margin-right:20px}.morrow-mode a{text-decoration:none;color:#817d75;font-size:10px}.morrow-mode a[aria-current=page]{color:#a8312a}.morrow-header-actions{display:flex;align-items:center;gap:10px}.morrow-header-actions button{padding:7px 10px;font-size:9px;letter-spacing:.08em;background:transparent;border:1px solid var(--line);color:#1a1a1a}.morrow-header-actions .locale-switch{border:0;color:#77736c}.morrow-header-actions .morrow-export{background:#a8312a;border-color:#a8312a;color:#f7f6f2}
.morrow-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0;overflow:hidden}.morrow-inspector{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line)}.directory-heading{display:flex;justify-content:space-between;gap:12px;padding:25px 22px 18px;color:#77736c;font-size:9px;letter-spacing:.1em}.directory-heading>span:last-child{font-size:8px}.inspector-tabs{padding:0 22px 22px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line)}.inspector-tabs button{display:flex;align-items:baseline;gap:13px;padding:0;background:transparent;border:0;color:#1a1a1a;text-align:left;white-space:nowrap}.directory-index{font-size:8px;color:#817d75}.directory-label{font:700 31px/.94 Adam,Arial,sans-serif;letter-spacing:-.075em}.inspector-tabs button[aria-selected=true]{color:#a8312a}.inspector-tabs button:hover .directory-label{transform:translateX(4px);color:#a8312a}.directory-label{transition:transform .12s steps(2)}.inspector-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1;padding:0 22px 20px;scrollbar-width:thin;scrollbar-color:#c6c1b7 transparent}.parameter-caption{font-size:8px;line-height:1.6;letter-spacing:.1em;color:#817d75;margin:20px 0 12px}.inspector-footer{display:flex;justify-content:space-between;gap:15px;padding:15px 22px;border-top:1px solid var(--line);font-size:9px;color:#77736c}.inspector-footer a{text-decoration:none}.inspector-footer button{font:inherit;background:transparent;border:0;color:inherit;padding:0}
.morrow-editor{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;gap:16px;padding:24px 28px 18px;font-size:9px;letter-spacing:.12em;color:#817d75;flex:none}.preview-heading>span:first-child{color:#66635e}.morrow-canvas-tools{padding:0 28px 15px;flex:none}.morrow-app .stage-toolbar{height:auto;min-height:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;padding:0;border:0;background:transparent;overflow:visible}.morrow-app .stage-toolbar .tool-button,.morrow-app .look-library-trigger{min-height:28px;padding:6px 8px;background:transparent;border:1px solid var(--line);color:#66635e;font-size:8px;letter-spacing:0}.morrow-app .stage-toolbar .tool-button.is-active{color:#a8312a;border-color:#a8312a}.morrow-app .toolbar-divider{height:18px;margin:0 2px}.morrow-app .preset-field{width:auto;min-width:0;display:flex;gap:7px;align-items:center;font-size:8px}.morrow-app .preset-field select{width:130px;padding:6px}.morrow-app .mobile-save{display:none}.morrow-app kbd{background:#e6e2d9;color:#817d75;border:0;font-size:7px}
/* One bounded flex canvas area in both modes. No inherited sticky stage or reserved toolbar rows. */
.morrow-app .morrow-stage.stage-panel{position:relative!important;top:auto!important;order:0;display:flex!important;flex-direction:column!important;align-self:stretch!important;width:auto!important;height:auto!important;min-height:0!important;flex:1 1 0;margin:0 28px 20px;background:transparent;contain:none;overflow:hidden}.morrow-app .morrow-stage .canvas-bay{display:grid!important;grid-template-rows:minmax(0,1fr)!important;place-items:center;flex:1 1 0;width:100%;min-height:0!important;padding:20px!important;background:#eeece6!important;overflow:hidden;border:1px solid var(--line);contain:layout paint}.morrow-app .canvas-bay:before,.morrow-app .canvas-bay:after,.morrow-app .canvas-axis,.morrow-app .canvas-corner,.morrow-app .easy-world-series{display:none!important}.morrow-app .morrow-stage .canvas-frame{grid-area:1/1;width:var(--preview-width,auto)!important;height:var(--preview-height,100%)!important;max-width:100%!important;max-height:100%!important;aspect-ratio:inherit;border:0;box-shadow:0 8px 22px #1a1a1a18;background:transparent}.morrow-app .canvas-frame canvas{width:100%;height:100%;object-fit:contain;display:block}.morrow-app .easy-remix-ready{position:absolute;left:14px;top:14px;z-index:3;color:#1a1a1a;background:#f7f6f2dd;padding:10px}.morrow-app .record-indicator{color:#a8312a;background:#f7f6f2;border:1px solid var(--line)}.morrow-app .media-transport,.morrow-app .export-recovery{flex:none;background:#f7f6f2;border:1px solid var(--line);padding:10px 14px;color:#66635e}.morrow-app .transport-controls button{background:transparent;border:1px solid var(--line);color:#1a1a1a}.morrow-app .transport-note{color:#817d75}
.morrow-footer{border-top:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;color:#817d75;font-size:8px;letter-spacing:.05em}.morrow-footer>span{color:#a8312a;white-space:nowrap}.morrow-app .stage-status{display:flex;flex:1;gap:15px;align-items:center;min-height:0;height:auto;padding:0;background:transparent;border:0;color:#77736c;font-size:8px;overflow:hidden}.morrow-app .stage-status>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morrow-app .stage-status>span:last-child{margin-left:auto}.morrow-app .status-led{background:#a8312a}
/* The guided directory contains real actions; it has no empty parameter tabs. */
.easy-directory{padding:0 22px;flex:1;min-height:0;overflow-y:auto}.easy-directory h1{font:700 46px/.95 Adam,Arial,sans-serif;letter-spacing:-.075em;margin:18px 0}.directory-note{color:#817d75;font:10px/1.8 'Geist Mono',monospace;max-width:230px;margin:0 0 30px}.morrow-app.mode-easy .easy-stage-actions{display:flex!important;flex-direction:column;position:static!important;inset:auto!important;transform:none!important;width:100%!important;padding:0!important;min-height:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;border:0;gap:16px}.morrow-app .easy-source-actions,.morrow-app .easy-output-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}.morrow-app .easy-output-actions{margin-top:8px}.morrow-app .easy-format-control{grid-column:1/-1;min-height:38px;background:transparent;border:1px solid var(--line);color:#66635e;padding:8px}.morrow-app .easy-format-control select{width:100%;background:transparent;border:0}.morrow-app .easy-dock-action,.morrow-app .easy-output-actions .save-action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:50px;padding:10px!important;background:transparent!important;color:#1a1a1a!important;border:1px solid var(--line)!important;box-shadow:none}.morrow-app .easy-dock-action strong{font:700 13px Adam,Arial,sans-serif;letter-spacing:0}.morrow-app .easy-dock-action small{font:8px/1.5 'Geist Mono',monospace;color:#817d75!important}.morrow-app.mode-easy .tool-button.roll-control{width:100%;min-width:0;flex:none;min-height:76px!important;margin:7px 0;padding:12px!important;border:1px solid #a8312a;background:#a8312a;color:#f7f6f2;box-shadow:none}.morrow-app .roll-control:before,.morrow-app .roll-control:after{display:none}.morrow-app .roll-button-title{font:700 35px Adam,Arial,sans-serif}.morrow-app .roll-button-kicker,.morrow-app .roll-button-counter{color:#f7f6f2b0}.morrow-app .roll-button-glyph{border:0;color:#f7f6f2}.full-studio-link{display:block;margin:30px 0;font:700 23px Adam,Arial,sans-serif;letter-spacing:-.04em;text-decoration:none;color:#a8312a!important}.morrow-app .easy-output-onboarding{background:#f7f6f2;color:#1a1a1a;border:1px solid var(--line);box-shadow:none}.morrow-app .easy-output-onboarding>strong{font:700 18px Adam,Arial,sans-serif}
/* Parameter controls */
.morrow-app .panel-section{background:transparent;border:0;border-bottom:1px solid var(--line)}.morrow-app .section-heading{background:transparent;color:#1a1a1a;padding:15px 0;border:0;min-height:0;font-size:10px;letter-spacing:0;text-transform:uppercase}.morrow-app .section-heading b{font-size:8px;color:#a8312a;background:transparent}.morrow-app .panel-content{padding:0 0 18px;gap:14px}.morrow-app .range-meta,.morrow-app .field-label{font-size:9px;letter-spacing:0;color:#66635e}.morrow-app .range-number-wrap input{color:#1a1a1a;background:#e6e2d9;border:0;padding:3px;width:44px}.morrow-app input[type=range]{accent-color:#a8312a}.morrow-app input[type=range]::-webkit-slider-runnable-track{background:#c6c1b7;height:2px}.morrow-app input[type=range]::-webkit-slider-thumb{background:#a8312a;border:0;box-shadow:none}.morrow-app select,.morrow-app textarea,.morrow-app input[type=text]{padding:8px;color:#383632;background:#eeece6;border:1px solid var(--line);font-size:10px}.morrow-app select option{background:#f7f6f2;color:#1a1a1a}.morrow-app .layer-toggle{background:transparent;border-color:var(--line);color:#66635e;padding:10px 0}.morrow-app .layer-toggle strong{font-size:10px;color:#383632}.morrow-app .layer-toggle small{color:#817d75;font-size:9px}.morrow-app .layer-toggle b{background:#e6e2d9;color:#77736c;border:0}.morrow-app .layer-toggle.is-active b{background:#a8312a;color:#fff}.morrow-app .layer-toggle.is-active{background:transparent}.morrow-app .button{padding:10px;font-size:9px;background:transparent;border:1px solid var(--line);color:#383632}.morrow-app .button.primary,.morrow-app .button.share-launch{background:#a8312a;border-color:#a8312a;color:#fff}.morrow-app .mini-note,.morrow-app .local-note,.morrow-app .drop-privacy{color:#817d75;font-size:9px;line-height:1.7}.morrow-app .drop-zone{background:#eeece6;border:1px dashed #aaa59c;padding:18px 12px;min-height:140px}.morrow-app .drop-zone strong{font:700 18px Adam,Arial,sans-serif;color:#1a1a1a;letter-spacing:0}.morrow-app .drop-symbol{color:#a8312a}.morrow-app .drop-zone small{color:#77736c;font-size:8px}.morrow-app .maker-card{background:transparent;border-color:var(--line);color:#66635e}.morrow-app .maker-card a{color:#a8312a}
/* Audio lives below the preview and never overlaps it. */
.morrow-soundtrack{flex:none;max-height:40%;overflow-y:auto;padding:0 28px 20px}.morrow-app .song-dock{background:transparent;border:1px solid var(--line);padding:12px;color:#383632;letter-spacing:0}.morrow-app .song-dock button{background:transparent;border:1px solid var(--line);color:#383632;border-radius:0;font-size:9px}.morrow-app .song-dock .song-upload{background:#e6e2d9;border-color:#c6c1b7}.morrow-app .song-track strong{color:#383632;font:10px/1.5 'Geist Mono',monospace}.morrow-app .song-track span,.morrow-app .song-meter,.morrow-app .song-slider>span,.morrow-app .song-style,.morrow-app .song-details summary,.morrow-app .song-export,.morrow-app .song-slider small{color:#77736c}.morrow-app .song-dock .song-sync[aria-pressed=true]{background:#a8312a;color:#fff;border-color:#a8312a}.morrow-app .song-meter meter,.morrow-app .song-meter meter::-webkit-meter-bar{background:#dedad1}.morrow-app .song-meter meter::-webkit-meter-optimum-value{background:#a8312a}.morrow-app .song-meter meter::-moz-meter-bar{background:#a8312a}.morrow-app .song-style select{background:#eeece6;color:#383632;border-color:var(--line)}.morrow-app .song-fine-tune{position:static;background:#eeece6;border:1px solid var(--line);box-shadow:none;margin-top:10px;flex-wrap:wrap;padding:12px}.morrow-app .song-track .song-error{color:#a8312a}
.morrow-app .share-backdrop,.morrow-app .look-library-backdrop{background:#1a1a1a55;backdrop-filter:blur(5px)}.morrow-app .share-dialog,.morrow-app .look-library-dialog{background:#f7f6f2;color:#383632;border:1px solid #817d75}.morrow-app .share-header,.morrow-app .look-library-header{background:#eeece6;color:#383632}.morrow-app .share-primary-action{background:#a8312a;color:#fff}.morrow-about{position:fixed;z-index:100;bottom:55px;left:22px;width:300px;padding:25px;background:#f7f6f2;border:1px solid var(--line-strong);box-shadow:5px 5px 0 #1a1a1a18}.morrow-about h2{font:700 28px Adam,Arial,sans-serif}.morrow-about p{font:11px/1.8 'Geist Mono',monospace;color:#66635e}.morrow-about a{display:block;margin-top:12px;color:#a8312a;font-size:10px}.morrow-about>button{position:absolute;right:12px;top:12px;background:transparent;border:0;font-size:20px}
@media(min-width:1600px){.morrow-workspace{grid-template-columns:370px minmax(0,1fr)}.directory-label{font-size:38px}.directory-heading,.inspector-tabs,.inspector-scroll,.easy-directory{padding-left:30px;padding-right:30px}.easy-directory h1{font-size:56px}}
@media(max-width:1000px) and (min-width:701px){.morrow-workspace{grid-template-columns:275px minmax(0,1fr)}.directory-label{font-size:28px}.directory-heading,.inspector-tabs,.inspector-scroll,.easy-directory{padding-left:18px;padding-right:18px}.morrow-app .morrow-stage.stage-panel{margin-inline:16px}.morrow-canvas-tools,.morrow-soundtrack{padding-inline:16px}.preview-heading{padding-inline:16px}.song-main{flex-wrap:wrap}.song-track{flex-basis:60%}}
@media(max-width:700px){html,body{height:auto;overflow:auto}.morrow-app{height:auto;min-height:100dvh;display:flex;flex-direction:column;overflow:visible}.morrow-header{height:54px;padding:0 12px;gap:10px;flex:none}.morrow-brand{font-size:9px}.morrow-mode{margin:0;gap:10px}.morrow-mode a{font-size:8px}.morrow-header-actions{gap:5px}.morrow-header-actions button{font-size:8px;padding:7px}.morrow-header-actions .locale-switch{display:none}.morrow-workspace{display:flex;flex-direction:column;overflow:visible}.morrow-editor{order:0;overflow:visible}.morrow-inspector{order:1;border-right:0;border-top:1px solid var(--line);min-height:0}.preview-heading{padding:18px 15px;font-size:8px}.morrow-canvas-tools{padding:0 15px 12px}.morrow-app .morrow-stage.stage-panel{height:55svh!important;min-height:300px!important;flex:none;margin:0 15px 15px}.morrow-app .morrow-stage .canvas-bay{padding:12px!important}.morrow-app .morrow-stage .canvas-frame{height:100%!important;width:auto!important;max-width:100%!important}.morrow-soundtrack{padding:0 15px 15px;max-height:none;overflow:visible}.inspector-tabs{flex-direction:row;flex-wrap:wrap;gap:12px;padding:0 18px 18px}.directory-index{display:none}.directory-label{font-size:22px}.directory-heading{padding:20px 18px}.inspector-scroll{overflow:visible;padding:0 18px 20px}.easy-directory{overflow:visible;padding:0 18px}.easy-directory h1{font-size:35px}.easy-directory h1 br{display:none}.directory-note{max-width:none;margin-bottom:15px}.morrow-footer{min-height:40px;padding:10px 15px}.morrow-app .stage-status>span:last-child{display:none}.morrow-footer>span{font-size:7px}.morrow-app .song-response{gap:12px}.morrow-app .song-main{flex-wrap:wrap}.morrow-app .song-meters{flex-basis:100%}.morrow-about{left:15px;width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){.morrow-app *{animation:none!important;transition:none!important}}
body.information{height:auto;overflow:auto;background:#f7f6f2;color:#1a1a1a}.information nav{border-color:var(--line);font:11px 'Geist Mono',monospace}.information h1{font:700 48px/.95 Adam,Arial,sans-serif;letter-spacing:-.06em}.information h2{color:#a8312a}.information p{color:#66635e}.information a{color:#a8312a}
.morrow-app .roll-button-label{font:700 32px/1 Adam,Arial,sans-serif;letter-spacing:-.04em}.morrow-app .roll-button-kicker,.morrow-app .roll-button-meta{color:#f7f6f2b0;font:8px 'Geist Mono',monospace}.morrow-app .roll-button-readout{border-color:#f7f6f255}.morrow-app.mode-easy .tool-button.roll-control:hover{background:#8e2721;color:#f7f6f2;box-shadow:none;transform:none}.morrow-app.mode-easy .tool-button.roll-control:hover .roll-button-glyph{color:#f7f6f2;background:transparent}
/* Shared spacing rhythm: 24px outer gutters, 16px section gaps, 8px controls. */
.morrow-app{--workspace-gutter:24px;--control-gap:8px}
.morrow-header{padding-inline:24px;gap:24px}.morrow-header-actions{gap:8px}.morrow-header-actions button{height:30px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}.morrow-mode{margin-right:16px;gap:24px;align-items:center}
.directory-heading{padding:24px 24px 20px;align-items:center;line-height:14px;flex:none}.inspector-tabs{padding:0 24px 24px;gap:8px;flex:none}.inspector-tabs button{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:10px;min-height:29px}.directory-index{line-height:1;align-self:center}.directory-label{line-height:1.05}.inspector-scroll{padding:0 24px 24px;scroll-padding-top:16px;scrollbar-gutter:stable}.parameter-caption{margin:0;padding:20px 0 12px;line-height:1.6}.inspector-footer{padding:16px 24px;align-items:center;flex:none}
.preview-heading{padding:24px var(--workspace-gutter) 20px;line-height:14px;align-items:center}.morrow-canvas-tools{padding:0 var(--workspace-gutter) 16px}.morrow-app .stage-toolbar.aligned-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:static;min-height:0;padding:0}.preset-row,.action-row{display:flex;align-items:center;min-width:0;gap:8px;flex-wrap:wrap}.morrow-app .aligned-toolbar .look-preset-group{display:flex;flex:0 1 auto;align-items:center;gap:8px;width:auto;min-width:0;order:0}.morrow-app .aligned-toolbar .select-wrap{display:flex;flex:0 1 auto;align-items:center;gap:12px;min-width:0;margin:0}.morrow-app .aligned-toolbar .select-wrap>span{font-size:9px;letter-spacing:.04em;white-space:nowrap}.morrow-app .aligned-toolbar .select-wrap select{width:240px;max-width:100%;height:30px;min-height:30px;padding:0 10px;font-size:10px}.morrow-app .aligned-toolbar .tool-button{flex:0 0 auto;order:0;width:auto;min-width:0;height:30px;min-height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;line-height:1;letter-spacing:0;white-space:nowrap}.morrow-app .aligned-toolbar .look-library-trigger{flex:none;width:auto;margin:0;height:30px;padding:0 10px}.morrow-app .aligned-toolbar .playback{margin-left:auto;min-width:82px}.morrow-app .aligned-toolbar .random-all{flex-basis:auto;order:0}.morrow-app .aligned-toolbar .toolbar-divider,.morrow-app .aligned-toolbar .mobile-save{display:none}
.morrow-app .morrow-stage.stage-panel{margin:0 var(--workspace-gutter) 16px}.morrow-app .morrow-stage .canvas-bay{padding:24px!important}.morrow-soundtrack{padding:0 var(--workspace-gutter) 20px}.morrow-app .song-dock{padding:12px}.morrow-app .song-main{gap:12px;align-items:center}.morrow-app .song-dock button{min-height:32px;padding:8px 12px}.morrow-app .song-track strong{margin:0 0 4px;line-height:1.4}.morrow-app .song-track span{line-height:1.5}.morrow-app .song-response{gap:16px;margin-top:16px;align-items:center}.morrow-footer{padding-inline:24px;gap:16px}.morrow-app .stage-status{gap:16px;line-height:1.4}
.morrow-app details.panel-section>summary.section-heading{padding:16px 0;min-height:44px;margin:0;gap:12px;font-size:10px;line-height:1.4}.morrow-app .panel-content{padding:0 0 20px;gap:16px}.morrow-app .layer-toggle{grid-template-columns:12px minmax(0,1fr) 24px;gap:10px;min-height:60px;padding:12px;align-items:center}.morrow-app .layer-toggle .layer-mark{justify-self:start;margin:0}.morrow-app .layer-toggle .toggle-copy{min-width:0}.morrow-app .panel-content .layer-toggle .toggle-copy>strong{font-size:10px;line-height:1.4;letter-spacing:0}.morrow-app .layer-toggle .toggle-copy>small{font-size:9px;line-height:1.5;margin-top:4px;letter-spacing:0}.morrow-app .layer-toggle .toggle-state{font-size:8px;justify-self:end;text-align:right;line-height:1;white-space:nowrap}.morrow-app .range-control{margin-top:16px}.morrow-app .range-control:first-child{margin-top:0}.morrow-app .range-meta{align-items:center;gap:12px;margin-bottom:8px;min-height:22px}.morrow-app .panel-content .range-meta>span:first-child,.morrow-app .panel-content .field-label>span{font-size:10px;line-height:1.4}.morrow-app .range-number-wrap{display:flex;align-items:center;gap:4px}.morrow-app .range-number-wrap input{height:24px;text-align:right;padding:3px 6px}.morrow-app .field-label{gap:8px}.morrow-app .export-stack{gap:8px}.morrow-app .panel-content .button{min-height:34px}
@media(min-width:1600px){.morrow-app{--workspace-gutter:32px}.directory-heading,.inspector-tabs,.inspector-scroll,.inspector-footer{padding-left:32px;padding-right:32px}.directory-label{font-size:35px}}
@media(max-width:1000px) and (min-width:701px){.morrow-app{--workspace-gutter:20px}.directory-heading,.inspector-tabs,.inspector-scroll,.inspector-footer{padding-left:20px;padding-right:20px}.morrow-app .aligned-toolbar .select-wrap select{width:180px}.morrow-app .aligned-toolbar .playback{margin-left:0}.morrow-app .aligned-toolbar .tool-button{padding-inline:8px}}
@media(max-width:700px){.morrow-app{--workspace-gutter:16px}.morrow-header{padding-inline:12px;gap:10px}.morrow-mode{gap:10px;margin:0}.morrow-header-actions button{padding-inline:8px}.preview-heading{padding-top:20px;padding-bottom:16px}.morrow-app .aligned-toolbar .select-wrap{flex:1;gap:8px}.morrow-app .aligned-toolbar .look-preset-group{flex:1;width:100%;gap:8px}.morrow-app .aligned-toolbar .select-wrap>span{display:none}.morrow-app .aligned-toolbar .select-wrap select{width:100%;min-width:0}.morrow-app .aligned-toolbar .tool-button{height:32px;font-size:8px;padding-inline:8px}.morrow-app .aligned-toolbar .playback{margin-left:0}.action-row{gap:6px}.morrow-app .morrow-stage .canvas-bay{padding:16px!important}.directory-heading,.inspector-tabs,.inspector-scroll,.inspector-footer{padding-left:16px;padding-right:16px}.inspector-tabs button{display:block;min-height:28px}.inspector-tabs{gap:12px;padding-bottom:16px}.morrow-footer{padding-inline:16px}.morrow-app .song-response{gap:12px}}
/* Compact disclosure headers, like an editor's stacked panels. */
.morrow-app details.panel-section>summary.section-heading{justify-content:flex-start;min-height:38px;padding:11px 4px;gap:10px;font-size:10px;line-height:16px;user-select:none}
.morrow-app details.panel-section>summary.section-heading:before{content:'';display:block;flex:0 0 auto;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #77736c;transform-origin:2px 4px}
.morrow-app details.panel-section[open]>summary.section-heading:before{transform:rotate(90deg);border-left-color:#a8312a}
.morrow-app details.panel-section>summary.section-heading:after{display:none}
.morrow-app details.panel-section>summary.section-heading>b{margin-left:auto;font-size:8px;max-width:85px}
.morrow-app details.panel-section>summary.section-heading:hover{background:#eeece6}
.morrow-app details.panel-section[open]>summary.section-heading{border-bottom:1px solid var(--line);margin-bottom:14px}
.morrow-app details.panel-section:not([open]){padding-bottom:0}
/* Compact tool tabs leave more room for controls. */
.morrow-app .inspector-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:18px}.morrow-app .inspector-tabs button{display:flex;gap:0;padding:9px 8px;min-height:34px;border:1px solid transparent}.morrow-app .inspector-tabs .directory-index{display:none}.morrow-app .inspector-tabs .directory-label{font:700 20px/1 Adam,Arial,sans-serif;letter-spacing:-.045em}.morrow-app .inspector-tabs button[aria-selected=true]{background:#eeece6;border-color:var(--line)}.morrow-app .inspector-tabs button:hover .directory-label{transform:none}.morrow-app .effect-audio-controls{padding:0 0 20px;border-bottom:1px solid var(--line);margin-bottom:12px}.effect-audio-controls>.field-label{display:flex;flex-direction:column;gap:8px;margin:16px 0}.effect-audio-controls select{width:100%}.effect-audio-enabled{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:10px}.effect-audio-enabled input{accent-color:#a8312a;margin:0}.effect-audio-slider{display:block;margin:18px 0}.effect-audio-slider>span{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:8px}.effect-audio-slider input{width:100%;accent-color:#a8312a}.effect-response-limits{border-block:1px solid var(--line);padding:4px 0;margin:18px 0}.effect-response-limits>summary{cursor:pointer;padding:10px 0;font-size:10px}.effect-audio-controls .mini-note{margin:14px 0}.song-settings>summary{padding-top:12px;font-size:9px;color:#77736c;cursor:pointer}.morrow-app .song-settings .song-response{margin-top:12px}.morrow-app .song-settings .song-fine-tune{position:static}
@media(max-width:700px){.morrow-app .inspector-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.morrow-app .inspector-tabs .directory-label{font-size:18px}}
/* Canvas-first workspace. Popovers are in the top layer and reserve no canvas space. */
.morrow-app.overlay-workspace{height:100dvh;display:grid;grid-template-rows:48px minmax(0,1fr) 28px;overflow:hidden}
.overlay-workspace .morrow-workspace{display:block;position:relative;overflow:hidden;min-height:0;height:100%}
.overlay-workspace .morrow-editor{position:absolute;inset:0;display:flex;overflow:hidden;min-height:0;padding:0}
.morrow-app.overlay-workspace .morrow-stage.stage-panel{margin:0;flex:1;width:100%!important;height:100%!important;min-height:0!important}
.morrow-app.overlay-workspace .morrow-stage .canvas-bay{border:0;background:#e9e7e1!important;padding:56px 24px 64px!important;flex:1;min-height:0!important}
.morrow-app.overlay-workspace .morrow-stage .canvas-frame{box-shadow:0 12px 35px #1a1a1a20}
.floating-tools{position:absolute;z-index:8;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px;background:#f7f6f2ed;border:1px solid #1a1a1a24;box-shadow:0 3px 15px #1a1a1a0c;backdrop-filter:blur(16px);max-width:calc(100% - 24px)}
.floating-tools button{border:0;background:transparent;color:#68635e;padding:8px 13px;font:9px 'Geist Mono',monospace;letter-spacing:.04em;white-space:nowrap}
.floating-tools button:hover,.floating-tools button[aria-expanded=true]{background:#e8e3da;color:#a8312a}
.music-launcher{position:absolute;z-index:8;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;background:#f7f6f2ed;border:1px solid #1a1a1a24;box-shadow:0 3px 15px #1a1a1a0c;backdrop-filter:blur(16px);max-width:min(420px,calc(100% - 32px))}
.music-launcher button{padding:12px 16px;min-height:38px;border:0;background:transparent;color:#68635e;font:9px 'Geist Mono',monospace}
.music-launcher .music-open{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.music-launcher .quick-audio-play{border-left:1px solid var(--line);flex:none;color:#a8312a;min-width:44px}.canvas-hint{position:absolute;left:20px;bottom:25px;font:8px 'Geist Mono',monospace;color:#8b867e;letter-spacing:.12em;pointer-events:none}
.morrow-app :where(.floating-panel[popover]){position:fixed;inset:auto;margin:0;border:1px solid #1a1a1a40;color:#1a1a1a;background:#f7f6f2f7;box-shadow:0 16px 55px #1a1a1a25;backdrop-filter:blur(18px);padding:0;max-width:calc(100vw - 32px);overflow:hidden;font:11px 'Geist Mono',monospace}
.morrow-app .floating-panel[popover]:not(:popover-open){display:none!important}
.morrow-app .floating-panel[popover]:popover-open{display:flex;flex-direction:column}
.morrow-app .morrow-inspector.floating-panel{left:20px;top:112px;bottom:auto;width:330px;height:auto;max-height:calc(100dvh - 170px);border-right:1px solid #1a1a1a40}
.floating-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:14px 18px;border-bottom:1px solid var(--line)}
.floating-panel-heading h2{margin:0;font:700 22px/1 Adam,Arial,sans-serif;letter-spacing:-.03em}
.floating-panel-heading .popover-close{display:grid;place-items:center;background:transparent;border:0;color:#77736c;width:28px;height:28px;font:20px Arial,sans-serif;padding:0}
.floating-panel .inspector-scroll{padding:0 18px 18px;flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:auto}
.floating-panel .inspector-footer{padding:12px 18px}
.morrow-app .looks-popover{top:112px;right:20px;width:390px;max-height:calc(100dvh - 170px)}
.popover-body{padding:18px;overflow-y:auto;min-height:0}
.morrow-app .looks-popover .stage-toolbar.aligned-toolbar{gap:14px}.morrow-app .looks-popover .look-preset-group{width:100%;flex-wrap:wrap}.morrow-app .looks-popover .select-wrap{width:100%;flex:1 1 100%;flex-direction:column;align-items:stretch}.morrow-app .looks-popover .select-wrap select{width:100%}.morrow-app .looks-popover .action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.morrow-app .looks-popover .action-row .tool-button{width:100%;margin:0;min-height:34px}
.morrow-app .music-popover{inset:auto 16px 100px;margin:0 auto;transform:none;width:540px;max-height:calc(100dvh - 180px)}
.morrow-app .music-popover .song-dock{border:0;padding:0}.music-popover .song-main{flex-wrap:wrap}.music-popover .song-track{flex:1 1 210px}.music-popover .song-response{flex-wrap:wrap}.music-popover .song-meters{flex-basis:100%}.music-popover .song-fine-tune{position:static}.music-popover .effect-audio-controls{margin-top:16px}
.overlay-workspace .morrow-footer{font-size:7px}.morrow-app.overlay-workspace .stage-status{font-size:7px}.overlay-workspace .morrow-about{z-index:110}
@media(max-width:700px){html:has(.overlay-workspace),body:has(.overlay-workspace){height:100%;overflow:hidden}.morrow-app.overlay-workspace{height:100dvh;min-height:0;grid-template-rows:48px minmax(0,1fr) 28px}.overlay-workspace .morrow-header{height:48px}.overlay-workspace .morrow-workspace{display:block;height:100%}.overlay-workspace .morrow-editor{position:absolute;inset:0;order:0;overflow:hidden}.morrow-app.overlay-workspace .morrow-stage.stage-panel{height:100%!important;min-height:0!important;flex:1;margin:0}.morrow-app.overlay-workspace .morrow-stage .canvas-bay{padding:64px 12px 72px!important}.floating-tools{top:12px;gap:0;width:max-content;padding:4px}.floating-tools button{font-size:8px;padding:9px 8px}.canvas-hint{display:none}.morrow-app .morrow-inspector.floating-panel,.morrow-app .looks-popover{top:108px;left:12px;right:auto;bottom:auto;width:min(340px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 160px);min-height:0}.morrow-app .music-popover{inset:auto 12px 98px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 156px)}.floating-panel .inspector-scroll{overflow-y:auto}.overlay-workspace .morrow-footer{min-height:0;padding:0 12px}.music-launcher{bottom:20px}.music-launcher button{font-size:8px}.morrow-app .floating-panel .easy-directory{padding:18px}.morrow-app .floating-panel .full-studio-link{margin:18px 0 0}}
/* Single compact transport; detailed sync controls live in the song popover. */
.music-launcher.has-transport{width:440px;max-width:calc(100% - 32px);padding:4px;gap:4px;align-items:center;bottom:16px}
.compact-transport{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 4px}
.music-launcher .compact-transport button{display:grid;place-items:center;width:28px;height:28px;min-height:28px;flex:none;padding:0;font-size:12px;border:0;background:transparent}
.music-launcher .compact-transport .compact-play{color:#a8312a}.music-launcher .compact-transport .compact-restart{color:#817d75}
.compact-transport input[type=range]{flex:1;min-width:40px;width:100%;height:18px;margin:0;accent-color:#a8312a}
.compact-time{flex:none;white-space:nowrap;font:8px 'Geist Mono',monospace;color:#77736c;font-variant-numeric:tabular-nums}.compact-time b{font-weight:500;color:#383632}
.music-launcher.has-transport .music-open{display:grid;place-items:center;border-left:1px solid var(--line);padding:0;width:32px;min-height:28px;flex:none;font-size:14px}
.music-popover .transport-audio{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;min-width:0}.music-popover .transport-audio>div{min-width:0;flex:1}.music-popover .transport-audio strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.music-popover .transport-audio small,.music-popover .transport-audio>div>span{font-size:9px;color:#77736c}.music-popover .transport-audio button,.music-popover .transport-offset button{font:9px 'Geist Mono',monospace;background:transparent;border:1px solid var(--line);padding:8px;color:#383632}.music-popover .transport-offset{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:700px){.music-launcher.has-transport{width:400px;max-width:calc(100% - 24px);bottom:18px}.compact-transport{gap:6px;padding:0}.compact-time{font-size:7px}.music-launcher .compact-transport button{width:26px}.music-popover .transport-audio{flex-wrap:wrap}}
.morrow-app .canvas-frame .motion-selection-highlight{position:absolute;inset:0;z-index:8;width:100%;height:100%;pointer-events:none;object-fit:fill;filter:drop-shadow(0 0 3px #ff704f);mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){.morrow-app .canvas-frame .motion-selection-highlight{filter:none}}
.motion-select-row{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0}.motion-select-row select{flex:1;min-width:0;width:0}.motion-solo-button{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:1px solid var(--line);color:#68635e;font:9px 'Geist Mono',monospace}.motion-solo-button[aria-pressed=true]{color:#a8312a;border-color:#a8312a;background:#a8312a0c}.eye-symbol{position:relative;display:block;width:15px;height:10px;border:1px solid currentColor;border-radius:70% 20%;transform:rotate(35deg)}.eye-symbol:after{content:'';position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;top:2px;left:4px}
/* Compact, scrollable layer visibility stack. */
.morrow-app .layers-popover{top:64px;right:20px;width:288px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 108px)}
.layers-body{overflow:auto;min-height:0;padding:0 12px 12px}.layers-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--muted,#76746d);font-size:10px}.morrow-app .layers-summary button{border:0;padding:4px;font-size:10px;min-height:24px}.layer-row{display:flex;align-items:center;gap:10px;min-height:38px;border-top:1px solid #deddd7}.layer-name{flex:1;font-size:11px}.layer-kind{font-size:8px;color:#89877f}.morrow-app .layer-eye{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;color:#a8312a;flex-shrink:0}.layer-eye .eye-icon{position:relative;display:block;width:14px;height:9px;border:1px solid currentColor;border-radius:70% 15%;transform:rotate(45deg)}.layer-eye .eye-icon:after{content:'';position:absolute;inset:2px 4px;border-radius:50%;background:currentColor}.is-hidden .layer-eye{color:#888!important}.is-hidden .eye-icon:before{content:'';position:absolute;left:5px;top:-5px;width:1px;height:19px;background:currentColor}.is-hidden .layer-name{opacity:.45}.layers-note{margin:12px 0 0;font-size:9px;line-height:1.5;color:#76746d}.layer-eye:focus-visible{outline:2px solid #a8312a;outline-offset:-2px}@media(max-width:640px){.morrow-app .layers-popover{right:12px;top:58px}}

/* Floating layer launcher, kept separate from the main toolbar. */
.morrow-app .floating-layers-button{position:absolute;z-index:9;top:14px;right:20px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #1a1a1a18;border-radius:0;background:#f7f6f2e8;color:#57534d;box-shadow:0 4px 18px #1a1a1a12;backdrop-filter:blur(16px);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.morrow-app .floating-layers-button:hover,.morrow-app .floating-layers-button[aria-expanded=true]{background:#fffdf8;color:#a8312a;box-shadow:0 5px 20px #1a1a1a20}.floating-layers-button:focus-visible{outline:2px solid #a8312a;outline-offset:3px}
.layers-stack-icon{position:relative;display:block;width:22px;height:24px;pointer-events:none}.layers-stack-icon i{position:absolute;left:4px;top:4px;width:14px;height:14px;border:1.4px solid currentColor;border-radius:2px;transform:rotate(30deg) skewX(-30deg) scaleY(.86);background:#f7f6f2}.layers-stack-icon i:nth-child(1){top:10px}.layers-stack-icon i:nth-child(2){top:6px}.layers-stack-icon i:nth-child(3){top:2px}
.morrow-app .layers-popover{top:118px;max-height:calc(100dvh - 154px);border-radius:0}
@media(max-width:700px){.morrow-app .floating-layers-button{top:64px;right:12px}.morrow-app .layers-popover{top:166px;right:12px;max-height:calc(100dvh - 202px)}}
/* The workspace fits the viewport; only panel contents may scroll. */
html:has(#studio),body:has(#studio){width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:none}
#studio{position:fixed;inset:0;display:block;width:100%;height:100dvh;overflow:hidden}
#studio .morrow-app.overlay-workspace{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr) 28px;overflow:hidden}
.overlay-workspace :is(.morrow-header,.morrow-workspace,.morrow-footer,.morrow-stage,.stage-status){min-width:0;max-width:100%}
.overlay-workspace .morrow-header{white-space:nowrap}.overlay-workspace .morrow-footer{overflow:hidden;padding-block:0}.overlay-workspace .stage-status{min-width:0;flex:1 1 0}
.morrow-app.overlay-workspace .morrow-stage .canvas-bay{container-type:size;min-width:0}
.morrow-app.overlay-workspace .morrow-stage .canvas-frame{width:min(100cqw,calc(100cqh * var(--canvas-ratio,1)))!important;height:min(100cqh,calc(100cqw / var(--canvas-ratio,1)))!important;min-width:0;min-height:0;aspect-ratio:var(--canvas-ratio,1)}
.morrow-app .floating-panel[popover]{min-width:0;max-width:calc(100vw - 24px);overscroll-behavior:contain}
.morrow-app :is(.morrow-inspector.floating-panel,.looks-popover,.layers-popover){top:min(118px,20dvh);max-height:calc(100dvh - min(118px,20dvh) - 40px)}
.morrow-app .music-popover{bottom:min(100px,20dvh);max-height:calc(100dvh - min(100px,20dvh) - 60px)}
.morrow-app :is(.popover-body,.layers-body,.inspector-scroll){min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
.morrow-app .floating-panel :is(select,input,textarea){max-width:100%}.morrow-app .floating-panel .song-track{min-width:0;flex-basis:160px}
.morrow-app .morrow-about{max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);overflow:auto}
.morrow-app :is(.share-dialog,.look-library-dialog){min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
@media(max-width:700px){
 .overlay-workspace .morrow-header{gap:8px;padding-inline:10px}.overlay-workspace .morrow-mode{gap:8px;margin:0}.overlay-workspace .morrow-header-actions{gap:4px}.overlay-workspace .morrow-header-actions button{padding-inline:6px;letter-spacing:0}
 .overlay-workspace .floating-tools{left:12px;right:68px;transform:none;width:auto;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 .overlay-workspace .floating-tools button{padding:8px 2px;min-width:0;letter-spacing:0}
 .morrow-app .floating-layers-button{top:12px;right:12px}
 .morrow-app.overlay-workspace .morrow-stage .canvas-bay{padding:84px 12px 64px!important}
 .overlay-workspace .morrow-footer{gap:6px}.overlay-workspace .morrow-footer>span{display:none}
 .compact-transport{gap:4px}.compact-transport input[type=range]{min-width:0;width:0}.compact-time{font-size:7px}
}
@media(max-width:380px){
 #studio .morrow-app.overlay-workspace{grid-template-rows:76px minmax(0,1fr) 24px}
 .overlay-workspace .morrow-header{height:auto;display:grid;grid-template-columns:1fr auto;gap:0 8px;padding-block:4px}
 .overlay-workspace .morrow-mode{justify-content:flex-end}.overlay-workspace .morrow-header-actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-height:500px){
 .morrow-app.overlay-workspace .morrow-stage .canvas-bay{padding-top:58px!important;padding-bottom:48px!important}
 .overlay-workspace .music-launcher{bottom:6px}.overlay-workspace .canvas-hint{bottom:16px}
 .morrow-app .floating-panel-heading{padding:6px 12px}.morrow-app .inspector-footer{padding:8px 12px}
}
@media(max-height:500px) and (max-width:700px){.morrow-app.overlay-workspace .morrow-stage .canvas-bay{padding-top:78px!important}}
/* Play: add media, roll, then continue editing the same composition. */
.play-flow{gap:4px;align-items:stretch;border-radius:0;padding:5px}
.morrow-app .play-flow :is(button,a){display:flex;align-items:center;justify-content:center;min-height:32px;padding:8px 12px;border-radius:0;font:9px 'Geist Mono',monospace;white-space:nowrap;text-decoration:none;letter-spacing:0}
.morrow-app .play-flow .play-roll{background:#a8312a;color:#fff;min-width:78px;border:0}.morrow-app .play-flow .play-roll:hover{background:#8e2721}.morrow-app .play-flow .play-edit{color:#a8312a;border:1px solid #a8312a30}.morrow-app .play-flow .play-edit:hover{background:#a8312a0c}
@media(max-width:700px){.overlay-workspace .play-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.morrow-app .play-flow :is(button,a){font-size:8px;padding:5px 3px;min-height:26px}.morrow-app .play-flow .play-roll{min-width:0}.play-flow .play-edit{grid-column:span 2}}
.effect-library{padding:12px 0;border-bottom:1px solid var(--line)}.effect-library>summary{cursor:pointer;font-size:10px;padding:8px 0;color:#a8312a}.effect-library-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:8px 0}.morrow-app .effect-library-item{display:flex;flex-direction:column;gap:5px;text-align:left;white-space:normal;padding:12px;border:1px solid var(--line);background:#eeece6;color:#383632;min-width:0}.morrow-app .effect-library-item:hover{border-color:#a8312a;background:#f7f6f2}.effect-library-name{display:flex;justify-content:space-between;width:100%;font-size:11px}.effect-library-name>span{color:#a8312a}.effect-library-description{font-size:9px;line-height:1.5;color:#77736c}.effect-library-action{font-size:8px;color:#a8312a;margin-top:3px}.morrow-app .effect-library .mini-note{margin:10px 0 0}
.image-windows-control{padding:10px 0}.image-windows-toggle{display:flex;align-items:center;gap:8px;font-size:10px;cursor:pointer}.image-windows-toggle input{margin:0;accent-color:#a8312a}.image-windows-control>.mini-note{margin:6px 0 12px}
.morrow-app .layer-action{display:grid;place-items:center;width:27px;height:30px;padding:0;flex:none;border:0;background:transparent;color:#77736c;font-size:18px}.morrow-app .layer-action:hover{background:#e8e3da;color:#a8312a}.layer-row{gap:6px}.trash-icon{position:relative;width:10px;height:12px;border:1px solid currentColor;border-radius:0 0 2px 2px}.trash-icon:before{content:'';position:absolute;top:-4px;left:-3px;width:14px;border-top:1px solid currentColor}.trash-icon:after{content:'';position:absolute;top:-6px;left:2px;width:4px;height:2px;border:1px solid currentColor;border-bottom:0}
.morrow-app .layer-editor-popover{top:min(118px,20dvh);right:320px;width:300px;max-height:calc(100dvh - min(118px,20dvh) - 40px);border-radius:0}.layer-edit-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.layer-edit-content .floating-panel-heading h2{font-size:20px}.layer-edit-content .popover-body{flex:1}.layer-edit-select{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:10px}.layer-edit-content details>summary{cursor:pointer;font-size:10px;padding:10px 0;color:#a8312a}.layer-edit-content .effect-audio-controls{padding-bottom:0;border:0;margin:0}
@media(max-width:700px){.morrow-app .layer-editor-popover{right:12px;width:min(320px,calc(100vw - 24px))}}
/* Independent nonmodal editor: closing Layers does not dismiss it. */
.morrow-app .independent-layer-window{left:20px;right:auto;max-height:calc(100dvh - min(118px,20dvh) - 40px);max-width:calc(100vw - 16px);box-shadow:0 18px 60px #1a1a1a35}
.independent-layer-window .floating-panel-heading{cursor:default}.independent-layer-window .popover-close{cursor:pointer}

@media(max-width:700px){.morrow-app .independent-layer-window{left:12px;right:auto}}
/* Sound and Layers share the upper-right corner. */
.morrow-app .floating-sound-button{right:72px;font:24px/1 'Geist',sans-serif}
.morrow-app .music-popover{top:min(118px,20dvh);bottom:auto;left:auto;right:20px;margin:0;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - min(118px,20dvh) - 40px)}
@media(min-width:701px) and (max-width:980px){.overlay-workspace .floating-tools{left:12px;right:128px;transform:none;max-width:none;justify-content:center}.floating-tools button{padding-inline:8px}}
@media(max-width:700px){.morrow-app .floating-sound-button{right:64px}.overlay-workspace .floating-tools{right:120px}.morrow-app .music-popover{right:12px;left:auto}}
/* Small soundtrack card; detailed settings expand only when needed. */
.morrow-app .music-popover{width:320px;border-radius:0}
.music-popover .floating-panel-heading{padding:8px 12px}.music-popover .floating-panel-heading h2{font-size:19px}.music-popover>.popover-body{padding:12px}
.morrow-app .music-popover .song-main{display:flex;flex-wrap:nowrap;gap:6px}.morrow-app .music-popover .song-track{flex:1 1 0;min-width:0}.music-popover .song-track strong{font-size:10px;margin-bottom:3px}.music-popover .song-track span{font-size:9px;line-height:1.4}
.morrow-app .music-popover :is(.song-play,.song-remove){display:grid;place-items:center;width:28px;height:28px;padding:0;flex:none}.morrow-app .music-popover .song-play{color:#a8312a}
.song-quick-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.morrow-app .song-quick-actions button{padding:5px 8px;font-size:9px;min-height:26px}.song-upload-hint{font-size:8px;color:#817d75}.song-quick-actions .song-sync{margin-left:auto}
.music-popover .song-settings,.music-popover .song-timing{margin-top:10px;border-top:1px solid var(--line)}.music-popover :is(.song-settings,.song-timing)>summary{padding:10px 0 0;font-size:9px;color:#77736c;cursor:pointer}.music-popover .song-response{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.music-popover .song-meters{min-width:0}.music-popover .song-style{display:flex;align-items:center;justify-content:space-between;gap:8px}.music-popover .song-style select{min-width:0;max-width:190px}.music-popover .song-fine-tune{display:grid;gap:12px;padding:10px}.music-popover .song-fine-tune .song-export{max-width:none}.music-popover .transport-offset{margin-top:0;padding-top:10px;border:0}.music-popover .panel-section>summary.section-heading{font-size:9px;min-height:30px;padding:10px 0}
/* Phone layout: reachable controls, safe-area padding, and bounded sheets. */
@media(max-width:700px){
 #studio .morrow-app.overlay-workspace{grid-template-rows:calc(48px + env(safe-area-inset-top)) minmax(0,1fr) calc(24px + env(safe-area-inset-bottom))}
 .overlay-workspace .morrow-header{display:flex;height:auto;gap:8px;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}
 .overlay-workspace .morrow-brand{font-size:10px;letter-spacing:.03em}.overlay-workspace .morrow-mode{margin-left:auto;gap:10px}.overlay-workspace .morrow-mode a{display:flex;align-items:center;min-height:44px;font-size:10px}.overlay-workspace .morrow-header-actions .morrow-import{display:none}.overlay-workspace .morrow-header-actions .morrow-export{min-height:36px;font-size:10px;padding-inline:9px}
 .overlay-workspace .morrow-footer{padding-bottom:env(safe-area-inset-bottom);font-size:8px}
 .morrow-app .floating-layers-button{top:8px;right:max(12px,env(safe-area-inset-right))}.morrow-app .floating-sound-button{right:calc(max(12px,env(safe-area-inset-right)) + 52px)}
 .overlay-workspace .floating-tools{top:60px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:2px}
 .morrow-app .floating-tools :is(button,a){min-height:44px;padding:8px 3px;font-size:10px;letter-spacing:0}
 .overlay-workspace .play-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr)}.play-flow .play-edit{grid-column:auto}.morrow-app .play-flow .play-edit{font-size:9px}
 .morrow-app.overlay-workspace .morrow-stage .canvas-bay{padding:164px 12px 70px!important}
 .morrow-app :is(.morrow-inspector.floating-panel,.looks-popover,.layers-popover,.music-popover,.independent-layer-window){top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;max-width:none;max-height:min(68dvh,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 64px));margin:0;border-radius:0}
 .morrow-app .floating-panel-heading{padding:6px 12px;min-height:52px}.morrow-app .floating-panel-heading .popover-close{width:44px;height:44px;min-height:44px}
 .morrow-app .floating-panel :is(button,select){min-height:44px}.morrow-app .floating-panel :is(select,input[type=text],input[type=number],textarea){font-size:16px}
 .morrow-app .floating-panel input[type=range]{min-height:32px;touch-action:pan-y}.morrow-app .floating-panel input[type=checkbox]{width:20px;height:20px;flex:none}
 .morrow-app .floating-panel :is(summary,.image-windows-toggle,.effect-audio-enabled){min-height:44px;align-content:center;font-size:11px}
 .morrow-app .floating-panel :is(.field-label,.effect-audio-slider>span,.layer-edit-select){font-size:11px}
 .morrow-app .layer-row{min-height:48px;gap:4px}.morrow-app .layer-row :is(.layer-eye,.layer-action){width:44px;height:44px;min-height:44px}.layer-name{font-size:12px;min-width:0;overflow-wrap:anywhere}
 .morrow-app .music-popover :is(.song-play,.song-remove){width:44px;height:44px;min-height:44px}.music-popover .song-track strong{font-size:12px}.music-popover .song-track span{font-size:11px}.morrow-app .song-quick-actions button{font-size:11px;min-height:44px}.song-upload-hint{font-size:9px}.song-quick-actions{flex-wrap:wrap}.music-popover .song-style{flex-wrap:wrap}.music-popover .song-style select{width:100%;max-width:none}
 .music-launcher.has-transport{bottom:8px;padding:3px 6px}.music-launcher .compact-transport button{width:44px;height:44px;min-height:44px}.compact-transport input[type=range]{height:32px}.compact-time{font-size:9px}
 .effect-library-name{font-size:12px}.effect-library-description{font-size:11px}.effect-library-action{font-size:10px}
}
/* Landscape phones keep a shallow toolbar so the artwork still has room. */
@media(max-width:980px) and (max-height:500px){
 .overlay-workspace .floating-tools{top:8px;left:8px;right:120px;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:2px;transform:none}.overlay-workspace .play-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr)}.play-flow .play-edit{grid-column:auto}.morrow-app .floating-tools :is(button,a){font-size:8px;padding-inline:2px;min-height:40px}.morrow-app.overlay-workspace .morrow-stage .canvas-bay{padding-top:60px!important;padding-bottom:60px!important}
 .morrow-app :is(.morrow-inspector.floating-panel,.looks-popover,.layers-popover,.music-popover,.independent-layer-window){max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 64px)}
}
@media(min-width:701px) and (max-width:980px) and (max-height:500px){.morrow-app :is(.morrow-inspector.floating-panel,.looks-popover,.layers-popover,.music-popover,.independent-layer-window){max-height:calc(100dvh - min(118px,20dvh) - 40px)}}

@media(max-width:700px) and (min-height:501px){.morrow-app.mode-easy.overlay-workspace .morrow-stage .canvas-bay{padding-top:116px!important}}
/* Studio tools form one horizontal strip along the bottom of the canvas. */
.morrow-app.mode-pro .studio-options{position:absolute;top:auto;bottom:10px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));transform:none;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px;width:auto;max-width:none;padding:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scroll-padding-inline:4px;scrollbar-width:none}
.morrow-app.mode-pro .studio-options button{flex:1 0 88px;min-width:88px;min-height:44px;padding:10px 16px;font-size:10px;letter-spacing:.04em;white-space:nowrap}
.morrow-app.mode-pro .studio-options button:focus-visible{outline-offset:-3px}
.morrow-app.mode-pro .music-launcher.has-transport{bottom:76px}
.morrow-app.mode-pro.overlay-workspace .morrow-stage .canvas-bay{padding:68px 24px 80px!important}
.morrow-app.mode-pro.overlay-workspace .has-playback .morrow-stage .canvas-bay{padding-bottom:136px!important}
.mode-pro .canvas-hint{display:none}
@media(max-width:700px){
 .morrow-app.mode-pro .studio-options{bottom:8px;left:8px;right:8px;gap:2px}
 .morrow-app.mode-pro .studio-options button{flex:0 0 auto;min-width:84px;min-height:44px;padding-inline:18px;font-size:11px}
 .morrow-app.mode-pro.overlay-workspace .morrow-stage .canvas-bay{padding-inline:12px!important}
 .morrow-app.mode-pro :is(.morrow-inspector.floating-panel,.looks-popover){bottom:calc(76px + env(safe-area-inset-bottom));max-height:min(64dvh,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 136px))}
}
@media(max-height:500px){.morrow-app.mode-pro.overlay-workspace .morrow-stage .canvas-bay{padding-top:58px!important}.morrow-app.mode-pro .studio-options button{min-height:40px}.morrow-app.mode-pro .music-launcher.has-transport{bottom:68px}.morrow-app.mode-pro.overlay-workspace .has-playback .morrow-stage .canvas-bay{padding-bottom:122px!important}}

.morrow-app.mode-pro .studio-options::-webkit-scrollbar{display:none;width:0;height:0}
/* Play shares the bottom action placement with Studio. */
.morrow-app.mode-easy .play-flow{top:auto;bottom:10px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));transform:none;display:flex;flex-wrap:nowrap;gap:4px;width:auto;max-width:none;padding:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}
.morrow-app.mode-easy .play-flow::-webkit-scrollbar{display:none;width:0;height:0}
.morrow-app.mode-easy .play-flow :is(button,a){flex:1 0 auto;min-height:44px;padding:10px 16px;font-size:10px;white-space:nowrap}
.morrow-app.mode-easy .play-flow .play-edit{flex-grow:1.65;grid-column:auto}
.morrow-app.mode-easy .music-launcher.has-transport{bottom:76px}
.morrow-app.mode-easy.overlay-workspace .morrow-stage .canvas-bay{padding:68px 24px 80px!important}
.morrow-app.mode-easy.overlay-workspace .has-playback .morrow-stage .canvas-bay{padding-bottom:136px!important}
.mode-easy .canvas-hint{display:none}
@media(max-width:700px){.morrow-app.mode-easy .play-flow{bottom:8px;left:8px;right:8px;gap:2px}.morrow-app.mode-easy .play-flow :is(button,a){padding-inline:10px;font-size:10px}.morrow-app.mode-easy.overlay-workspace .morrow-stage .canvas-bay{padding-inline:12px!important}}
@media(max-height:500px){.morrow-app.mode-easy.overlay-workspace .morrow-stage .canvas-bay{padding-top:58px!important}.morrow-app.mode-easy .play-flow :is(button,a){min-height:40px}.morrow-app.mode-easy .music-launcher.has-transport{bottom:68px}.morrow-app.mode-easy.overlay-workspace .has-playback .morrow-stage .canvas-bay{padding-bottom:122px!important}}
.morrow-app .saved-looks-popover{top:min(118px,20dvh);left:20px;width:340px;max-height:calc(100dvh - min(118px,20dvh) - 40px)}
.save-look-form{display:flex;flex-direction:column;gap:10px}.save-look-form label{display:flex;flex-direction:column;gap:8px;font-size:11px}.save-look-form input{width:100%;min-width:0}.morrow-app .save-look-form button,.morrow-app .saved-looks-open{min-height:38px;padding:10px;border:1px solid var(--line);background:#a8312a;color:#fff;font-size:10px}.morrow-app .saved-looks-open{margin-bottom:14px;width:100%}.saved-looks-body h3{font-size:10px;margin:22px 0 10px}.saved-look-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:8px 0}.saved-look-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.morrow-app .saved-look-row button{flex:none;background:transparent;border:1px solid var(--line);padding:8px;color:#383632;font-size:10px}.saved-look-status,.saved-look-error{font-size:10px;line-height:1.5}.saved-look-error{color:#a8312a}
@media(max-width:700px){.morrow-app .saved-looks-popover{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;max-width:none;max-height:min(64dvh,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 136px))}.morrow-app .saved-look-row button{min-width:44px;min-height:44px}.morrow-app .save-look-form button{min-height:44px}}
/* Layer-led editing: a few primary controls and opt-in detail. */
.morrow-app .layer-name{padding:6px 0;text-align:left;background:transparent;border:0;color:inherit;font:inherit;flex:1;min-width:0}
.morrow-app .layer-row.is-selected{background:#a8312a0c;box-shadow:inset 2px 0 #a8312a}.layer-row.is-selected .layer-name{color:#a8312a}
.layer-description{margin:0 0 18px;color:#77736c;font-size:11px;line-height:1.6}.layer-value-control{margin:16px 0}.layer-value-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.morrow-app .layer-value-heading input{width:64px;min-width:0;padding:5px;border:1px solid var(--line);background:#eeece6;color:#383632;font:11px 'Geist Mono',monospace;text-align:right}.layer-value-control>input{width:100%;margin:8px 0 0;accent-color:#a8312a}
.layer-advanced,.layer-audio{border-top:1px solid var(--line);margin-top:14px}.morrow-app .reset-layer,.morrow-app .layers-advanced{padding:10px;min-height:36px;border:1px solid var(--line);background:transparent;color:#77736c;font:10px 'Geist Mono',monospace;margin-top:16px;width:100%}.layers-body>.effect-library{padding-top:4px}.layer-edit-content .effect-audio-controls .mini-note:last-child{display:none}
.motion-sound-options{border-top:1px solid var(--line);padding:12px 0}.motion-sound-options>summary{font-size:11px;cursor:pointer}.image-format-control{padding-block:18px}.image-format-control select{width:100%}
.layer-undo{position:fixed;z-index:150;left:50%;transform:translateX(-50%);bottom:100px;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:10px 14px;background:#f7f6f2;border:1px solid var(--line);box-shadow:0 6px 24px #0002;font-size:11px}.morrow-app .layer-undo button{border:0;background:transparent;color:#a8312a;padding:8px;font:inherit}
.morrow-app.mode-pro .studio-options button{flex:1 0 88px}
@media(max-width:700px){.morrow-app .layer-value-heading input{font-size:16px;min-height:40px;width:72px}.layer-value-control>input{min-height:32px}.morrow-app .reset-layer,.morrow-app .layers-advanced{min-height:44px}.layer-undo{bottom:calc(94px + env(safe-area-inset-bottom))}.morrow-app .layer-undo button{min-height:44px}.overlay-workspace .morrow-header-actions>button{font-size:9px;padding-inline:6px}.layer-description{font-size:12px}.morrow-app .layer-name{font-size:12px}}

/* Focused download sheet */
.morrow-app .share-dialog.compact-export{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:0;padding:0;display:block}
.morrow-app .compact-export .share-dialog-header{padding:18px 20px;gap:16px;align-items:center;border-bottom:1px solid var(--line,#ccc)}
.morrow-app .compact-export .share-dialog-header h2{margin:0;font-size:20px;letter-spacing:-.03em}
.morrow-app .compact-export .share-dialog-header button{width:36px;height:36px;padding:0;border-radius:0}
.compact-export-body{padding:20px;display:flex;flex-direction:column;gap:18px}
.export-field{display:flex;flex-direction:column;gap:8px;font-size:12px}
.morrow-app .export-field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line,#ccc);border-radius:0;background:var(--paper,#f7f6f2);color:inherit;font:inherit}
.export-file-detail{font-size:11px;opacity:.6;margin-top:-8px}
.compact-export-status{font-size:12px;line-height:1.5}
.compact-export-status:empty{display:none}
.morrow-app .compact-export .share-primary-action{width:100%;min-height:46px;border-radius:0;margin:0;justify-content:center}
/* Keep the action reachable while only the fields can scroll. */
.morrow-app .share-dialog.compact-export{height:auto;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#f7f6f2}
.morrow-app .compact-export .share-dialog-header{min-height:72px;flex:none;position:static}
.compact-export-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.compact-export-footer{flex:none;padding:0 20px 20px;background:#f7f6f2}
.morrow-app .compact-export :is(button,select){touch-action:manipulation}
.morrow-app .compact-export :is(button,select):focus-visible{outline:2px solid #a8312a;outline-offset:3px}
@media(max-width:700px){
 .morrow-app .export-backdrop{padding:0;place-items:end stretch;overscroll-behavior:none}
 .morrow-app .share-dialog.compact-export{width:100%;max-width:none;margin:0;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border:0;border-top:1px solid var(--line,#ccc);box-shadow:0 -12px 40px #0002}
 .morrow-app .compact-export .share-dialog-header{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));min-height:68px}
 .morrow-app .compact-export .share-dialog-header button{width:44px;min-width:44px;height:44px}
 .compact-export-body{padding:16px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));gap:20px}
 .export-field{font-size:13px;gap:8px}
 .morrow-app .compact-export .export-field select{font-size:16px;min-height:52px;padding:12px;max-width:100%}
 .export-file-detail{font-size:12px}
 .compact-export-status{font-size:13px;overflow-wrap:anywhere}
 .compact-export-footer{padding:12px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid var(--line,#ccc)}
 .morrow-app .compact-export .share-primary-action{min-height:52px;font-size:15px}
 .morrow-app .compact-export .share-png-recovery{min-height:44px}
}
@media(max-width:700px) and (max-height:500px){
 .compact-export-body{gap:12px;padding-block:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .compact-export-body>:not(.export-field){grid-column:1/-1}
 .export-file-detail{margin-top:0}
}