/* Real browser auditions, progressively enhanced over the creator briefs. */
.creator-playground{--cpg-lime:#c7df5f;--cpg-line:#292b24;--cpg-muted:#999d90;--signal-level:0;background:#050604;color:#f4f5ee;padding:var(--pad) var(--pad) 0;isolation:isolate;min-width:0}
.creator-playground svg,.creator-app-screens svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.cpg-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--cpg-line)}
.cpg-app-name{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#d8dbd0;letter-spacing:.015em}
.cpg-app-name>svg{color:var(--cpg-lime)}
.cpg-archive-label{display:flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--cpg-muted);text-align:right}
.cpg-archive-label>span{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}
.cpg-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.62fr);align-items:end;gap:16px 40px;padding:30px 0}
.brief-panel .cpg-heading h3{font-size:clamp(32px,3vw,48px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:500;text-wrap:balance}
.cpg-heading>p{font-size:16px;line-height:1.5;color:var(--cpg-muted);max-width:38ch;margin:0}
.cpg-player-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;min-width:0;padding-bottom:28px}
.cpg-player-main{min-width:0;display:flex;flex-direction:column;justify-content:center}
.cpg-genre-picker{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--cpg-line)}
.cpg-genre-picker>label{font-size:12px;line-height:1.35;color:#b0ba9f}
.cpg-select-wrap{position:relative;min-width:0}
.cpg-select-wrap select{display:block;width:100%;min-width:0;min-height:44px;appearance:none;-webkit-appearance:none;border:1px solid #4d6030;border-radius:0;background:#1a2410;color:#dff9b2;font-family:inherit;font-size:14px;line-height:1.3;padding:11px 36px 11px 14px;cursor:pointer;color-scheme:dark}
.cpg-select-wrap select:hover{border-color:#a0be53;background:#263719}
.cpg-select-wrap>svg{position:absolute;right:13px;top:50%;width:15px;height:15px;color:#b8d888;transform:translateY(-50%) rotate(135deg);pointer-events:none}
.cpg-signal{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:300px;overflow:hidden;padding:30px;background:#10130b;border:1px solid #262b1c}
.cpg-signal::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff05 31px 32px)}
.cpg-signal-word{position:relative;font-family:var(--display);font-size:clamp(28px,3.25vw,52px);font-weight:700;line-height:.95;letter-spacing:-.055em;max-width:5.5ch;overflow-wrap:normal;color:#c7df5f}
.cpg-signal-meter{display:flex;align-items:center;gap:5px;width:100%;height:92px;margin:25px 0 20px}
.cpg-signal-meter i{display:block;flex:1;height:100%;background:var(--cpg-lime);transform:scaleY(.08);transform-origin:center;transition:transform 110ms linear;opacity:.75}
.cpg-signal-meter i:nth-child(3n){opacity:.42}
.cpg-signal-label{font-family:var(--mono,monospace);font-size:9px;line-height:1.5;letter-spacing:.13em;color:#9da58a;max-width:25ch}
.cpg-sound .cpg-signal{background:#081413;border-color:#1b3532}
.cpg-sound .cpg-signal-word{color:#7ed8d0}
.cpg-sound .cpg-signal-meter i{background:#7ed8d0}
.cpg-podcast .cpg-signal-word{max-width:8ch;font-size:clamp(25px,3vw,46px)}
.cpg-track-meta{display:grid;gap:9px;margin-bottom:22px}
.cpg-take-label{font-family:var(--mono,monospace);font-size:10px;line-height:1.4;letter-spacing:.12em;color:var(--cpg-muted)}
.cpg-track-meta>strong{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.03em}
.cpg-track-detail{font-size:13px;line-height:1.5;color:var(--cpg-muted);max-width:52ch}
.cpg-recording-source{font-size:13px;line-height:1.5;color:#c4d3af;letter-spacing:0;text-transform:none;max-width:54ch}
.cpg-wave-shell{position:relative;background:#0c0e09;border:1px solid var(--cpg-line);padding:0 0 26px;min-width:0}
.cpg-waveform{display:block;width:100%;height:94px}
.cpg-wave-caption{position:absolute;bottom:8px;left:12px;right:12px;font-family:var(--mono,monospace);font-size:10px;line-height:1.3;color:#a4ad8c;letter-spacing:.02em}
.cpg-transport{display:flex;align-items:center;gap:16px;padding:17px 0 18px;min-width:0}
.creator-playground button,.creator-playground a{touch-action:manipulation}
.cpg-play{display:grid;place-items:center;width:50px;height:50px;min-height:50px;border:0;background:var(--cpg-lime);color:#0a1000;flex-shrink:0;cursor:pointer;transition:background-color 160ms,transform 160ms}
.cpg-play:hover{background:#d6ea8a}
.cpg-play:active{transform:scale(.96)}
.cpg-play svg{width:22px;height:22px;stroke-width:2}
.cpg-play:disabled{cursor:wait;opacity:.45}
.cpg-seek{display:grid;gap:8px;flex:1;min-width:0}
.creator-playground input[type=range]{--range-progress:0%;display:block;width:100%;height:28px;min-height:28px;margin:0;padding:0;background:transparent;accent-color:var(--cpg-lime);cursor:pointer;-webkit-appearance:none;appearance:none;border:0;border-radius:0}
.creator-playground input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--cpg-lime) var(--range-progress),#3b4030 var(--range-progress));border:0;border-radius:0}
.creator-playground input[type=range]::-moz-range-track{height:3px;background:#3b4030;border:0;border-radius:0}
.creator-playground input[type=range]::-moz-range-progress{height:3px;background:var(--cpg-lime)}
.creator-playground input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-5px;width:13px;height:13px;border:2px solid #050604;background:#e8efdb;border-radius:50%}
.creator-playground input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #050604;background:#e8efdb;border-radius:50%}
.creator-playground input[type=range]:disabled{opacity:.3;cursor:default}
.creator-playground :focus-visible,.creator-app-screens summary:focus-visible{outline:2px solid var(--cpg-lime,#c7df5f);outline-offset:4px}
.cpg-time{font-family:var(--mono,monospace);font-size:11px;line-height:1;letter-spacing:.03em;color:#b2b8a7;font-variant-numeric:tabular-nums}
.cpg-live-indicator{display:flex;align-items:center;gap:6px;font-family:var(--mono,monospace);font-size:9px;letter-spacing:.1em;color:#737b66;white-space:nowrap}
.cpg-live-indicator>i{display:block;width:5px;height:5px;border-radius:50%;background:#454c3a}
.is-playing .cpg-live-indicator{color:var(--cpg-lime)}
.is-playing .cpg-live-indicator>i{background:var(--cpg-lime);box-shadow:0 0 9px #c7df5f38}
.cpg-edit-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px;padding-top:18px;border-top:1px solid var(--cpg-line);align-items:start}
.cpg-field-label,.cpg-range-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;line-height:1.2;color:#b9bfae}
.cpg-range-label output{color:#f1f5e7;font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;font-size:11px}
.cpg-duration{display:flex;gap:5px}
.cpg-duration button{flex:1;min-width:44px;min-height:44px;padding:6px 8px;background:#151810;color:#c1c8b2;border:1px solid #353c28;font-size:12px;cursor:pointer}
.cpg-duration button:hover{background:#252d19}
.cpg-duration button:disabled{opacity:.35;cursor:default}
.cpg-duration button[aria-pressed=true]{background:var(--cpg-lime);border-color:var(--cpg-lime);color:#172000}
.cpg-export-action{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cpg-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;background:#1d2314;color:#e1ecc9;border:1px solid #3d482b;padding:9px 15px;font-size:13px;font-weight:500;cursor:pointer;line-height:1.3}
.cpg-secondary:hover{background:#2c381b;color:#ecffc3}
.cpg-secondary:disabled{opacity:.5;cursor:wait}
.cpg-secondary svg{width:17px;height:17px}
.cpg-secondary[aria-pressed=true]{color:var(--cpg-lime);border-color:#667d34}
.cpg-download{padding:10px 0;min-height:44px;font-size:13px;color:var(--cpg-lime);text-decoration:underline;text-underline-offset:4px}
.cpg-podcast-tools{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.cpg-local-file>label{display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.35;color:#d5deca}
.cpg-local-file small{display:block;font-size:11px;color:var(--cpg-muted);margin-top:3px}
.cpg-local-file input{display:block;width:100%;font-size:11px;color:#9ba68d;margin:12px 0 0;background:transparent;cursor:pointer;overflow:hidden}
.cpg-local-file input::file-selector-button{min-height:44px;padding:6px 11px;margin-right:9px;border:1px solid #414d30;background:#1b2411;color:#e1ecc9;font-size:11px;cursor:pointer}
.cpg-voice-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding-top:10px;font-size:11px;color:#b5c1a0;overflow-wrap:anywhere}
.cpg-voice-meta>span{min-width:0;max-width:100%}
.cpg-voice-meta button{background:transparent;border:0;color:var(--cpg-lime);font-size:12px;padding:6px 0;min-width:44px;min-height:44px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cpg-sound-tools{align-items:center}
.cpg-sound-tools>.cpg-secondary{justify-self:end}
.cpg-choice-row{display:flex;gap:8px;margin-bottom:24px}
.cpg-choice-row button{display:grid;gap:5px;flex:1;text-align:left;padding:12px 14px;min-height:61px;background:#14180e;border:1px solid #303925;color:#c2ccb1;font-size:13px;line-height:1.15;cursor:pointer}
.cpg-choice-row button>span{font-family:var(--mono,monospace);font-size:10px;color:#83916e}
.cpg-choice-row button[aria-pressed=true]{border-color:#a0be53;background:#28351a;color:#edffd2}
.cpg-choice-row button[aria-pressed=true]>span{color:#c3db99}
.cpg-record-scene{position:relative;display:grid;place-items:center;min-height:355px;aspect-ratio:1/1;background:#14170f;border:1px solid #303526;overflow:hidden;padding:38px}
.cpg-record-scene::before{content:'';position:absolute;inset:10px;border:1px solid #3c4430;pointer-events:none}
.cpg-record{display:grid;place-items:center;position:relative;width:100%;max-width:310px;aspect-ratio:1;border:1px solid #3b3f33;border-radius:50%;background:repeating-radial-gradient(circle at center,#090b08 0 2px,#22251d 2px 2.7px,#0d100b 2.7px 4px);box-shadow:0 9px 20px #0007;will-change:transform}
.cpg-record::after{content:'';position:absolute;width:7px;height:7px;background:#0c0e09;border:1px solid #292e20;border-radius:50%;box-shadow:0 0 0 1px #c7df5f55}
.cpg-record-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:37%;height:37%;border-radius:50%;background:#d7fc60;color:#1a210b;text-align:center}
.cpg-record-label>span{font-family:var(--display);font-size:clamp(13px,1.5vw,22px);font-weight:700;letter-spacing:-.06em}
.cpg-record-label>small{font-family:var(--mono,monospace);font-size:6px;letter-spacing:.13em;margin-bottom:10px}
.cpg-record-label>b{font-size:9px;font-family:var(--mono,monospace);font-weight:400}
.cpg-record-arm{position:absolute;right:21px;top:28px;width:12px;height:47%;border:2px solid #7c846c;background:#373e2b;transform:rotate(20deg);transform-origin:50% 5px;box-shadow:2px 3px 5px #0009;transition:transform 350ms ease}
.cpg-record-arm::before{content:'';position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:#b8c69d;border:4px solid #323b25;box-shadow:0 2px 6px #0009}
.cpg-record-arm::after{content:'';position:absolute;width:17px;height:27px;bottom:-13px;left:-4px;background:#d0dbbd;border-bottom:6px solid #899773;transform:rotate(-15deg)}
.is-playing .cpg-record-arm{transform:rotate(30deg)}
.cpg-record-caption{position:absolute;left:20px;bottom:17px;font-family:var(--mono,monospace);font-size:8px;letter-spacing:.13em;color:#7c8969}
.cpg-bottomline{display:flex;justify-content:space-between;align-items:start;gap:15px 28px;border-top:1px solid var(--cpg-line);padding:16px 0 18px;font-size:13px;line-height:1.5}
.cpg-status{color:#b6c2a1;margin:0;max-width:58ch}
.cpg-truth{max-width:35ch;color:#aebc9c;text-align:right;font-size:13px}
.creator-app-screens{background:#10110e;border-top:1px solid #262a20;border-bottom:1px solid #262a20}
.creator-app-screens>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:15px var(--pad);color:#9ca78b;font-size:12px;list-style:none;min-height:50px}
.creator-app-screens>summary::-webkit-details-marker{display:none}
.creator-app-screens>summary>span{display:flex;align-items:center;gap:10px}
.creator-app-screens>summary svg{width:17px;height:17px}
.creator-app-screens>summary>svg{transform:rotate(45deg);transition:transform 200ms}
.creator-app-screens[open]>summary>svg{transform:rotate(-135deg)}
.creator-app-screens .brief-stage{border-top:1px solid #262a20}
.creator-app-screens .shot-media{animation:none}
.cpg-session{background:#0a0c08;border:1px solid var(--cpg-line);padding:20px 22px 0;margin-bottom:25px;min-width:0}
.cpg-session-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px}
.cpg-session-header>div{display:grid;gap:7px}
.cpg-session-header strong{font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.cpg-studio-link{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px;color:var(--cpg-lime);min-height:44px}
.cpg-studio-link svg{width:16px;height:16px}
.cpg-session-lanes{display:grid;gap:8px}
.cpg-session-lane{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(105px,.45fr);gap:18px;align-items:center;padding:13px 16px;background:#10130c;border-left:2px solid var(--lane-color);min-width:0}
.cpg-lane-name{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.cpg-lane-name>span{font-family:var(--mono,monospace);font-size:10px;color:var(--lane-color)}
.cpg-lane-name>strong{font-size:13px;font-weight:500;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpg-lane-buttons{display:flex;gap:5px;grid-column:2}
.cpg-lane-buttons button{display:grid;place-items:center;min-width:44px;min-height:44px;background:#1b2114;border:1px solid #4d5b3d;color:#c1d2ac;font-size:12px;cursor:pointer;padding:4px 7px}
.cpg-lane-buttons button[aria-pressed=true]{color:#e6f2d5;border-color:var(--lane-color);background:#34402a}
.cpg-lane-buttons button[data-cpg-enable][aria-pressed=false]{opacity:1;background:#212819;color:#e0ebd0;border-color:#71805b}
.cpg-lane-wave{display:block;width:100%;height:59px}
.cpg-lane-level{display:grid;grid-template-columns:minmax(0,1fr) 5px;gap:0 12px;min-width:0}
.cpg-lane-level .cpg-range-label{grid-column:1;gap:5px;margin:0;font-size:0}
.cpg-lane-level .cpg-range-label>span{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
.cpg-lane-level .cpg-range-label output{font-size:11px}
.cpg-lane-level input{grid-column:1}
.cpg-lane-level meter{grid-column:2;grid-row:1/3;align-self:stretch;width:5px;height:36px;writing-mode:vertical-lr;appearance:none;background:#242b1c;border:0}
.cpg-lane-level meter::-webkit-meter-bar{background:#242b1c;border:0;border-radius:0}
.cpg-lane-level meter::-webkit-meter-optimum-value{background:var(--lane-color);border-radius:0}
.cpg-lane-level meter::-moz-meter-bar{background:var(--lane-color)}
.cpg-session-lane.is-inaudible{background:#0a0d07}
.cpg-session-lane.is-inaudible .cpg-lane-name>strong{color:#69765b}
.cpg-session .cpg-transport{padding-bottom:20px}
.cpg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.creator-playground [hidden]{display:none!important}
@media(max-width:1100px){.creator-playground{padding:26px 28px 0}.cpg-player-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px}.cpg-heading{grid-template-columns:1fr;padding:26px 0;gap:12px}.cpg-heading>p{max-width:58ch}.cpg-record-scene{min-height:280px;padding:30px}.cpg-signal{min-height:300px;padding:24px}.cpg-record-arm{right:18px;width:10px}.cpg-session-lane{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) 95px;padding:12px}.creator-app-screens>summary{padding:15px 28px}}
@media(max-width:800px){.creator-playground{padding:23px 26px 0}.cpg-player-grid{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:22px}.cpg-topline{align-items:flex-start;padding-bottom:20px;gap:18px}.cpg-app-name{font-size:12px;gap:8px}.cpg-archive-label{font-size:9px;max-width:19ch;line-height:1.4}.cpg-archive-label>span{flex-shrink:0}.cpg-signal{min-height:280px;padding:18px}.cpg-signal-word{font-size:35px}.cpg-podcast .cpg-signal-word{font-size:30px}.cpg-signal-meter{gap:3px;height:70px;margin:20px 0}.cpg-signal-label{font-size:8px}.cpg-live-indicator{display:none}.cpg-transport{gap:12px}.cpg-edit-tools,.cpg-podcast-tools{grid-template-columns:1fr;gap:17px}.cpg-sound-tools{grid-template-columns:1fr auto}.cpg-export-action{grid-column:auto}.cpg-record-scene{min-height:260px;aspect-ratio:auto;padding:25px 20px}.cpg-record-arm{height:42%;width:8px;right:15px}.cpg-record-label{gap:7px}.cpg-record-label>small{font-size:4px}.cpg-record-label>b{font-size:7px}.cpg-choice-row{gap:6px}.cpg-choice-row button{padding:11px;font-size:12px}.cpg-track-meta>strong{font-size:21px}.cpg-track-detail{font-size:13px}.cpg-session{padding:17px 16px 0}.cpg-session-lane{grid-template-columns:minmax(0,1fr) minmax(90px,1fr);gap:7px 18px}.cpg-lane-name{grid-row:1/3}.cpg-lane-wave{height:39px}.cpg-lane-level{grid-column:2;grid-template-columns:minmax(0,1fr) 5px;align-items:center;gap:0 8px}.cpg-lane-level .cpg-range-label{display:none}.cpg-lane-level meter{height:20px;grid-row:1}.cpg-session-header strong{font-size:18px}.cpg-bottomline{flex-direction:column;gap:5px}.cpg-truth{max-width:none;text-align:left}.creator-app-screens>summary{padding:15px 26px}}
@media(max-width:600px){.creator-playground{padding:20px 18px 0}.cpg-heading{padding:22px 0;gap:12px}.brief-panel .cpg-heading h3{font-size:34px;max-width:14ch}.cpg-heading>p{font-size:14px;max-width:35ch}.cpg-player-grid{grid-template-columns:1fr;gap:20px;padding-bottom:22px}.cpg-signal{min-height:0;height:128px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;align-items:center}.cpg-signal-word,.cpg-podcast .cpg-signal-word{font-size:30px;grid-row:1/3;max-width:7ch}.cpg-signal-meter{height:57px;margin:0;width:100%;gap:4px;align-self:end}.cpg-signal-label{grid-column:2;align-self:start;font-size:7px;max-width:none}.cpg-track-meta{margin-bottom:17px;gap:7px}.cpg-track-meta>strong{font-size:22px}.cpg-take-label{font-size:9px}.cpg-waveform{height:83px}.cpg-wave-caption{font-size:9px}.cpg-play{width:48px;height:48px;min-height:48px}.cpg-live-indicator{display:flex;font-size:8px}.cpg-edit-tools{grid-template-columns:1fr 1fr;gap:18px 14px}.cpg-reel .cpg-edit-tools{grid-template-columns:1fr}.cpg-export-action{grid-column:1/-1}.cpg-podcast-tools{grid-template-columns:1fr}.cpg-sound-tools{grid-template-columns:1fr auto}.cpg-duration button{min-height:44px;padding:6px;font-size:11px}.cpg-choice-row{margin-bottom:18px}.cpg-choice-row button{font-size:13px;padding:13px}.cpg-record-scene{height:255px;min-height:0;aspect-ratio:auto;padding:22px}.cpg-record{width:210px}.cpg-record-arm{height:48%;right:35px;top:24px;transform:rotate(27deg)}.is-playing .cpg-record-arm{transform:rotate(39deg)}.cpg-record-label>span{font-size:15px}.cpg-record-label>small{font-size:5px}.cpg-record-label>b{font-size:8px}.cpg-record-caption{font-size:7px;left:14px;bottom:14px}.cpg-record-scene::before{inset:8px}.cpg-session{padding:14px 12px 0}.cpg-session-header{align-items:flex-start;gap:12px}.cpg-session-header>div{gap:6px}.cpg-session-header strong{font-size:17px}.cpg-session-header .cpg-take-label{font-size:8px;max-width:24ch}.cpg-studio-link{font-size:11px;gap:5px;min-height:44px}.cpg-session-lane{padding:11px 10px;grid-template-columns:minmax(0,1fr) minmax(65px,.65fr);gap:4px 12px}.cpg-lane-name{grid-template-columns:17px minmax(0,1fr);gap:7px 3px}.cpg-lane-name>strong{font-size:11px}.cpg-lane-name>span{font-size:8px}.cpg-lane-buttons{grid-column:1/-1}.cpg-lane-buttons button{min-width:44px;min-height:44px;padding:4px;font-size:12px}.cpg-lane-wave{height:30px}.cpg-session .cpg-live-indicator{display:none}.cpg-session .cpg-transport{gap:12px;padding:15px 0}.creator-app-screens>summary{padding:13px 18px}.cpg-bottomline{padding:14px 0 16px;font-size:13px}.cpg-truth{font-size:13px}}
@media(prefers-reduced-motion:reduce){.creator-playground *{scroll-behavior:auto}.cpg-play,.cpg-record-arm,.cpg-signal-meter i,.creator-app-screens>summary>svg{transition:none}.cpg-play:active{transform:none}.cpg-record{will-change:auto}}
/* The global details marker size should not enlarge this app-screen label. */
.creator-app-screens>summary>span{font-size:12px;line-height:1.4;letter-spacing:0}

/* Match the prompt-style selector: native menu, consistent inset and focus frame. */
.cpg-select-wrap{padding-right:14px;border:1px solid #414a35;border-radius:4px;background:#0c0f09;transition:border-color 160ms ease,background-color 160ms ease}
.cpg-select-wrap:hover{border-color:#73815d;background:#12180c}
.cpg-select-wrap:focus-within{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:1px}
.cpg-select-wrap select{appearance:auto;-webkit-appearance:menulist;min-height:48px;margin:0;padding:11px 0 11px 14px;border:0;border-radius:0;outline:0;background:#0c0f09;color:#f4f5ef;font:inherit;font-size:14px;line-height:1.4}
.cpg-select-wrap select:hover{border:0;background:#0c0f09}
@media(max-width:520px){.cpg-genre-picker{grid-template-columns:1fr;gap:8px}.cpg-genre-picker>label{font-size:13px}.cpg-select-wrap select{font-size:16px}}
/* The wrapper supplies the focus ring; avoid a second ring around the inner select. */
.creator-playground .cpg-select-wrap select:focus-visible{outline:0}