#harmonade-app-root{height:100dvh;min-height:0;overflow:hidden}body.app-page{overscroll-behavior:none;scroll-behavior:auto;height:100%;overflow:hidden}html:has(body.app-page){overscroll-behavior:none;scroll-behavior:auto;height:100%;overflow:hidden}.harmonade-app{--wave-ratio:0;--wave-x:0%;--solid-player-space:calc(116px + env(safe-area-inset-bottom,0px));height:100dvh;min-height:0;max-height:100dvh;padding:74px 16px var(--solid-player-space);color:var(--site-ink,#15130f);background:repeating-linear-gradient(0deg, #15130f06 0 1px, transparent 1px 7px), linear-gradient(180deg, #f4f1e7, var(--site-bg,#e8e8e8));overflow:hidden}.harmonade-app:focus{outline:none}.studio-grid{height:calc(100dvh - 74px - var(--solid-player-space));grid-template-columns:clamp(320px,17vw,370px) minmax(0,1fr) clamp(410px,21vw,450px);align-items:stretch;gap:12px;width:min(2140px,100%);min-height:0;margin:0 auto;display:grid;overflow:hidden}.studio-column{min-width:0;min-height:0}.playback-audio-bank{display:none}.video-column{flex-direction:column;display:flex}.column-head{justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 6px;display:flex}.column-head h1,.column-head h2{letter-spacing:0;margin:0;font-size:18px;font-weight:920;line-height:1}.column-head span{color:color-mix(in srgb, var(--site-ink,#15130f) 72%, var(--site-muted,#6c665e));white-space:nowrap;font-size:16px;font-weight:900}.reference-picker-card,.setup-card,.voice-controls-card,.audio-board,.video-panel{border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 72%, white);background:repeating-linear-gradient(0deg, #15130f06 0 1px, transparent 1px 7px), linear-gradient(180deg, #fffefb, var(--site-paper,#fffdf8));border-radius:14px;box-shadow:6px 7px #15130f42,inset 0 1px #ffffffb8}.input-column{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:9px;min-height:0;padding:0 8px 28px 0;scroll-padding-bottom:28px;display:flex;overflow:hidden auto}.input-column>*{flex:none}.reference-picker-card{background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(135deg,#fffaf1,#ffe8f0 42%,#f8ffd9);gap:10px;padding:10px;display:grid}.reference-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tool-mode-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.tool-mode-select{min-width:0}.tool-mode-badge{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);text-align:center;background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(135deg,#fffefb,#f8ffd9);border-radius:12px;place-items:center;min-height:38px;padding:4px 10px;display:grid;box-shadow:2px 2px #15130f24}.tool-mode-badge strong,.tool-mode-badge small{white-space:nowrap;display:block}.tool-mode-badge strong{font-size:12px;font-weight:930}.tool-mode-badge small{color:var(--site-muted,#6c665e);font-size:10px;font-weight:850}.lead-input-card{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(135deg,#fffefb,#fff0b9 52%,#eaffd3);border-radius:13px;gap:9px;padding:10px;display:grid;box-shadow:3px 3px #15130f29,inset 0 1px #ffffff9e}.lead-input-card.is-recording{background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(135deg,#fff7ea,#ffd6d6 58%,#ffe7b0);border-color:#b63535;box-shadow:3px 3px #15130f2e,0 0 0 4px #ff9a9a2e}.lead-input-head{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;display:grid}.lead-input-icon{border:1.5px solid var(--site-ink,#15130f);background:linear-gradient(135deg,#fffefb,#62f4dd 58%,#ffb3da);border-radius:50%;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:2px 2px #15130f38}.lead-input-card.is-recording .lead-input-icon{color:#5c1010;background:linear-gradient(135deg,#ffd6d6,#ff9a9a)}.lead-input-copy{min-width:0}.lead-input-copy strong,.lead-input-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.lead-input-copy strong{font-size:15px;font-weight:940;line-height:1}.lead-input-copy small{color:var(--site-muted,#6c665e);margin-top:4px;font-size:11px;font-weight:850}.lead-input-status{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 52%, white);text-align:center;white-space:nowrap;background:#fffdf8c2;border-radius:999px;min-width:54px;padding:5px 8px;font-size:11px;font-weight:930;line-height:1;box-shadow:2px 2px #15130f1f}.lead-input-actions{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:8px;min-width:0;display:grid}.lead-input-action{border:1.5px solid var(--site-ink,#15130f);min-width:0;min-height:40px;color:var(--site-ink,#15130f);cursor:pointer;font:inherit;white-space:nowrap;background:#fffefb;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:930;line-height:1;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:3px 3px #15130f2e}.lead-input-action:hover{outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f2e}.lead-input-action:focus-visible{outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f2e}.lead-input-action.is-primary{background:repeating-linear-gradient(135deg,#15130f09 0 1px,#0000 1px 8px),linear-gradient(135deg,#fff15d,#62f4dd 58%,#ffb3da)}.lead-input-action.is-recording{color:#5c1010;background:repeating-linear-gradient(135deg,#15130f09 0 1px,#0000 1px 8px),linear-gradient(135deg,#ffd6d6,#ff9a9a);border-color:#b63535}.lead-input-action:disabled{cursor:not-allowed;opacity:.56;transform:none;box-shadow:2px 2px #15130f1c}.lead-input-detail{min-width:46px;color:var(--site-muted,#6c665e);white-space:nowrap;justify-self:end;font-size:11px;font-weight:900;line-height:1}.own-mode-panel{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 56%, white);background:repeating-linear-gradient(90deg,#15130f05 0 1px,#0000 1px 8px),linear-gradient(135deg,#fffefb,#fff4c6 56%,#ecffd8);border-radius:13px;gap:8px;padding:12px;display:grid;box-shadow:3px 3px #15130f29}.own-mode-panel strong,.own-mode-panel small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.own-mode-panel strong{font-size:16px;font-weight:940}.own-mode-panel small{color:var(--site-muted,#6c665e);margin-top:3px;font-size:11px;font-weight:850}.own-mode-panel{grid-template-columns:28px minmax(0,1fr);align-items:center}.own-mode-panel svg{color:#947100;grid-row:span 2}.own-mode-panel small{grid-column:2}.reference-drop-zone{border:2px dashed color-mix(in srgb, var(--site-ink,#15130f) 64%, white);text-align:center;background:repeating-linear-gradient(90deg,#15130f05 0 1px,#0000 1px 8px),linear-gradient(#fffdf8db,#ffffff85);border-radius:13px;place-items:center;gap:12px;min-height:128px;padding:16px 12px;display:grid}.reference-drop-zone>strong{font-size:20px;font-weight:940;line-height:1.05}.reference-drop-zone>small{color:var(--site-muted,#6c665e);font-size:11px;font-weight:850;line-height:1.1}.reference-drop-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.reference-drop-actions>span{color:var(--site-muted,#6c665e);font-size:12px;font-weight:900}.reference-drop-action{border:1.5px solid var(--site-ink,#15130f);min-height:38px;color:var(--site-ink,#15130f);cursor:pointer;font:inherit;background:#fffefb;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:920;line-height:1;display:inline-flex;box-shadow:3px 3px #15130f2e}.reference-drop-action:disabled{cursor:not-allowed;opacity:.6;box-shadow:2px 2px #15130f1f}.reference-source-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.reference-provider-tabs{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);background:repeating-linear-gradient(0deg,#15130f09 0 1px,#0000 1px 6px),#fffdf8bd;border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff94}.reference-provider-tabs button{width:40px;height:36px;color:var(--site-ink,#15130f);cursor:pointer;font:inherit;background:#fffefbb8;border:1.5px solid #0000;border-radius:9px;place-items:center;padding:0;line-height:1;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s;display:inline-grid;position:relative}.reference-provider-tabs button:hover{border-color:color-mix(in srgb, var(--site-ink,#15130f) 42%, transparent);outline:none;transform:translateY(-1px)rotate(-1deg);box-shadow:2px 2px #15130f24}.reference-provider-tabs button:focus-visible{border-color:color-mix(in srgb, var(--site-ink,#15130f) 42%, transparent);outline:none;transform:translateY(-1px)rotate(-1deg);box-shadow:2px 2px #15130f24}.reference-provider-tabs button.is-active{border-color:var(--site-ink,#15130f);background:repeating-linear-gradient(135deg,#15130f0a 0 1px,#0000 1px 7px),linear-gradient(135deg,#fffefb,#fff0a8 58%,#f8ffd9);box-shadow:2px 2px #15130f2e}.reference-provider-tabs button.is-youtube.is-active{background:repeating-linear-gradient(135deg,#15130f0a 0 1px,#0000 1px 7px),linear-gradient(135deg,#fffefb,#ffd6d6 54%,#fff0a8)}.reference-provider-tabs button.is-instagram.is-active{background:repeating-linear-gradient(135deg,#15130f0a 0 1px,#0000 1px 7px),linear-gradient(135deg,#fff5c9,#ffe1ee 48%,#ecffd8)}.provider-logo{pointer-events:none;filter:drop-shadow(1px 1.5px #15130f38);width:28px;height:28px;display:block;overflow:visible}.provider-logo-shadow{fill:#15130f3d;transform:translate(1.2px,1.4px)}.provider-youtube-body{fill:#f03;stroke:var(--site-ink,#15130f);stroke-width:1.45px;stroke-linejoin:round}.provider-youtube-play{fill:#fffdf8;stroke:color-mix(in srgb, var(--site-ink,#15130f) 38%, transparent);stroke-width:.55px;stroke-linejoin:round}.provider-instagram-body{stroke:var(--site-ink,#15130f);stroke-width:1.45px}.provider-instagram-camera,.provider-instagram-lens{fill:none;stroke:#fffdf8;stroke-width:2.05px}.provider-instagram-dot{fill:#fffdf8}.reference-search-form{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);background:#fffefb;border-radius:12px;grid-template-columns:16px minmax(0,1fr) 30px 30px;align-items:center;gap:7px;min-width:0;min-height:38px;padding:3px 4px 3px 10px;display:grid;overflow:hidden;box-shadow:2px 2px #15130f24}.reference-search-form>svg{color:#947100;justify-self:center;width:16px;height:16px}.reference-search-form input{min-width:0;color:var(--site-ink,#15130f);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:820;line-height:1}.reference-search-form input::placeholder{color:color-mix(in srgb, var(--site-muted,#6c665e) 78%, white)}.reference-paste-button{border-radius:9px;width:30px;height:30px;box-shadow:2px 2px #15130f29}.reference-search-button{background:repeating-linear-gradient(135deg,#15130f09 0 1px,#0000 1px 8px),linear-gradient(135deg,#fffefb,#d9f75f);border-radius:9px;width:30px;height:30px;box-shadow:2px 2px #15130f29}.reference-list-head{color:var(--site-muted,#6c665e);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:920;display:flex}.reference-list-actions{justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.reference-list-head strong{color:var(--site-ink,#15130f);white-space:nowrap;font-size:11px}.reference-carousel-button,.reference-more-button{border-radius:9px;width:28px;height:28px;box-shadow:2px 2px #15130f2e}.reference-more-button{background:repeating-linear-gradient(135deg,#15130f0a 0 1px,#0000 1px 8px),linear-gradient(135deg,#fffefb,#fff0a8 58%,#efffd6)}.reference-song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reference-song-carousel .reference-song-card{animation:.22s cubic-bezier(.2,.8,.22,1) both reference-card-slide}.reference-song-carousel .reference-song-card:nth-child(2){animation-delay:35ms}.reference-song-card{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 42%, white);cursor:pointer;min-width:0;color:var(--site-ink,#15130f);text-align:left;background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(#fffdf8eb,#fff2c87a);border-radius:12px;gap:5px;padding:7px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid;box-shadow:3px 3px #15130f24}.reference-song-card:hover{border-color:var(--site-ink,#15130f);outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f2e}.reference-song-card:focus-visible{border-color:var(--site-ink,#15130f);outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f2e}.reference-song-card.is-selected{border-color:var(--site-ink,#15130f);background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(135deg,#fffdf8,#d9f75f)}.reference-song-card:disabled{cursor:not-allowed;opacity:.7;transform:none}.reference-thumb{aspect-ratio:16/9;border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 56%, white);background:#15130f;border-radius:9px;width:100%;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.reference-thumb-fallback{background:linear-gradient(90deg,#0000 0 42%,#fffefb 42% 44%,#0000 44% 56%,#fffefb 56% 58%,#0000 58%),#15130f;width:100%;height:100%;display:block}.reference-song-card strong,.reference-song-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reference-song-card strong{font-size:13px;font-weight:940;line-height:1.05}.reference-song-card small{color:var(--site-muted,#6c665e);font-size:11px;font-weight:850;line-height:1.05}.reference-guide-status{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 42%, white);background:#fffdf8b8;border-radius:11px;gap:3px;padding:8px 10px;display:grid}.reference-guide-status strong,.reference-guide-status small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reference-guide-status strong{font-size:12px;font-weight:930}.reference-guide-status small{color:var(--site-muted,#6c665e);font-size:11px;font-weight:840}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paper-mini-button,.paper-button,.icon-button{border:1.5px solid var(--site-line,#15130f);background:var(--site-paper,#fffdf8);color:var(--site-ink,#15130f);cursor:pointer;font:inherit;border-radius:10px;font-weight:900;line-height:1;transition:transform .14s,box-shadow .14s,background .14s;box-shadow:3px 3px #15130f2e}.paper-mini-button{justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 10px;font-size:12px;display:inline-flex}.paper-button{justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;display:inline-flex}.icon-button{flex:none;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.icon-button svg,.paper-button svg,.paper-mini-button svg{pointer-events:none}.paper-mini-button:hover,.paper-button:hover,.icon-button:hover{outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f38}.paper-mini-button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f38}.paper-button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f38}.icon-button:focus-visible{outline:none;transform:translateY(-1px);box-shadow:4px 4px #15130f38}.paper-button:disabled,.paper-mini-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:3px 3px #15130f1f}.paper-button.primary{background:repeating-linear-gradient(135deg, #15130f07 0 1px, transparent 1px 8px), linear-gradient(135deg, #ffd35c, var(--site-lemon,#d9f75f) 52%, var(--site-leaf,#63c96c));width:100%;margin-top:14px}.setup-card{background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(#fbfff3,#eaffbd);padding:10px}.simple-audio-column{min-width:0}.simple-audio-board{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:8px;display:grid}.simple-audio-board .track-card{min-height:0}.simple-audio-board .lead-track{grid-template-rows:34px minmax(0,1fr);display:grid}.simple-audio-board .lead-wave{height:auto;min-height:72px;margin-bottom:8px}.simple-harmony-stack{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:8px;min-height:0;padding:2px 8px 12px 2px;display:flex;overflow:hidden auto}.simple-harmony-stack .harmony-track{flex:0 0 clamp(96px,12vh,124px);grid-template-rows:38px minmax(0,1fr);display:grid}.simple-harmony-stack .track-wave{height:auto;min-height:54px;margin-bottom:8px}.simple-audio-board .add-lane-button{flex:none;width:100%;min-height:34px}.setup-row,.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.setup-row span,.section-title span{color:var(--site-muted,#6c665e);text-transform:none;font-size:12px;font-weight:900}.setup-row strong,.section-title strong{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);text-overflow:ellipsis;white-space:nowrap;background:#fffefb;border-radius:999px;max-width:152px;padding:4px 8px;font-size:11px;font-weight:920;overflow:hidden;box-shadow:2px 2px #15130f1f}.key-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.paper-select{z-index:1;min-width:0;color:var(--site-ink,#15130f);font-size:14px;font-weight:900;position:relative}.paper-select.is-open{z-index:90}.paper-select-trigger{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 68%, white);width:100%;min-height:38px;color:inherit;font:inherit;cursor:pointer;background:repeating-linear-gradient(0deg,#15130f04 0 1px,#0000 1px 7px),#fffefb;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 12px;font-weight:900;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:3px 3px #15130f21}.paper-select-trigger:hover,.paper-select.is-open .paper-select-trigger{box-shadow:4px 4px 0 #15130f33, 0 0 0 2px color-mix(in srgb, var(--site-lemon,#d9f75f) 42%, transparent);outline:none;transform:translateY(-1px)}.paper-select-trigger:focus-visible{box-shadow:4px 4px 0 #15130f33, 0 0 0 2px color-mix(in srgb, var(--site-lemon,#d9f75f) 42%, transparent);outline:none;transform:translateY(-1px)}.paper-select.is-open .paper-select-trigger{border-color:var(--site-ink,#15130f);background:repeating-linear-gradient(135deg,#15130f06 0 1px,#0000 1px 8px),linear-gradient(135deg,#fffefb,#f7ffd8)}.paper-select-value,.paper-select-prefix{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.paper-select-prefix{color:var(--site-muted,#6c665e)}.paper-select-trigger svg{pointer-events:none;flex:none;transition:transform .14s}.paper-select.is-open .paper-select-trigger svg{transform:rotate(180deg)}.paper-select-menu{z-index:100;border:1.5px solid var(--site-line,#15130f);background:repeating-linear-gradient(0deg, #15130f06 0 1px, transparent 1px 7px), linear-gradient(180deg, #fffefb, var(--site-paper,#fffdf8));transform-origin:top;border-radius:12px;gap:5px;min-width:max(100%,132px);max-height:min(276px,100vh - 180px);padding:6px;animation:.15s cubic-bezier(.2,.8,.22,1) paper-select-open;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:5px 5px #15130f3b,0 18px 36px #15130f2e,inset 0 1px #ffffffb8}.paper-select-option{border:1px solid color-mix(in srgb, var(--site-ink,#15130f) 28%, transparent);min-height:34px;color:var(--site-ink,#15130f);cursor:pointer;font:inherit;text-align:left;box-shadow:none;background:#fffdf8c2;border-radius:9px;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:8px;padding:6px 9px;font-size:12px;font-weight:900;line-height:1;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:grid}.paper-select-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.paper-select-option:after{content:"";border:1.5px solid #0000;border-radius:50%;width:7px;height:7px}.paper-select-option:hover,.paper-select-option.is-active{border-color:color-mix(in srgb, var(--site-ink,#15130f) 52%, transparent);background:repeating-linear-gradient(135deg,#15130f05 0 1px,#0000 1px 8px),#fffbea;outline:none;transform:translateY(-1px);box-shadow:2px 2px #15130f1f}.paper-select-option:focus-visible{border-color:color-mix(in srgb, var(--site-ink,#15130f) 52%, transparent);background:repeating-linear-gradient(135deg,#15130f05 0 1px,#0000 1px 8px),#fffbea;outline:none;transform:translateY(-1px);box-shadow:2px 2px #15130f1f}.paper-select-option[aria-selected=true]{border-color:var(--site-ink,#15130f);background:repeating-linear-gradient(135deg, #15130f07 0 1px, transparent 1px 8px), linear-gradient(135deg, var(--site-lemon,#d9f75f), #fff0a8 72%, #ffd6d6)}.paper-select-option[aria-selected=true]:after{border-color:color-mix(in srgb, var(--site-leaf,#63c96c) 72%, var(--site-ink,#15130f));background:var(--site-leaf,#63c96c)}@keyframes paper-select-open{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.paper-select-trigger,.paper-select-trigger svg,.paper-select-option{transition:none}.paper-select-menu{animation:none}}.template-picker{margin-top:10px}.template-picker:first-child{margin-top:0}.template-options{gap:8px;margin-top:8px;display:grid}.template-option{border:1.5px solid var(--site-line,#15130f);cursor:pointer;background:#fffefb;border-radius:12px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:10px;display:grid;box-shadow:3px 3px #15130f1f}.template-option.is-selected{background:repeating-linear-gradient(135deg, #15130f07 0 1px, transparent 1px 8px), linear-gradient(135deg, var(--site-lemon,#d9f75f), #f7ffd8)}.template-option input{accent-color:var(--site-leaf,#63c96c)}.template-copy{min-width:0}.template-copy strong,.template-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.template-copy strong{font-size:13px;line-height:1.12}.template-copy span{color:var(--site-muted,#6c665e);margin-top:3px;font-size:11px;font-weight:790}.template-option small{border:1px solid color-mix(in srgb, var(--site-ink,#15130f) 38%, transparent);color:var(--site-muted,#6c665e);background:#fffdf8b8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.voice-controls-card{background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(#fffefb,#fbfff2);flex:auto;min-height:0;padding:10px;overflow:hidden}.input-column>.voice-controls-card{flex:none}.voice-controls-card.is-action-only{padding:8px}.voice-controls-card.is-action-only .render-button{margin-top:0}.voice-tabs{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.voice-tabs button{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 44%, transparent);width:28px;height:28px;color:var(--site-ink,#15130f);cursor:pointer;background:#fffefb;border-radius:12px;font-size:15px;font-weight:930;box-shadow:2px 2px #15130f1a}.voice-tabs button.is-active{background:linear-gradient(135deg, #ffb34d, var(--site-lemon,#d9f75f));border-color:var(--site-ink,#15130f);box-shadow:3px 3px #15130f33}.voice-control-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.voice-control-head>span{border:1.5px solid color-mix(in srgb, var(--site-leaf,#63c96c) 62%, var(--site-ink,#15130f));width:22px;height:22px;color:color-mix(in srgb, var(--site-leaf,#63c96c) 72%, var(--site-ink,#15130f));background:#fffefb;border-radius:50%;place-items:center;font-size:12px;font-weight:920;display:inline-grid}.voice-control-head strong,.voice-control-head small{display:block}.voice-control-head strong{font-size:15px;line-height:1.05}.voice-control-head small{color:var(--site-muted,#6c665e);margin-top:2px;font-size:12px;font-weight:780}.control-slider{min-height:30px;color:var(--site-muted,#6c665e);grid-template-columns:minmax(70px,1fr) minmax(108px,190px) 40px;align-items:center;gap:8px;margin:2px 0;font-size:13px;font-weight:900;display:grid}.control-slider input{width:100%;min-width:0;accent-color:var(--site-leaf,#63c96c);cursor:ew-resize}.control-slider strong{color:var(--site-ink,#15130f);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.sparkle-pulse{animation:.86s ease-in-out infinite alternate sparkle-pulse}.audio-column{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.audio-board{background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(#fff4b8,#f3ffd0 80%,#fff6c8);flex-direction:column;gap:6px;min-width:0;max-width:100%;height:100%;min-height:0;padding:10px;display:flex;overflow:hidden}.audio-board.simple-audio-board{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:10px;display:grid;overflow:hidden}.track-card{border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(#fff8d3,#fbffe8);border-radius:16px;flex:none;min-width:0;max-width:100%;overflow:hidden;box-shadow:5px 6px #15130f2e}.track-card.is-selected{border-color:var(--site-ink,#15130f);box-shadow:4px 5px #15130f57}.track-head{align-items:center;gap:10px;min-height:30px;padding:5px 10px 1px;display:flex}.track-title,.lead-title{flex:auto;align-items:center;gap:9px;min-width:0;display:inline-flex}.track-title strong,.lead-title strong,.track-select strong{color:var(--site-ink,#15130f);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:930;line-height:1;overflow:hidden}.track-select small{color:var(--site-muted,#6c665e);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:820;overflow:hidden}.status-dot{background:var(--site-lemon,#d9f75f);border-radius:50%;flex:0 0 11px;width:11px;height:11px}.track-time{color:var(--site-muted,#6c665e);font-variant-numeric:tabular-nums;font-size:11px;font-weight:900}.track-play,.track-mute{background:linear-gradient(135deg, var(--site-lemon,#d9f75f), var(--site-leaf,#63c96c));border-radius:50%}.track-solo{background:#fffefb;border-radius:50%}.track-solo.is-active{border-color:var(--site-ink,#15130f);background:linear-gradient(135deg, #ffb34d, var(--site-lemon,#d9f75f));box-shadow:3px 3px #15130f52}.harmony-track .icon-button{border-width:1.5px;width:32px;height:32px}.harmony-track .track-head{height:100%;min-height:0;padding:3px 8px 0}.harmony-track.is-muted .track-mute,.main-player.is-muted .track-mute{border-color:color-mix(in srgb, var(--site-ink,#15130f) 35%, white);color:color-mix(in srgb, var(--site-ink,#15130f) 48%, white);background:linear-gradient(#f2f0e9,#d5d2c9);box-shadow:2px 2px #15130f1f}.track-select{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:auto;grid-template-columns:24px minmax(72px,auto) minmax(0,1fr);align-items:center;gap:7px;display:grid}.track-select>span{border:1.5px solid color-mix(in srgb, var(--site-leaf,#63c96c) 52%, var(--site-ink,#15130f));width:20px;height:20px;color:color-mix(in srgb, var(--site-leaf,#63c96c) 70%, var(--site-ink,#15130f));background:#fffefb;border-radius:50%;place-items:center;font-size:12px;font-weight:920;display:inline-grid}.track-wave{cursor:ew-resize;touch-action:none;height:clamp(32px,4.3vh,42px);margin:0 10px 8px;position:relative}.lead-wave{height:clamp(40px,5.6vh,56px)}.waveform{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);background:radial-gradient(circle at 18% 18%,#d9f75f47,#0000 34%),linear-gradient(90deg,#15130f17 1px,#0000 1px) 0 0/20px 100%,linear-gradient(#fff9c2 0%,#fff1a0 52%,#fff7cc 100%);border-radius:14px;height:100%;padding:7px 9px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff7a,inset 0 0 22px #d9f75f2e}.waveform:before{z-index:1;content:"";background:linear-gradient(90deg,#0000,#15130f9e,#0000);height:2px;position:absolute;top:50%;left:8px;right:8px;box-shadow:0 0 6px #15130f2e}.waveform-svg{z-index:2;pointer-events:none;width:calc(100% - 18px);height:calc(100% - 14px);position:absolute;top:7px;bottom:7px;left:9px;right:9px;overflow:visible}.waveform-fill{fill:#d9f75fb8;stroke:#15130f70;stroke-width:.45px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.waveform-line{fill:none;stroke:#15130f9e;stroke-linecap:round;stroke-linejoin:round;stroke-width:.7px;vector-effect:non-scaling-stroke}.waveform-line-bottom{stroke:#ffb12fc7}.waveform.is-silent .waveform-fill,.waveform.is-silent .waveform-line{opacity:0}.wave-progress-track{z-index:4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.wave-progress-fill{border-radius:inherit;transform:scaleX(var(--wave-ratio));transform-origin:0;will-change:transform;background:linear-gradient(90deg,#d9f75f42,#ffeb572e,#ffb34d2e);position:absolute;top:0;bottom:0;left:0;right:0}.wave-playhead{top:4px;bottom:4px;left:var(--wave-x);z-index:7;background:var(--site-ink,#15130f);will-change:transform;border-radius:999px;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 2px #fffdf8db,0 0 0 5px #d9f75f47}.waveform-compact{padding:7px 9px}.waveform-compact .waveform-line{stroke-width:.62px}.time-chip{z-index:5;color:var(--site-muted,#6c665e);font-variant-numeric:tabular-nums;pointer-events:none;background:#fffdf8e0;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;bottom:7px}.time-chip.start{left:12px}.time-chip.end{right:12px}.harmony-stack{gap:6px;min-height:0;display:grid;overflow:hidden}.harmony-stack.simple-harmony-stack{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:8px;padding:2px 8px 12px 2px;display:flex;overflow:hidden auto}.harmony-stack.simple-harmony-stack.is-empty{place-items:center;padding:12px;display:grid;overflow:hidden}.harmony-stack.simple-harmony-stack.is-building{background:radial-gradient(440px 120px at 50% 2%,#d9f75f24,#0000 70%),0 0}.harmony-stack.simple-harmony-stack .harmony-track{flex:0 0 clamp(96px,12vh,124px)}.harmony-stack.simple-harmony-stack .add-lane-button{flex:none;align-self:stretch;width:100%}.lead-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.lead-vocal-dock{z-index:5;border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 48%, white);background:radial-gradient(420px 110px at 12% 0,#ffffffc7,#0000 70%),repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(135deg,#fff7c9,#edffbb 72%,#d8ff8d);border-radius:20px;flex:none;gap:6px;min-width:0;padding:8px;display:grid;position:relative;box-shadow:inset 0 -1px #ffffff9e,0 0 0 1px #fffdf885,5px 6px #15130f2e}.lead-dock-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.lead-vocal-dock .status-line{min-height:18px;color:color-mix(in srgb, var(--site-ink,#15130f) 70%, var(--site-muted,#6c665e));padding:0 4px;font-size:12px;font-weight:900;line-height:1.25}.lead-generate-button{border:1.5px solid var(--site-ink,#15130f);background:repeating-linear-gradient(135deg, #15130f09 0 1px, transparent 1px 8px), linear-gradient(135deg, #fff15d, var(--site-lemon,#d9f75f) 55%, #62f4dd);min-height:34px;color:var(--site-ink,#15130f);cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:940;line-height:1;display:inline-flex;box-shadow:3px 3px #15130f38,0 0 18px #d9f75f33}.lead-generate-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:2px 2px #15130f1f}.lead-vocal-dock .master-dock,.lead-vocal-dock .main-player{width:100%;max-width:100%;margin:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}.harmony-track{grid-template-rows:28px minmax(0,1fr);transition:border .14s,box-shadow .14s,transform .14s;display:grid}.harmony-track.is-generating{animation:.62s cubic-bezier(.2,.86,.22,1) both harmony-lane-build}.harmony-track .track-wave{height:auto;min-height:52px;margin-bottom:8px}.harmony-empty-state{width:min(320px,100%);color:var(--audio-text,#fff8dd);text-align:center;background:repeating-linear-gradient(0deg,#fff8cd07 0 1px,#0000 1px 7px),linear-gradient(#fff8dd0f,#d9f75f0a);border:1.5px dashed #fff8cd38;border-radius:18px;place-items:center;gap:8px;padding:22px 16px;display:grid}.harmony-empty-state svg{color:var(--audio-lime,#d9f75f);filter:drop-shadow(0 0 12px #d9f75f52)}.harmony-empty-state strong,.harmony-empty-state small{display:block}.harmony-empty-state strong{font-size:15px;font-weight:930}.harmony-empty-state small{max-width:220px;color:var(--audio-muted,#bdb49d);font-size:11px;font-weight:820;line-height:1.3}.harmony-track.is-solo{background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(#fff0b7,#f8ffd7);border-color:#ffae42}.harmony-track.is-muted{border-color:color-mix(in srgb, var(--site-ink,#15130f) 28%, white);color:color-mix(in srgb, var(--site-ink,#15130f) 46%, white);background:repeating-linear-gradient(0deg,#15130f04 0 1px,#0000 1px 7px),linear-gradient(#f0eee7,#deddd3);box-shadow:3px 4px #15130f21}.harmony-track.is-muted .track-select strong,.harmony-track.is-muted .track-select small,.harmony-track.is-muted .track-time{color:color-mix(in srgb, var(--site-ink,#15130f) 42%, white)}.harmony-track.is-muted .track-select>span{border-color:color-mix(in srgb, var(--site-ink,#15130f) 28%, white);color:color-mix(in srgb, var(--site-ink,#15130f) 38%, white);background:#eceae3}.harmony-track.is-muted .waveform{border-color:color-mix(in srgb, var(--site-ink,#15130f) 28%, white);background:linear-gradient(90deg,#15130f07 1px,#0000 1px) 0 0/20px 100%,linear-gradient(#edeae0,#ddd9ce)}.harmony-track.is-muted .waveform-fill{fill:#74716957;stroke:#15130f38}.harmony-track.is-muted .waveform-line{stroke:#6f6c6594}.harmony-track.is-muted .track-solo:not(.is-active),.main-player.is-muted .track-solo:not(.is-active){border-color:color-mix(in srgb, var(--site-ink,#15130f) 30%, white);color:color-mix(in srgb, var(--site-ink,#15130f) 48%, white);background:linear-gradient(#f3f1eb,#dedbd2);box-shadow:2px 2px #15130f1a}.harmony-track .time-chip,.harmony-track .wave-playhead{display:none}.harmony-track .wave-progress-fill{background:linear-gradient(90deg,#d9f75f3d,#ffb34d29)}.add-lane-button{min-height:30px;color:color-mix(in srgb, var(--site-ink,#15130f) 72%, var(--site-muted,#6c665e));cursor:pointer;background:#fffdf8d6;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #15130f14}.master-dock{border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(135deg,#fff8dd,#d9ff8f);border-radius:20px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;margin-top:auto;padding:7px;display:grid;position:sticky;bottom:0;box-shadow:5px 6px #15130f52}.main-player{z-index:36;border-color:color-mix(in srgb, var(--site-ink,#15130f) 72%, white);background:radial-gradient(220px 80px at 2% 8%,#ffffffbd,#0000 72%),repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(135deg,#fff3b2,#d9ff8f);border-radius:18px;grid-template-rows:minmax(0,1fr);grid-template-columns:48px minmax(96px,148px) max-content minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:10px;display:grid;position:relative;bottom:auto;box-shadow:4px 5px #15130f3d,inset 0 1px #ffffff8a}.main-player.is-solo{background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(135deg,#fff0b7,#d9ff8f);border-color:#ffae42}.main-player.is-muted{border-color:color-mix(in srgb, var(--site-ink,#15130f) 30%, white);background:repeating-linear-gradient(0deg,#15130f04 0 1px,#0000 1px 7px),linear-gradient(135deg,#eeece4,#d6d4ca);box-shadow:4px 5px #15130f29}.main-player.is-muted .main-player-copy strong,.main-player.is-muted .main-player-copy span{color:color-mix(in srgb, var(--site-ink,#15130f) 44%, white)}.main-player.is-muted .master-wave .waveform{border-color:color-mix(in srgb, var(--site-ink,#15130f) 28%, white);background:linear-gradient(90deg,#15130f07 1px,#0000 1px) 0 0/20px 100%,linear-gradient(#edeae0,#ddd9ce)}.main-player.is-muted .master-wave .waveform-fill{fill:#74716957;stroke:#15130f38}.main-player.is-muted .master-wave .waveform-line{stroke:#6f6c6594}.master-play{border:2px solid var(--site-ink,#15130f);background:linear-gradient(135deg, #fff3a2, #ffb34d, var(--site-lemon,#d9f75f));width:42px;height:42px;color:var(--site-ink,#15130f);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid;box-shadow:4px 4px #15130f42}.main-player .master-play{width:46px;height:46px}.main-player-copy{min-width:0}.main-player-copy strong,.main-player-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.main-player-copy strong{font-size:18px;font-weight:930;line-height:1}.main-player-copy span{color:var(--site-muted,#6c665e);margin-top:6px;font-size:11px;font-weight:880}.main-player-controls{justify-content:flex-start;align-items:center;gap:5px;min-width:0;padding:0 2px;display:flex}.main-player-controls .icon-button{width:32px;height:32px}.lead-upload-button,.lead-record-button{flex:none}.lead-record-button.is-recording{color:#5c1010;background:repeating-linear-gradient(135deg,#15130f09 0 1px,#0000 1px 8px),linear-gradient(135deg,#ffd6d6,#ff9a9a);border-color:#b63535;box-shadow:2px 2px #15130f29,0 0 0 4px #ff9a9a38}.master-wave-wrap{min-width:0;position:relative}.main-player .master-wave-wrap{align-self:stretch;height:100%;min-height:0}.master-wave{height:42px;margin:0}.main-player .master-wave{height:100%;min-height:52px;max-height:60px}.timeline-range{cursor:ew-resize;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.timeline-range:disabled{cursor:not-allowed}.solid-bottom-player{--audio-black:#0b0b09;--audio-panel:#15140f;--audio-panel-deep:#0f0f0c;--audio-line:#fff8cd38;--audio-text:#fff8dd;--audio-muted:#bdb49d;--audio-lime:#d9f75f;--audio-cyan:#62f4dd;--audio-pink:#ff6fb3;--audio-amber:#ffb34d;z-index:120;right:max(14px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));left:max(14px, env(safe-area-inset-left,0px));max-width:min(1560px,100vw - 28px);min-height:82px;color:var(--audio-text);background:radial-gradient(520px 110px at 6% -20%, #d9f75f2e, transparent 72%), repeating-linear-gradient(0deg, #fff8cd08 0 1px, transparent 1px 7px), repeating-linear-gradient(90deg, #62f4dd0b 0 1px, transparent 1px 22px), linear-gradient(180deg, var(--audio-panel), var(--audio-panel-deep) 62%, var(--audio-black));border:2px solid #fff8cd47;border-radius:18px;grid-template-columns:52px minmax(170px,300px) minmax(280px,1fr) auto;align-items:center;gap:12px;margin:0 auto;padding:10px 12px;display:grid;position:fixed;box-shadow:0 18px 48px #00000057,7px 8px #0000007a,0 0 0 1px #d9f75f24,0 0 38px #62f4dd1f,inset 0 1px #ffffff14}.solid-bottom-player.is-playing{border-color:#d9f75fc7;box-shadow:0 18px 48px #00000061,7px 8px #00000080,0 0 0 1px #d9f75f3d,0 0 32px #d9f75f38,0 0 22px #ff6fb31f}.solid-bottom-player.is-video-modal-player{z-index:240;border-color:#d9f75fb8;max-width:min(1680px,100vw - 24px);box-shadow:0 18px 54px #00000075,7px 8px #0000008f,0 0 0 1px #d9f75f47,0 0 36px #62f4dd2e,inset 0 1px #ffffff1a}.solid-player-play{background:linear-gradient(135deg, var(--audio-lime), var(--audio-cyan) 48%, var(--audio-pink));color:#090908;border-color:#fff8cd85;width:48px;height:48px;box-shadow:3px 3px #00000070,0 0 18px #62f4dd3d,0 0 16px #d9f75f33}.solid-player-copy{gap:2px;min-width:0;display:grid}.solid-player-copy span,.solid-player-copy strong,.solid-player-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.solid-player-copy span{color:var(--audio-lime);text-transform:uppercase;font-size:10px;font-weight:940;line-height:1}.solid-player-copy strong{color:var(--audio-text);text-shadow:0 0 12px #62f4dd29;font-size:17px;font-weight:940;line-height:1.08}.solid-player-copy small{color:var(--audio-muted);font-size:11px;font-weight:820;line-height:1.12}.solid-player-wave-wrap{min-width:0;height:58px;position:relative}.solid-player-wave{height:58px;min-height:58px;margin:0}.solid-bottom-player .waveform{background:repeating-linear-gradient(90deg,#fff8cd1c 0 1px,#0000 1px 18px),repeating-linear-gradient(0deg,#62f4dd14 0 1px,#0000 1px 9px),linear-gradient(#121a10,#090d08 48%,#17120b);border-color:#fff8cd6b;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 0 18px #000000b8,inset 0 0 26px #d9f75f21,0 0 0 1px #d9f75f21}.solid-bottom-player .waveform:before{background:linear-gradient(90deg,#0000,#62f4ddd1,#d9f75fc2,#0000);height:2px;box-shadow:0 0 8px #62f4dd61,0 0 14px #d9f75f33}.solid-bottom-player .wave-progress-fill{mix-blend-mode:normal;background:linear-gradient(90deg,#d9f75f7a,#62f4dd57,#ff6fb347)}.solid-bottom-player .wave-playhead{background:#fff8dd;box-shadow:0 0 0 2px #0b0b09db,0 0 0 5px #d9f75f47,0 0 20px #d9f75f8f,0 0 30px #ff6fb338}.solid-bottom-player .waveform-fill{fill:#d9f75fc2;stroke:#fff8dd80;stroke-width:.52px;filter:drop-shadow(0 0 5px #d9f75f4d)}.solid-bottom-player .waveform-line-top{stroke:#62f4ddf2;stroke-width:.82px}.solid-bottom-player .waveform-line-bottom{stroke:#ff6fb3d1;stroke-width:.82px}.solid-bottom-player .time-chip{color:var(--audio-text);background:#0b0b09c7;border:1px solid #fff8cd24;box-shadow:0 0 12px #62f4dd24}.solid-player-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.solid-player-actions .icon-button{width:32px;height:32px;color:var(--audio-text);background:linear-gradient(#242015,#11100d);border-color:#fff8cd3d;box-shadow:3px 3px #00000057,inset 0 1px #ffffff0f}.solid-player-actions .lead-upload-button,.solid-player-actions .lead-record-button,.solid-player-actions .track-mute{background:linear-gradient(135deg, var(--audio-lime), var(--audio-cyan) 48%, var(--audio-pink));color:#090908}.solid-player-actions .track-solo.is-active,.solid-player-actions .lead-record-button.is-recording{background:linear-gradient(135deg, var(--audio-amber), var(--audio-lime));color:#090908;border-color:#ffb34de6}.status-line{min-width:0;color:var(--site-muted,#6c665e);overflow-wrap:anywhere;font-size:12px;font-weight:840;line-height:1.25;display:block}.video-panel{height:calc(100% - 36px);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;align-items:center;gap:6px;padding:0;display:flex;overflow:visible}.video-upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.video-toolbar{flex:none;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.video-count-select{flex:none;width:106px;font-size:12px}.video-count-select .paper-select-trigger{border-color:color-mix(in srgb, var(--site-ink,#15130f) 60%, white);justify-content:flex-start;gap:6px;min-height:36px;padding:0 10px;box-shadow:4px 4px #15130f29}.video-count-select .paper-select-value{text-align:center;flex:auto}.video-count-select .paper-select-menu{width:108px;min-width:108px;right:auto}.video-count-select .paper-select-option{grid-template-columns:minmax(0,1fr) 12px}.video-toolbar>div{flex:none;gap:6px;min-width:0;display:flex}.video-audio-strip{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(#fffdf8,#eef9d9);border-radius:13px;flex:none;gap:4px;width:100%;min-width:0;max-width:100%;padding:5px;display:grid;overflow:hidden;box-shadow:3px 4px #15130f29,inset 0 1px #ffffffad}.video-audio-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.video-audio-head span,.video-audio-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:930;line-height:1;display:block;overflow:hidden}.video-audio-head span{flex:0 auto}.video-audio-head strong{text-align:right;flex:auto;min-width:0}.video-audio-head span{color:var(--site-muted,#6c665e);text-transform:uppercase}.video-audio-head strong{color:var(--site-ink,#15130f)}.video-audio-wave{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:clamp(32px,4.4vh,37px);margin:0;overflow:hidden}.video-audio-strip .video-audio-wave{margin:0}.video-audio-wave .waveform{box-sizing:border-box;background:repeating-linear-gradient(90deg,#fff8cd1a 0 1px,#0000 1px 18px),repeating-linear-gradient(0deg,#62f4dd12 0 1px,#0000 1px 9px),linear-gradient(#121a10,#090d08 48%,#17120b);border-color:#fff8cd6b;width:100%;max-width:100%;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 18px #000000b8,0 0 0 1px #d9f75f21}.video-audio-wave .waveform:before{background:linear-gradient(90deg,#0000,#62f4ddd1,#d9f75fc2,#0000);box-shadow:0 0 8px #62f4dd57,0 0 12px #d9f75f2e}.video-audio-wave .waveform-fill{fill:#d9f75fc2;stroke:#fff8dd7a;stroke-width:.52px;filter:drop-shadow(0 0 4px #d9f75f47)}.video-audio-wave .waveform-line-top{stroke:#62f4ddf0;stroke-width:.78px}.video-audio-wave .waveform-line-bottom{stroke:#ff6fb3cc;stroke-width:.78px}.video-audio-wave .time-chip.start{left:10px}.video-audio-wave .time-chip.end{right:10px}.video-audio-strip-modal{width:100%}.phone-frame{isolation:isolate;box-sizing:border-box;--slot-columns:2;--slot-rows:4;aspect-ratio:9/16;grid-template-columns:repeat(var(--slot-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--slot-rows), minmax(0, 1fr));border:4px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(#fffefb,#efffd6);border-radius:40px;flex:none;align-self:center;gap:clamp(4px,.9cqh,7px);width:100%;height:auto;min-height:0;margin-top:0;padding:clamp(32px,5.4cqh,42px) clamp(11px,3.2cqw,15px) clamp(11px,3cqh,16px);display:grid;position:relative;box-shadow:10px 12px #15130f3d,inset 0 1px #ffffffa3;container-type:size}.video-panel>.video-toolbar,.video-panel>.phone-frame,.video-panel>.video-audio-strip{width:min(100%, calc((100dvh - var(--solid-player-space) - 168px) * .5625))}.phone-frame:before{z-index:3;content:"";pointer-events:none;background:#15130f26;border:1.5px solid #15130f38;border-radius:999px;width:68px;height:9px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.video-slot-wrap{grid-template-rows:minmax(0,1fr) auto;gap:clamp(2px,.55cqh,4px);min-width:0;min-height:0;display:grid}.video-slot-wrap.is-selected .video-slot{border-color:color-mix(in srgb, var(--site-pink,#ff6fb3) 72%, var(--site-ink,#15130f));box-shadow:0 0 0 2px #ff6fb33d,3px 3px #15130f33}.video-slot{border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 22%, transparent);width:100%;height:100%;min-height:0;color:var(--site-ink,#15130f);cursor:pointer;-webkit-appearance:none;appearance:none;background:repeating-linear-gradient(0deg,#15130f04 0 1px,#0000 1px 7px),#fffefb;border-radius:15px;place-items:center;gap:4px;padding:0;display:grid;position:relative;overflow:hidden}.video-slot svg{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 50%, white);background:#fffefb;border-radius:50%;width:clamp(24px,8cqw,34px);height:clamp(24px,8cqw,34px);padding:clamp(5px,1.8cqw,8px);box-shadow:3px 3px #15130f29}.video-slot video{object-fit:cover;width:100%;height:100%;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0;right:0}.video-slot video[data-video-visible=false]{opacity:0}.video-slot span{z-index:2;color:var(--site-muted,#6c665e);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fffdf8db;border-radius:999px;padding:clamp(3px,.9cqh,4px) clamp(4px,1.5cqw,6px);font-size:clamp(7px,2.6cqw,10px);font-weight:900;line-height:1;position:absolute;bottom:clamp(4px,1.4cqh,6px);left:clamp(4px,1.8cqw,7px);right:clamp(4px,1.8cqw,7px);overflow:hidden}.video-slot.has-video{border-color:color-mix(in srgb, var(--site-leaf,#63c96c) 55%, var(--site-ink,#15130f))}.video-slot.has-video span{color:var(--site-ink,#15130f)}.video-clip-timeline{box-sizing:border-box;width:100%;min-width:0;color:var(--site-ink,#15130f)}.video-clip-timeline.is-compact{height:clamp(14px,2.7cqh,18px)}.video-clip-timeline.is-detailed{gap:7px;display:grid}.video-clip-timeline-head{color:var(--site-muted,#6c665e);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:10px;font-weight:920;line-height:1;display:grid}.video-clip-timeline-head strong{color:var(--site-ink,#15130f)}.video-clip-timeline-head span:last-child{text-align:right}.video-clip-range{height:100%;min-height:14px;position:relative}.video-clip-timeline.is-detailed .video-clip-range{min-height:32px}.video-clip-range-track,.video-clip-range-fill{pointer-events:none;border-radius:999px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.video-clip-timeline.is-detailed .video-clip-range-track,.video-clip-timeline.is-detailed .video-clip-range-fill{height:12px}.video-clip-range-track{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 64%, white);background:repeating-linear-gradient(90deg,#15130f14 0 1px,#0000 1px 10px),#fffdf8;left:3px;right:3px;box-shadow:inset 0 1px #ffffffb3}.video-clip-range-fill{right:calc(100% - var(--trim-end,100%));left:var(--trim-start,0%);background:linear-gradient(90deg,#f9ed77,#ffb7a0 55%,#ff8ac2);border:1px solid #15130f52}.video-clip-range input{z-index:2;pointer-events:none;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.video-clip-range input:disabled{opacity:.5}.video-clip-range input::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:0 0;height:100%}.video-clip-range input::-webkit-slider-thumb{border:1.5px solid var(--site-ink,#15130f);cursor:ew-resize;pointer-events:auto;-webkit-appearance:none;appearance:none;background:#fffdf8;border-radius:5px;width:9px;height:15px;box-shadow:2px 2px #15130f42}.video-clip-timeline.is-detailed .video-clip-range input::-webkit-slider-thumb{border-radius:7px;width:14px;height:28px;box-shadow:3px 3px #15130f47}.video-clip-range input::-moz-range-track{background:0 0;height:100%}.video-clip-range input::-moz-range-thumb{border:1.5px solid var(--site-ink,#15130f);cursor:ew-resize;pointer-events:auto;background:#fffdf8;border-radius:5px;width:9px;height:15px;box-shadow:2px 2px #15130f42}.video-clip-timeline.is-detailed .video-clip-range input::-moz-range-thumb{border-radius:7px;width:14px;height:28px}.video-segment-rail{gap:7px;min-width:0;display:grid}.video-segment-rail-head{color:var(--site-muted,#6c665e);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:920;line-height:1;display:flex}.video-segment-rail-head strong{color:var(--site-ink,#15130f)}.video-segment-lane{border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);background:repeating-linear-gradient(90deg,#15130f14 0 1px,#0000 1px 14px),linear-gradient(#fffdf8,#f4ffd7);border-radius:10px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.video-segment-block{top:5px;bottom:5px;left:var(--segment-left,0%);width:var(--segment-width,18%);border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);min-width:28px;color:var(--site-ink,#15130f);cursor:pointer;background:linear-gradient(90deg,#f9ed77,#ffb7a0 58%,#ff8ac2);border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;box-shadow:2px 2px #15130f2e}.video-segment-block.is-selected{border-color:var(--site-ink,#15130f);box-shadow:0 0 0 2px #ff6fb33d,3px 3px #15130f47}.video-segment-block span{font-size:10px;font-weight:930;line-height:1}.reference-modal,.video-modal{z-index:180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:repeating-linear-gradient(0deg,#15130f09 0 1px,#0000 1px 7px),#15130f6b;place-items:center;padding:clamp(6px,1.1vw,14px);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.video-modal{--video-modal-player-space:calc(112px + env(safe-area-inset-bottom,0px));padding-bottom:calc(var(--video-modal-player-space) + clamp(8px, 1.2vw, 14px))}.reference-modal{animation:.18s both reference-modal-fade}.reference-modal-card{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 72%, white);background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(#fffefb,#efffd6);border-radius:18px;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;width:min(860px,100vw - 32px);min-height:0;max-height:calc(100dvh - 32px);padding:16px;animation:.22s cubic-bezier(.2,.8,.22,1) both reference-modal-pop;display:grid;box-shadow:10px 12px #15130f57}.reference-modal-head,.reference-modal-section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.reference-modal-head h2,.reference-modal-head span,.reference-modal-section-head span,.reference-modal-section-head strong{margin:0;display:block}.reference-modal-head h2{font-size:22px;font-weight:930;line-height:1}.reference-modal-head span,.reference-modal-section-head span,.reference-modal-section-head strong{color:var(--site-muted,#6c665e);font-size:12px;font-weight:900}.reference-modal-head span{margin-top:5px}.youtube-song-search{border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 60%, white);background:#fffefb;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:48px;padding:6px 7px 6px 12px;display:grid;box-shadow:4px 4px #15130f2e}.youtube-song-search>svg{color:#947100}.youtube-song-search input{min-width:0;color:var(--site-ink,#15130f);font:inherit;background:0 0;border:0;outline:0;font-size:15px;font-weight:860;line-height:1.1}.youtube-song-search input::placeholder{color:color-mix(in srgb, var(--site-muted,#6c665e) 76%, white)}.reference-modal-results{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;min-height:0;padding:2px 8px 12px 2px;display:grid;overflow:hidden auto}.reference-modal-song-card{min-height:0}.video-modal-card{box-sizing:border-box;width:min(1120px,100vw - 16px);height:auto;max-height:calc(100dvh - var(--video-modal-player-space) - 16px);border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 72%, white);background:repeating-linear-gradient(0deg,#15130f05 0 1px,#0000 1px 7px),linear-gradient(#fffefb,#efffd6);border-radius:18px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(224px,296px) minmax(0,1fr);place-items:start stretch;gap:10px;min-height:0;padding:clamp(8px,1vw,10px);display:grid;overflow:hidden;box-shadow:10px 12px #15130f57}.video-modal-head{grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.video-modal-head h2,.video-modal-head span{margin:0;display:block}.video-modal-head h2{font-size:22px;font-weight:930;line-height:1}.video-modal-head span{color:var(--site-muted,#6c665e);margin-top:5px;font-size:12px;font-weight:900}.video-modal-head>div:last-child{gap:8px;display:flex}.video-clip-editor{box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--site-ink,#15130f) 62%, white);background:repeating-linear-gradient(0deg,#15130f06 0 1px,#0000 1px 7px),linear-gradient(#fffdf8,#eef9d9);border-radius:13px;align-content:start;align-self:stretch;gap:10px;width:100%;min-width:0;max-height:100%;padding:10px;display:grid;overflow:hidden auto;box-shadow:4px 5px #15130f2e}.video-clip-editor.is-empty{text-align:center;place-items:center;min-height:190px}.video-clip-editor-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.video-clip-editor-head span,.video-clip-editor-head strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:930;line-height:1;display:inline-flex;overflow:hidden}.video-clip-editor-head span{color:var(--site-muted,#6c665e);text-transform:uppercase}.video-clip-editor-preview{aspect-ratio:9/16;border:2px solid color-mix(in srgb, var(--site-ink,#15130f) 58%, white);background:#fffefb;border-radius:14px;justify-self:center;width:min(100%,116px);position:relative;overflow:hidden;box-shadow:4px 4px #15130f33}.video-clip-editor-preview video{object-fit:cover;width:100%;height:100%}.video-offset-control{gap:7px;min-width:0;display:grid}.video-offset-control span{color:var(--site-muted,#6c665e);text-transform:uppercase;align-items:center;gap:5px;font-size:11px;font-weight:920;line-height:1;display:inline-flex}.video-offset-control input{accent-color:#ff8ac2;width:100%}.video-editor-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.video-editor-actions .paper-mini-button{width:100%;min-width:0;padding-inline-start:6px;padding-inline-end:6px}.phone-frame-modal{aspect-ratio:9/16;width:min(100%, calc((100dvh - var(--video-modal-player-space) - 72px) * .5625));border-radius:clamp(34px,7cqw,52px);place-self:start center;max-width:none;height:auto;min-height:0;margin-top:0;padding:clamp(30px,5.1cqh,44px) clamp(12px,3.1cqw,20px) clamp(12px,2.7cqh,20px)}.spin{animation:.9s linear infinite harmonade-spin}@keyframes reference-card-slide{0%{opacity:0;transform:translate(10px)translateY(2px)rotate(.4deg)}to{opacity:1;transform:translate(0)translateY(0)rotate(0)}}@keyframes reference-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes reference-modal-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes harmonade-spin{to{transform:rotate(360deg)}}@media (max-width:1420px){.studio-grid{grid-template-columns:clamp(285px,24vw,340px) minmax(0,1fr) clamp(340px,28vw,390px);gap:12px}}@media (max-width:940px){#harmonade-app-root{height:auto;min-height:100dvh;overflow:visible}body.app-page{overscroll-behavior:auto;height:auto;min-height:100%;overflow:hidden auto}html:has(body.app-page){overscroll-behavior:auto;height:auto;min-height:100%;overflow:hidden auto}body.app-page{min-height:100dvh}.harmonade-app{--solid-player-space:calc(174px + env(safe-area-inset-bottom,0px));height:auto;min-height:100dvh;max-height:none;padding:96px 12px var(--solid-player-space);overflow:auto}.video-modal{--video-modal-player-space:calc(174px + env(safe-area-inset-bottom,0px))}.video-modal-card{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:min(620px,100vw - 16px);overflow:hidden auto}.video-clip-editor{grid-template-columns:minmax(0,92px) minmax(0,1fr);align-items:center;max-height:226px}.video-clip-editor.is-empty{grid-template-columns:minmax(0,1fr);min-height:118px}.video-clip-editor-head,.video-clip-timeline.is-detailed,.video-segment-rail,.video-offset-control,.video-editor-actions{grid-column:2}.video-clip-editor-preview{grid-row:1/span 4;width:82px}.phone-frame-modal{width:min(100%, calc((100dvh - var(--video-modal-player-space) - 300px) * .5625))}.studio-grid{overscroll-behavior:contain;scroll-snap-type:none;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;align-items:stretch;height:auto;min-height:0;padding:0;scroll-padding-inline:0;overflow:visible}.studio-column{scroll-snap-align:none;height:auto}.audio-column{min-height:auto}.video-column{min-height:940px}.audio-board,.video-panel{min-height:0}.video-panel{height:calc(100% - 36px);min-height:0}.lead-input-action{min-height:44px}.video-panel>.video-toolbar,.video-panel>.phone-frame,.video-panel>.video-audio-strip{width:min(100%,460px)}.phone-frame{min-height:0}.audio-board.simple-audio-board{grid-template-rows:auto minmax(420px,1fr);overflow:hidden}.simple-audio-board .main-player{z-index:1;grid-template-rows:auto auto;grid-template-columns:46px minmax(96px,148px) minmax(138px,max-content) minmax(0,1fr);align-content:center;width:auto;max-width:none;height:auto;min-height:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}.simple-audio-board .main-player .master-wave-wrap{height:auto}.track-card.is-selected{border-width:3px;box-shadow:6px 7px #15130f75}.reference-modal-card{gap:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:12px}.youtube-song-search{grid-template-columns:auto minmax(0,1fr)}.youtube-song-search .paper-mini-button{grid-column:1/-1;width:100%}.reference-modal-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:4px}.solid-bottom-player{right:max(10px, env(safe-area-inset-right,0px));bottom:max(8px, env(safe-area-inset-bottom,0px));left:max(10px, env(safe-area-inset-left,0px));border-radius:15px;grid-template-rows:auto auto auto;grid-template-columns:46px minmax(0,1fr);gap:8px;max-width:calc(100vw - 20px);min-height:124px;padding:9px}.solid-player-play{width:42px;height:42px}.solid-player-copy strong{font-size:15px}.solid-player-wave-wrap{grid-column:1/-1;height:50px}.solid-player-wave{height:50px;min-height:50px}.solid-player-actions .icon-button{width:34px;height:34px}.solid-player-actions{grid-column:1/-1;justify-content:space-between;width:100%}}@media (max-height:760px) and (min-width:941px){.harmonade-app{min-height:640px;padding:64px 12px var(--solid-player-space)}.studio-grid{height:calc(100vh - 64px - var(--solid-player-space));grid-template-columns:clamp(290px,24vw,320px) minmax(0,1fr) clamp(310px,25vw,340px);gap:12px;min-height:0}.column-head{min-height:28px}.column-head h1,.column-head h2{font-size:16px}.column-head span{font-size:14px}.input-column{gap:8px}.reference-picker-card,.setup-card,.voice-controls-card{border-radius:12px;padding:8px}.reference-drop-zone{gap:9px;min-height:104px;padding:12px 10px}.reference-drop-zone>strong{font-size:17px}.reference-song-card{padding:6px}.setup-row span,.section-title span{font-size:10px}.paper-mini-button{min-height:34px;padding:0 8px}.key-grid{gap:7px;margin-top:7px}.key-grid .paper-select-trigger{min-height:32px;font-size:12px}.template-picker{margin-top:8px}.template-option{border-radius:9px;min-height:42px;padding:7px}.template-copy strong{font-size:11px}.template-copy span,.template-option small{font-size:9px}.voice-tabs{gap:5px;margin-bottom:6px}.voice-tabs button{border-radius:9px;width:32px;height:32px;font-size:12px}.voice-control-head{gap:7px;margin-bottom:5px}.voice-control-head>span{width:20px;height:20px;font-size:11px}.voice-control-head strong{font-size:13px}.voice-control-head small{font-size:10px}.control-slider{grid-template-columns:minmax(58px,1fr) minmax(92px,150px) 34px;min-height:24px;margin:1px 0;font-size:11px}.control-slider strong{font-size:10px}.render-button{min-height:34px;margin-top:8px;font-size:12px}.audio-board,.video-panel{height:calc(100% - 28px);padding:8px}.audio-board{gap:5px}.audio-board.simple-audio-board{grid-template-rows:auto minmax(0,1fr);gap:6px}.simple-audio-board .lead-track{grid-template-rows:27px minmax(0,1fr)}.simple-audio-board .lead-wave{min-height:54px;margin-bottom:6px}.harmony-stack.simple-harmony-stack .harmony-track{flex-basis:92px;grid-template-rows:32px minmax(0,1fr)}.harmony-stack.simple-harmony-stack{gap:6px}.simple-harmony-stack .track-wave{min-height:42px}.track-head{min-height:25px;padding:4px 8px 0}.track-title strong,.lead-title strong,.track-select strong{font-size:12px}.track-select small,.track-time{font-size:9px}.track-select{grid-template-columns:20px minmax(58px,auto) minmax(0,1fr);gap:5px}.track-select>span{width:18px;height:18px;font-size:10px}.track-mute,.track-solo,.track-play,.harmony-track .icon-button{border-width:1.5px;width:32px;height:32px}.track-wave{height:30px;margin:0 8px 7px}.lead-wave{height:32px}.waveform{border-radius:10px;padding:5px 7px}.time-chip{padding:1px 5px;font-size:8px;bottom:4px}.add-lane-button{min-height:26px;font-size:12px}.master-dock{grid-template-columns:36px minmax(0,1fr);padding:6px}.main-player{border-radius:16px;grid-template-columns:34px minmax(58px,76px) minmax(130px,max-content) minmax(0,1fr);gap:6px;padding:7px}.master-play,.main-player .master-play{width:34px;height:34px}.main-player-copy strong{font-size:13px}.main-player-copy span{margin-top:3px;font-size:9px}.main-player-controls{gap:5px}.main-player-controls .icon-button{width:32px;height:32px}.master-wave{height:32px}.main-player .master-wave{min-height:58px;max-height:70px}.status-line{font-size:10px}.video-count-select{width:104px;font-size:11px}.video-count-select .paper-select-trigger{min-height:34px;padding:0 10px}.video-audio-strip{gap:5px;padding:5px}.video-audio-head span,.video-audio-head strong{font-size:9px}.video-audio-wave{height:32px}.video-panel>.video-toolbar,.video-panel>.phone-frame,.video-panel>.video-audio-strip,.video-panel>.phone-frame,.video-panel>.video-audio-strip{width:min(100%,260px)}.phone-frame{border-radius:30px;gap:3px;margin-top:0;padding:26px 10px 10px}.phone-frame:before{width:48px;height:6px;top:9px}.solid-bottom-player{min-height:72px;padding:8px 10px}.solid-player-wave-wrap,.solid-player-wave{height:50px;min-height:50px}}@media (max-width:560px){.harmonade-app{--solid-player-space:calc(178px + env(safe-area-inset-bottom,0px));padding-top:116px}.video-modal{--video-modal-player-space:calc(174px + env(safe-area-inset-bottom,0px))}.video-clip-editor{grid-template-columns:minmax(0,1fr);max-height:184px}.video-clip-editor-head,.video-clip-timeline.is-detailed,.video-segment-rail,.video-offset-control,.video-editor-actions{grid-column:1}.video-clip-editor-preview{display:none}.video-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-picker-card,.setup-card,.voice-controls-card,.audio-board,.video-panel{border-radius:10px}.reference-source-row{grid-template-columns:minmax(0,1fr)}.reference-provider-tabs{justify-content:center}.reference-provider-tabs button{flex:1 1 0;width:auto}.tool-mode-row{grid-template-columns:minmax(0,1fr)}.tool-mode-badge{text-align:left;place-items:start}.lead-input-head{grid-template-columns:32px minmax(0,1fr)}.lead-input-icon{width:32px;height:32px}.lead-input-status{grid-column:1/-1;justify-self:start}.lead-input-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-input-detail{grid-column:1/-1;justify-self:start}.paper-mini-button{width:100%}.column-head span{font-size:13px}.track-head,.track-select{gap:7px}.track-select{grid-template-columns:24px minmax(0,1fr)}.track-select small{grid-column:2}.track-wave{margin-inline-start:10px;margin-inline-end:10px}.master-dock{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:10px}.simple-audio-board .main-player,.main-player{grid-template-columns:54px minmax(0,1fr)}.main-player .master-wave-wrap{grid-column:1/-1}.main-player-controls{grid-column:1/-1;justify-content:center;gap:8px;padding:2px 0 0}.master-play{width:48px;height:48px}.main-player .master-wave{height:62px;min-height:62px}.control-slider{grid-template-columns:minmax(62px,1fr) minmax(96px,160px) 38px;gap:7px}.phone-frame{grid-template-columns:repeat(var(--slot-columns), minmax(0, 1fr))}.solid-bottom-player{grid-template-rows:auto auto auto;grid-template-columns:42px minmax(0,1fr);align-items:center;min-height:150px}.solid-player-play{width:42px;height:42px}.solid-player-actions{grid-column:1/-1;justify-content:space-between}.solid-player-actions .icon-button{flex:1 1 0;max-width:72px}}.audio-column{--audio-black:#0b0b09;--audio-panel:#15140f;--audio-panel-deep:#0f0f0c;--audio-panel-lift:#242015;--audio-line:#fff8cd38;--audio-text:#fff8dd;--audio-muted:#bdb49d;--audio-lime:#d9f75f;--audio-cyan:#62f4dd;--audio-pink:#ff6fb3;--audio-amber:#ffb34d}.audio-column .column-head{border:1.5px solid var(--audio-line);background:repeating-linear-gradient(0deg,#fff8cd09 0 1px,#0000 1px 7px),linear-gradient(135deg,#171610,#232014 58%,#11100d);border-radius:13px;margin-bottom:2px;padding:7px 10px;box-shadow:4px 5px #00000061,inset 0 1px #ffffff14,0 0 24px #d9f75f24}.audio-column .column-head h2,.audio-column .column-head span{color:var(--audio-text);text-shadow:0 0 12px #d9f75f38}.audio-column .audio-board{background:repeating-linear-gradient(0deg, #fff8cd08 0 1px, transparent 1px 7px), repeating-linear-gradient(90deg, #62f4dd0b 0 1px, transparent 1px 22px), linear-gradient(180deg, var(--audio-panel), var(--audio-panel-deep) 54%, var(--audio-black));border-color:#fff8cd38;box-shadow:8px 9px #0000006b,0 0 0 1px #d9f75f21,0 0 38px #62f4dd1f,inset 0 1px #ffffff14}.audio-column .harmony-stack.simple-harmony-stack{scrollbar-color:#d9f75f80 #fff8cd14}.audio-column .track-card,.audio-column .lead-vocal-dock,.audio-column .main-player{color:var(--audio-text);background:repeating-linear-gradient(0deg,#fff8cd08 0 1px,#0000 1px 7px),linear-gradient(#1e1b12,#12110d 68%,#0b0b09);border-color:#fff8cd33;box-shadow:5px 6px #00000075,0 0 0 1px #fff8cd12,0 0 24px #d9f75f1c,inset 0 1px #ffffff12}.audio-column .track-card.is-selected,.audio-column .harmony-track.is-solo,.audio-column .main-player.is-solo{background:repeating-linear-gradient(0deg,#fff8cd0a 0 1px,#0000 1px 7px),linear-gradient(135deg,#262411,#17140d 58%,#0b0b09);border-color:#d9f75fd6;box-shadow:5px 6px #00000080,0 0 0 1px #d9f75f3d,0 0 30px #d9f75f3d,0 0 22px #ff6fb31c}.audio-column .track-title strong,.audio-column .lead-title strong,.audio-column .track-select strong,.audio-column .main-player-copy strong{color:var(--audio-text);text-shadow:0 0 12px #62f4dd29}.audio-column .track-select small,.audio-column .track-time,.audio-column .main-player-copy span,.audio-column .status-line,.audio-column .lead-vocal-dock .status-line{color:var(--audio-muted)}.audio-column .status-dot,.audio-column .track-select>span{color:var(--audio-lime);background:linear-gradient(135deg,#10140c,#262c12);border-color:#d9f75fb8;box-shadow:0 0 0 1px #fff8cd14,0 0 14px #d9f75f57}.audio-column .track-play,.audio-column .track-mute,.audio-column .lead-upload-button,.audio-column .lead-record-button,.audio-column .master-play{background:linear-gradient(135deg, var(--audio-lime), var(--audio-cyan) 48%, var(--audio-pink));color:#090908;border-color:#fff8cd75;box-shadow:3px 3px #0000006b,0 0 18px #62f4dd3d,0 0 16px #d9f75f33}.audio-column .track-solo,.audio-column .add-lane-button{color:var(--audio-text);background:linear-gradient(#242015,#11100d);border-color:#fff8cd3d;box-shadow:3px 3px #00000057,inset 0 1px #ffffff0f}.audio-column .track-solo.is-active,.audio-column .add-lane-button:hover{background:linear-gradient(135deg, var(--audio-amber), var(--audio-lime));color:#090908;border-color:#ffb34de6;box-shadow:3px 3px #00000075,0 0 18px #ffb34d3d}.audio-column .add-lane-button:focus-visible{background:linear-gradient(135deg, var(--audio-amber), var(--audio-lime));color:#090908;border-color:#ffb34de6;box-shadow:3px 3px #00000075,0 0 18px #ffb34d3d}.audio-column .lead-record-button.is-recording{background:linear-gradient(135deg, #ff9a9a, var(--audio-pink));color:#090908;border-color:#ff9a9af0;box-shadow:3px 3px #00000075,0 0 18px #ff6fb347}.audio-column .waveform{background:repeating-linear-gradient(90deg,#fff8cd1c 0 1px,#0000 1px 18px),repeating-linear-gradient(0deg,#62f4dd14 0 1px,#0000 1px 9px),linear-gradient(#121a10,#090d08 48%,#17120b);border-color:#fff8cd6b;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 0 18px #000000b8,inset 0 0 26px #d9f75f21,0 0 0 1px #d9f75f21}.audio-column .waveform:before{background:linear-gradient(90deg,#0000,#62f4ddd1,#d9f75fc2,#0000);height:2px;box-shadow:0 0 8px #62f4dd61,0 0 14px #d9f75f33}.audio-column .wave-progress-fill{mix-blend-mode:normal;background:linear-gradient(90deg,#d9f75f7a,#62f4dd57,#ff6fb347)}.audio-column .wave-playhead{background:#fff8dd;box-shadow:0 0 0 2px #0b0b09db,0 0 0 5px #d9f75f47,0 0 20px #d9f75f8f,0 0 30px #ff6fb338}.audio-column .waveform-fill{fill:#d9f75fc2;stroke:#fff8dd80;stroke-width:.52px;filter:drop-shadow(0 0 5px #d9f75f4d)}.audio-column .waveform-line-top{stroke:#62f4ddf2;stroke-width:.82px}.audio-column .waveform-line-bottom{stroke:#ff6fb3d1;stroke-width:.82px}.audio-column .time-chip{color:var(--audio-text);background:#0b0b09c7;border:1px solid #fff8cd24;box-shadow:0 0 12px #62f4dd24}.audio-column .harmony-track.is-muted,.audio-column .main-player.is-muted{color:#fff8dd75;background:repeating-linear-gradient(0deg,#fff8cd05 0 1px,#0000 1px 7px),linear-gradient(#151511,#0f0f0d);border-color:#fff8cd1f;box-shadow:4px 5px #00000057,inset 0 1px #ffffff09}.audio-column .harmony-track.is-muted .track-select strong,.audio-column .harmony-track.is-muted .track-select small,.audio-column .harmony-track.is-muted .track-time,.audio-column .main-player.is-muted .main-player-copy strong,.audio-column .main-player.is-muted .main-player-copy span{color:#fff8dd7a}.audio-column .harmony-track.is-muted .waveform,.audio-column .main-player.is-muted .master-wave .waveform{background:repeating-linear-gradient(90deg,#fff8cd08 0 1px,#0000 1px 18px),linear-gradient(#080908,#11110f);border-color:#fff8cd1a}.audio-column .harmony-track.is-muted .waveform-fill,.audio-column .main-player.is-muted .master-wave .waveform-fill{fill:#4a503b80;stroke:#fff8cd24;filter:none}.audio-column .harmony-track.is-muted .waveform-line,.audio-column .main-player.is-muted .master-wave .waveform-line{stroke:#fff8dd47}@keyframes sparkle-pulse{0%{filter:drop-shadow(0 0 #d9f75f00);transform:rotate(-6deg)scale(.92)}to{filter:drop-shadow(0 0 10px #d9f75f7a);transform:rotate(8deg)scale(1.1)}}@keyframes harmony-lane-build{0%{opacity:0;filter:blur(5px)saturate(1.4);transform:translateY(-18px)scaleY(.72)}58%{opacity:1;filter:blur()saturate(1.35);transform:translateY(3px)scaleY(1.04)}to{opacity:1;filter:blur()saturate();transform:translateY(0)scaleY(1)}}@media (max-width:940px){#harmonade-app-root{height:auto;min-height:100dvh;overflow:visible}body.app-page{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow:clip auto}html:has(body.app-page){overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;height:auto;min-height:100%;overflow:clip auto}.harmonade-app{--solid-player-space:0px;touch-action:pan-y;height:auto;min-height:100dvh;max-height:none;padding:96px clamp(10px,3vw,16px) 18px;overflow:visible}.studio-grid{overscroll-behavior:auto;flex-direction:column;gap:14px;width:min(620px,100%);height:auto;min-height:0;display:flex;overflow:visible}.studio-column,.input-column,.audio-column,.video-column{scrollbar-gutter:auto;width:100%;height:auto;min-height:0;padding:0;overflow:visible}.input-column{gap:10px}.column-head{min-height:30px;padding:0 4px}.column-head h1,.column-head h2{font-size:18px}.reference-picker-card,.setup-card,.voice-controls-card{border-radius:13px;padding:10px;box-shadow:4px 5px #15130f38,inset 0 1px #ffffffb3}.tool-mode-row{grid-template-columns:minmax(0,1fr) minmax(78px,auto);gap:8px}.tool-mode-select,.tool-mode-badge{min-height:44px}.lead-input-card{gap:10px;padding:10px}.lead-input-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-input-detail{grid-column:1/-1;justify-self:start}.lead-input-action{min-height:44px}.template-options{gap:7px}.template-option{min-height:54px}.voice-controls-card.is-action-only{padding:8px}.audio-column{flex-direction:column;display:flex}.audio-board.simple-audio-board{grid-template-rows:auto auto;gap:8px;height:auto;min-height:0;padding:8px;overflow:visible}.lead-vocal-dock{border-radius:17px;gap:7px;padding:8px}.lead-dock-head{grid-template-columns:minmax(0,1fr)}.lead-generate-button{width:100%;min-height:38px}.simple-audio-board .main-player,.main-player{grid-template-rows:auto auto auto;grid-template-columns:46px minmax(0,1fr);gap:8px;min-height:0;padding:8px}.main-player-copy span{white-space:normal}.main-player .master-wave-wrap{grid-column:1/-1;height:auto}.main-player .master-wave{height:54px;min-height:54px;max-height:none}.main-player-controls{grid-column:1/-1;justify-content:space-between;gap:7px;padding:0}.main-player-controls .icon-button{flex:1 1 0;width:auto;min-width:0;height:36px}.harmony-stack.simple-harmony-stack{overscroll-behavior:auto;scrollbar-gutter:auto;min-height:238px;padding:2px 2px 8px;overflow:visible}.harmony-stack.simple-harmony-stack.is-empty{min-height:238px;padding:12px}.harmony-empty-state{width:100%;padding:18px 14px}.harmony-track .track-head{min-height:36px}.video-column{min-height:0}.video-panel{align-items:stretch;gap:8px;height:auto;min-height:0}.video-panel>.video-toolbar,.video-panel>.phone-frame{width:min(100%,430px);margin-inline-start:auto;margin-inline-end:auto}.video-toolbar{min-height:42px}.video-toolbar>div{gap:7px}.video-count-select{width:min(126px,40vw)}.phone-frame{border-width:3px;border-radius:clamp(30px,9vw,40px);box-shadow:6px 7px #15130f33,inset 0 1px #ffffffa3}.solid-bottom-player{right:max(8px, env(safe-area-inset-right,0px));bottom:max(7px, env(safe-area-inset-bottom,0px));left:max(8px, env(safe-area-inset-left,0px));border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:42px minmax(0,1fr);gap:6px;max-width:calc(100vw - 16px);min-height:0;padding:7px}.studio-grid>.solid-bottom-player{z-index:90;width:100%;max-width:100%;margin:0;position:sticky;top:74px;bottom:auto;left:auto;right:auto}.solid-player-play{width:42px;height:42px}.solid-player-copy{align-self:center;gap:1px}.solid-player-copy strong{font-size:15px}.solid-player-copy small{display:none}.solid-player-wave-wrap{grid-column:1/-1;height:38px}.solid-player-wave{height:38px;min-height:38px}.solid-player-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;display:grid}.solid-player-actions .icon-button{width:100%;max-width:none;height:32px}}@media (max-width:560px){.harmonade-app{--solid-player-space:0px;padding-top:112px;padding-bottom:18px}.studio-grid{gap:12px}.reference-picker-card,.setup-card,.voice-controls-card,.audio-board,.video-panel{border-radius:12px}.tool-mode-row{grid-template-columns:minmax(0,1fr)}.tool-mode-badge{text-align:left;place-items:start}.lead-input-head{grid-template-columns:34px minmax(0,1fr)}.lead-input-status{grid-column:1/-1;justify-self:start}.lead-input-actions{gap:7px}.control-slider{grid-template-columns:minmax(58px,.72fr) minmax(92px,1fr) 38px}.video-panel>.video-toolbar,.video-panel>.phone-frame{width:100%}.solid-bottom-player{grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);gap:5px;padding:6px}.studio-grid>.solid-bottom-player{top:104px}.solid-player-play{width:40px;height:40px}.solid-player-wave-wrap,.solid-player-wave{height:36px;min-height:36px}.solid-player-actions{display:none}.solid-player-actions .icon-button{height:32px}}