.wp-playback{color:var(--wp-ink);margin:16px 0}.wp-playback-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wp-playback .wp-playback-toolbar button{border:1px solid var(--wp-input-border);min-height:44px;color:var(--wp-ink);background:var(--wp-surface);font:600 14px/1.4 var(--wp-font);cursor:pointer;box-shadow:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.wp-playback .wp-playback-toolbar .wp-playback-primary{background:var(--wp-action);color:#fff;border-color:var(--wp-action)}.wp-playback .wp-playback-toolbar button:not(:disabled):hover{background:var(--wp-sky);color:var(--wp-ink);border-color:var(--wp-action)}.wp-playback .wp-playback-toolbar .wp-playback-primary:not(:disabled):hover{background:var(--wp-action-hover);color:#fff}.wp-playback .wp-playback-toolbar button:disabled{opacity:1;color:var(--wp-muted);background:var(--wp-soft);border-color:var(--wp-border);cursor:not-allowed}.wp-playback label{align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.wp-playback select{border:1px solid var(--wp-input-border);min-width:0;min-height:44px;color:var(--wp-ink);font:inherit;background:#fff;border-radius:8px;padding:8px;font-size:14px}.wp-playback :is(button,select):focus-visible{outline:3px solid var(--wp-action);outline-offset:3px}.wp-playback .wp-playback-status{color:var(--wp-ink);margin:10px 0 0;font-size:13px;line-height:1.5}@media (max-width:600px){.wp-playback-toolbar{grid-template-columns:1fr 1fr;display:grid}.wp-playback .wp-playback-primary{grid-column:1/-1}.wp-playback label{flex-wrap:wrap;gap:4px;margin:0}.wp-playback select{width:100%;font-size:16px}.wp-playback .wp-playback-reset{align-self:end}}.wp-playback-dock{display:none}@media (max-width:760px){.wp-playback-dock{z-index:60;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--wp-action);background:var(--wp-surface);color:var(--wp-ink);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex;position:fixed;box-shadow:0 4px 24px #073a8226}.wp-playback .wp-playback-dock button{border:1px solid var(--wp-action);color:#fff;background:var(--wp-action);min-height:44px;font:600 14px var(--wp-font);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex}.wp-playback .wp-playback-dock button:hover{color:#fff;background:var(--wp-action-hover)}}
.wp-simulation-record{border:1px solid var(--wp-border);background:var(--wp-surface);color:var(--wp-ink);overflow-wrap:anywhere;border-radius:14px;min-width:0;padding:22px}.wp-simulation-record header{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.wp-simulation-record header span{align-items:center;gap:7px;font-weight:650;display:flex}.wp-simulation-record code{color:var(--wp-ink);font-size:12px}.wp-simulation-record h3{color:var(--wp-ink);margin:16px 0;font-size:22px;line-height:1.3}.wp-simulation-record dl{margin:0}.wp-simulation-record dl>div{border-bottom:1px solid var(--wp-border);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.wp-simulation-record dt{font-size:14px}.wp-simulation-record dd{text-align:right;margin:0;font-size:15px;font-weight:700}.wp-simulation-record>p{color:var(--wp-ink);margin:16px 0 0;font-size:14px;line-height:1.6}@media (max-width:600px){.wp-simulation-record{padding:18px}.wp-simulation-record dl>div{flex-wrap:wrap;gap:4px 12px}}