.field-media-background{pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.cell-media-background{pointer-events:none;clip-path:var(--hex-clip,polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%));background-position:50%;background-size:cover;position:absolute;inset:0}.cell-media-background~.cell-copy,.cell-media-background~.node-board{position:relative}.cell-audio-badge{z-index:5;color:#dff8ed;cursor:pointer;white-space:nowrap;background:#10271ff0;border:1px solid #8fd7b970;border-radius:30px;align-items:center;gap:5px;max-width:55%;padding:4px 9px;font-size:10px;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.cell-editor-layer.is-board-editor{overflow:hidden}.cell-editor-layer.is-board-editor>.flow-node__editor-panel.flow-node__editor-panel--board{height:min(820px,100dvh - 104px);overflow:hidden}.cell-editor-layer.is-board-editor .node-board-shell.is-editing{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.cell-editor-layer .node-board-composer{overflow:hidden}.cell-editor-layer .node-board-composer__main,.cell-editor-layer .node-board-layout-editor{scrollbar-width:thin;overscroll-behavior:contain;overflow:hidden auto}.cell-audio-editor label{gap:6px;font-size:12px;font-weight:600;display:grid}.flow-node[data-has-audio=true] .node-board-shell:not(.is-editing){height:calc(100% - 25px)}.flow-node.is-running .flow-node__hex-edge:not(.is-shared){stroke:#c6f5d5;stroke-width:2.5px}.flow-node.is-running .flow-node__face{filter:brightness(1.18)}.media-viewing-hint{z-index:10;color:#bdd1c5;pointer-events:none;background:#17231eee;border:1px solid #adcfbc30;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.media-listen-button[aria-pressed=true]{color:#a0e6bf;background:#86c89e16}.media-settings-backdrop{z-index:180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07110bb0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.media-settings{color:#e2ece5;background:#19241e;border:1px solid #76978255;border-radius:20px;flex-direction:column;width:min(580px,100%);max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 100px #0007}.media-settings h2,.media-settings h3,.media-settings p{margin:0}.media-settings>header{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 16px;display:flex}.media-settings>header small{color:#9bb6a5;font-size:11px}.media-settings h2{margin-top:4px;font-size:23px;font-weight:650}.media-settings h3{font-size:17px}.media-settings p{color:#afc0b4;font-size:13px;line-height:1.6}.media-settings button,.voice-recorder button,.cell-audio-editor>button,.voice-recorder a{min-height:34px;color:inherit;font:inherit;cursor:pointer;background:#ffffff06;border:1px solid #809d893e;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:12px;text-decoration:none;display:inline-flex}.media-settings button:hover,.voice-recorder button:hover,.cell-audio-editor>button:hover{background:#a8ddbd16}.media-settings button:disabled,.voice-recorder button:disabled{opacity:.4;cursor:default}.media-settings button:focus-visible{outline-offset:3px;outline:2px solid #a5e2bd}.media-settings input:focus-visible{outline-offset:3px;outline:2px solid #a5e2bd}.media-settings select:focus-visible{outline-offset:3px;outline:2px solid #a5e2bd}.narration-bar button:focus-visible{outline-offset:3px;outline:2px solid #a5e2bd}.cell-audio-badge:focus-visible{outline-offset:3px;outline:2px solid #a5e2bd}.media-settings>nav{border:1px solid #718f7d33;border-radius:12px;gap:4px;margin:0 24px;padding:4px;display:flex}.media-settings>nav button{background:0 0;border-color:#0000;flex:1}.media-settings>nav button[aria-pressed=true]{color:#c4f4d6;background:#a2c7ae18}.media-settings__body{scrollbar-width:thin;flex-direction:column;gap:14px;min-height:0;padding:22px 24px;display:flex;overflow:hidden auto}.media-settings__hint{color:#91a99a;font-size:11px;line-height:1.5}.media-settings__image{background-position:50%;background-size:cover;border:1px solid #809d893e;border-radius:12px;flex-shrink:0;height:145px}.media-settings__file{justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.media-settings__file>span{overflow-wrap:anywhere}.media-settings button.media-settings__primary{color:#122419;background:#c2eed3;border-color:#c2eed3;font-weight:600}.media-settings__range{flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.media-settings__range output{color:#a1c1ad;margin-left:auto}.media-settings__range input{accent-color:#a4dcb7;width:100%}.media-settings audio,.voice-recorder audio,.cell-audio-editor audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;max-width:100%;height:38px}.media-settings__route{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.media-settings__route li{border:1px solid #86a59130;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:7px;display:flex}.media-settings__route li>span:nth-child(2){overflow-wrap:anywhere;flex:1;font-size:12px}.media-settings__route button{flex-shrink:0;min-height:30px;padding:6px}.media-settings__number{color:#adcdb7;background:#9bcca716;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.media-settings__add{gap:8px;display:flex}.media-settings__add select{color:#d2e6d8;background:#111e16;border:1px solid #86a59145;border-radius:9px;width:100%;min-width:0;padding:8px}.media-settings p.media-settings__error{color:#ffc7b9}.media-settings>footer{border-top:1px solid #83a79026;justify-content:space-between;align-items:center;gap:18px;padding:16px 24px;display:flex}.media-settings>footer small{color:#8da798;font-size:10px;line-height:1.5}.media-settings>footer button{flex-shrink:0}.voice-recorder,.cell-audio-editor{flex-direction:column;gap:12px;min-width:0;display:flex}.voice-recorder{background:#a0d4b408;border:1px solid #8ab49a30;border-radius:12px;padding:14px}.voice-recorder small,.cell-audio-editor>small{color:#9eb8a7;font-size:11px;line-height:1.5}.voice-recorder__actions{flex-wrap:wrap;gap:8px;display:flex}.voice-recorder button.voice-recorder__stop{color:#ffd9ce;background:#e68a7320;border-color:#deaa8955}.voice-recorder p{color:#f7bdaa;margin:0;font-size:12px;line-height:1.5}.narration-bar{z-index:80;color:#e4f4e9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#132219f5;border:1px solid #8dbea061;border-radius:18px;align-items:center;gap:20px;width:min(680px,100% - 32px);padding:15px 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0007}.narration-bar__copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.narration-bar__copy small{color:#95b6a0;font-size:10px}.narration-bar__copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.narration-bar__copy>span{color:#a7beb0;font-size:10px;line-height:1.4}.narration-bar__controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.narration-bar button{color:#a2c3ad;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:36px;display:grid}.narration-bar button:disabled{opacity:.3;cursor:default}.narration-bar button:hover,.narration-bar button[aria-pressed=true]{color:#d9f8e4;background:#99d9ac22}.narration-bar button.narration-bar__play{color:#12281a;background:#bde9cd;width:42px;height:42px}@media (max-width:720px){.app-bar__actions .media-listen-button{width:44px;min-height:44px;padding:0;display:inline-flex}.media-listen-button>span{display:none}}@media (max-width:600px){.media-settings-backdrop{padding:10px}.media-settings{border-radius:16px;max-height:calc(100dvh - 20px)}.media-settings>header,.media-settings__body,.media-settings>footer{padding:16px}.media-settings>nav{margin:0 16px}.narration-bar{flex-wrap:wrap;gap:10px;padding:12px;bottom:12px}.narration-bar__copy{flex-basis:100%}.narration-bar__controls{margin:0 auto}.cell-editor-layer.is-board-editor>.flow-node__editor-panel.flow-node__editor-panel--board{height:calc(100dvh - 68px)}}@media (prefers-reduced-motion:reduce){.narration-bar,.media-settings{scroll-behavior:auto;animation:none}}