.shared-waveform{width:100%;min-width:0;margin:8px 0}.shared-waveform-surface{position:relative;height:80px;border:1px solid #51746d;border-radius:4px;overflow:hidden}.shared-waveform-surface canvas{display:block;width:100%;height:80px}.shared-waveform-playhead{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:#ffe293;pointer-events:none}.shared-waveform-surface input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:crosshair}.shared-waveform-surface:focus-within{outline:2px solid #ffe293;outline-offset:2px}.shared-waveform-times{display:flex;justify-content:space-between;font-size:12px;color:#c2cbca;margin-top:3px}.picker-preview-controls .shared-waveform{flex:1 0 100%}.media-picker{min-width:0;max-width:100%}.media-picker>button{max-width:100%;white-space:normal;overflow-wrap:anywhere;display:flex;align-items:center;gap:8px;text-align:left;min-height:44px;padding:10px 14px;border:1px solid #6de0c0;border-radius:6px;background:#185341;color:#f3fff9;font:inherit;font-weight:600;cursor:pointer}.media-picker>button:disabled{opacity:.5;cursor:default}.media-picker>button:focus-visible{outline:2px solid #f3d16b;outline-offset:2px}.media-library-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 24px));max-height:90dvh;padding:20px;border:1px solid #61777b;border-radius:8px;background:#11181b;color:#f0f3f3;overflow:auto}.media-library-dialog::-webkit-backdrop{background:#000b}.media-library-dialog::backdrop{background:#000b}.media-library-dialog footer,.media-library-dialog header{display:flex;align-items:center;gap:12px}.media-library-dialog header h2{font-size:20px;margin:0;flex:1 1}.media-library-dialog button{min-height:44px;min-width:44px;cursor:pointer;border:1px solid #586e73;border-radius:4px;background:#213036;color:#f0f3f3;padding:8px}.media-library-dialog button:disabled{opacity:.5;cursor:default}.media-library-dialog input,.media-library-dialog select{width:100%;min-height:44px;box-sizing:border-box;background:#111e23;color:#f0f3f3;border:1px solid #61777b;border-radius:4px;padding:8px}.media-library-dialog :focus-visible{outline:2px solid #5fe0d3;outline-offset:2px}.media-library-filters{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.media-library-filters label{flex:1 1 140px;min-width:0;display:grid;grid-gap:6px;gap:6px;font-size:13px}.media-library-filters .media-library-search{flex-basis:100%}.media-library-search span{display:flex;align-items:center;gap:6px}.media-library-results{height:min(420px,45dvh);overflow:auto;overscroll-behavior:contain}.media-library-results .media-library-row{display:grid;width:100%;text-align:left;grid-gap:4px;gap:4px;padding:12px;border:0;border-bottom:1px solid #455258;border-radius:0;background:transparent;color:inherit;white-space:normal;overflow-wrap:anywhere}.media-library-row:focus-visible,.media-library-row:hover{background:#234347}.sound-picker-row .media-library-row[aria-pressed=true]{background:#21453f;border-left:3px solid #83ddc5}.media-library-row small,.media-library-row span{color:#b9cbce}.media-library-dialog footer{padding-top:12px}.media-library-dialog footer span{flex:1 1}.sound-choice{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sound-choice>strong{overflow-wrap:anywhere;min-width:0}.sound-choice>.sound-picker-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:2px solid #73e8c5;border-radius:6px;background:#135545;color:#f3fff9;font-size:14px;font-weight:650;line-height:1.25;cursor:pointer;box-shadow:0 2px 0 #062d24;white-space:normal;letter-spacing:0}.sound-choice>.sound-picker-trigger:hover:not(:disabled){background:#1c725d;border-color:#b1ffe4}.sound-choice>.sound-picker-trigger:active:not(:disabled){background:#104535;box-shadow:none}.sound-choice>.sound-picker-trigger:focus-visible{outline:3px solid #f4d36c;outline-offset:3px}.sound-choice>.sound-picker-trigger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sound-picker-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.sound-picker-row.has-favorites{grid-template-columns:44px minmax(0,1fr) 44px}.sound-picker-sections{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sound-picker-sections [aria-pressed=true]{background:#23575b;color:white}.picker-preview-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.picker-preview-controls audio{width:min(300px,100%)}.picker-preview-controls label{font-size:12px;max-width:160px}@media(max-width:600px){.media-library-dialog{padding:12px}.media-library-results{height:35dvh}}.playable-keyboard{background:rgba(4,10,17,.58);border:1px solid rgba(255,255,255,.1);border-radius:8px;min-height:178px;min-width:0;overflow-x:auto;padding:10px;position:relative}.playable-keyboard-key{align-items:end;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(188,203,207,.82));border:1px solid rgba(0,0,0,.24);border-bottom:8px solid var(--key-accent,transparent);border-radius:0 0 6px 6px;color:#071118;cursor:pointer;display:grid;font:inherit;grid-gap:4px;gap:4px;height:96px;justify-items:center;min-width:0;padding:8px 3px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playable-keyboard-white-keys{display:grid;grid-gap:2px;gap:2px;grid-template-columns:repeat(var(--keyboard-white-key-count),minmax(44px,1fr));min-width:calc(var(--keyboard-white-key-count) * 44px);position:relative;z-index:1}.playable-keyboard-white-keys .playable-keyboard-key{height:152px}.playable-keyboard-black-keys{bottom:0;left:10px;min-width:calc(var(--keyboard-white-key-count) * 44px);pointer-events:none;position:absolute;right:10px;top:10px;z-index:2}.playable-keyboard-key.is-black-key{background:linear-gradient(180deg,#1b212b,#05070b);color:#f3fbff;height:94px;pointer-events:auto;position:absolute;top:0;width:calc(((100% - 20px) / var(--keyboard-white-key-count)) * .62)}.playable-keyboard-key.is-active,.playable-keyboard-key[aria-pressed=true]{background:linear-gradient(180deg,#33ead5,#f7d26a);color:#061015;box-shadow:0 0 20px rgba(51,234,213,.45)}.playable-keyboard-key span{font-size:.7rem;font-weight:900;letter-spacing:0}.playable-keyboard-key strong{font-size:clamp(.58rem,.8vw,.78rem);line-height:1}.playable-keyboard.is-white-only{background:none;border:0;min-height:0;overflow:visible;padding:0}.playable-keyboard.is-white-only .playable-keyboard-key{position:static}@media (max-width:720px){.playable-keyboard{min-height:158px}.playable-keyboard-white-keys{grid-template-columns:repeat(var(--keyboard-white-key-count),minmax(38px,1fr));min-width:calc(var(--keyboard-white-key-count) * 38px)}.playable-keyboard-white-keys .playable-keyboard-key{height:132px}.playable-keyboard-black-keys{min-width:calc(var(--keyboard-white-key-count) * 38px)}.playable-keyboard-key.is-black-key{height:82px}}