.app-shell{--header-height: 64px;--footer-height: 72px;position:relative;min-height:100vh;overflow:visible;overflow-x:clip;width:100%;padding-bottom:var(--footer-height);isolation:isolate}.ambient{position:fixed;width:32rem;height:32rem;border-radius:999px;pointer-events:none;filter:blur(80px);opacity:.6;z-index:0;animation:drift 18s ease-in-out infinite alternate}.ambient-top{top:-12rem;right:-10rem;background:radial-gradient(circle,#005ac12e,#005ac100 70%)}.ambient-bottom{left:-10rem;bottom:-12rem;background:radial-gradient(circle,#1d6b4f26,#1d6b4f00 70%)}.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start;min-width:0}.docs-sidebar{align-self:start;position:sticky;top:calc(var(--header-height) + 1.5rem);z-index:8;padding:1.5rem;border-radius:24px!important;border:1px solid rgba(0,0,0,.06);background:#fdf8f3eb!important;box-shadow:0 4px 24px #0000000a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:calc(100vh - var(--header-height) - var(--footer-height) - 3rem);overflow:auto}.docs-content{min-width:0;max-width:100%}.sidebar-brand{margin-bottom:0}.site-header{position:sticky;top:0;z-index:20;background:transparent!important;border-radius:0!important;transition:background-color .2s ease,backdrop-filter .2s ease,box-shadow .2s ease}.site-header-frame{border-bottom:1px solid rgba(0,0,0,.06);border-radius:0!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.site-header-row{min-width:0;padding-inline:.5rem}.site-header-brand{flex:1 1 auto;min-width:0;overflow:hidden}.site-header-section{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header--desktop-scrolled{background:#f2ede8eb!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #0000000f}.site-header--desktop-scrolled .site-header-frame{border-bottom-color:transparent}.record-pcm-logo{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.record-pcm-logo--icon{gap:0}.record-pcm-logo__copy{display:grid;gap:.1rem;min-width:0;line-height:1}.record-pcm-logo__title{color:#1c1b18;font-size:1rem;font-weight:700;letter-spacing:-.02em}.record-pcm-logo__subtitle{color:#47464a;font-size:.7rem;font-weight:500;white-space:nowrap}.hero-panel{position:relative;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(2rem,4vw,3.5rem);border-radius:32px!important;border:1px solid rgba(255,255,255,.6);background:linear-gradient(145deg,#fffffff2,#fdf8f3d9),linear-gradient(120deg,#005ac114,#1d6b4f0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -5% -40% auto;width:20rem;height:20rem;border-radius:50%;background:radial-gradient(circle,#005ac11a,#005ac100 70%);pointer-events:none}.hero-grid{position:relative;z-index:1;max-width:44rem}.surface-panel{min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(1.5rem,3vw,2.5rem);border-radius:24px!important;border:1px solid rgba(0,0,0,.06);background:#fdf8f3eb!important;box-shadow:0 1px 3px #00000005,0 4px 16px #0000000a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quick-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quick-start-card{min-width:0;max-width:100%;box-sizing:border-box;padding:1.5rem;border-radius:16px!important;border:1px solid rgba(0,0,0,.06);background:#fffc!important}.command-surface{min-width:0;max-width:100%;box-sizing:border-box;padding:1rem 1.25rem;border-radius:16px!important;border:1px solid rgba(0,0,0,.06);background:#ffffffe6!important}.command-text{overflow-wrap:anywhere;font-size:.9375rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.language-switch{flex-wrap:wrap}.examples-grid{display:grid;gap:1.25rem;min-width:0}.example-card{min-width:0;max-width:100%;box-sizing:border-box;padding:1.5rem;border-radius:20px!important;border:1px solid rgba(0,0,0,.06);background:#ffffffbf!important}.code-surface{min-width:0;max-width:100%;box-sizing:border-box;padding:1rem 1.25rem;border-radius:12px!important;border:1px solid rgba(0,0,0,.04);background:#f8f9fc!important}.code-inline{display:block;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.8125rem;color:#1c1b18;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.language-switch .MuiButton-root{border-radius:999px}.language-switch img{display:block}.code-snippet{overflow:hidden;max-width:100%;border-radius:16px!important;border:1px solid rgba(15,23,42,.54);background:#282c34!important;box-shadow:0 10px 28px #0f172a2e}.code-snippet__header{padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#31363ffa,#282c34fa)}.code-snippet__meta{min-width:0}.code-snippet__icon{display:block;flex:0 0 auto;border-radius:6px}.code-snippet__label{color:#f8fafc;font-weight:600!important}.code-snippet__hint{color:#8b949e;letter-spacing:.08em}.code-snippet__copy{align-self:flex-start;color:#dbeafe!important;font-weight:600!important}.code-snippet__copy:hover{background:#ffffff0f!important}.code-snippet__scroll{max-width:100%;overflow-x:hidden;padding:1rem 1.125rem 1.125rem;background:#1f2329}.code-snippet__pre{margin:0;color:#abb2bf;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.8125rem;line-height:1.75;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.api-table-wrapper{max-width:100%;overflow-x:auto;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.api-table{width:100%;border-collapse:collapse;font-size:.875rem}.api-table th,.api-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.04)}.api-table th{background:#00000005;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#565e71}.api-table td code{font-family:JetBrains Mono,monospace;font-size:.8125rem;padding:.125rem .375rem;background:#0000000a;border-radius:4px}.api-table td code.type{color:#7c3aed;background:#7c3aed14}.api-table td code.default{color:#059669;background:#05966914}.api-table .required{color:#dc2626;font-weight:700;margin-left:2px}.api-table tbody tr:last-child td{border-bottom:none}.api-table tbody tr:hover{background:#00000003}.browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.browser-card{min-width:0;max-width:100%;box-sizing:border-box;padding:1.5rem;border-radius:16px!important;border:1px solid rgba(0,0,0,.06);background:#fffc!important;text-align:center}.browser-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem}.browser-card__icon img{display:block;max-width:100%;max-height:100%}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;min-width:0}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0}.mode-button{justify-content:flex-start}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stat-surface{min-width:0;max-width:100%;box-sizing:border-box;padding:1rem 1.25rem;border-radius:16px!important;border:1px solid rgba(0,0,0,.06);background:#fffc!important}.player-surface{min-width:0;max-width:100%;box-sizing:border-box;padding:1.5rem;border-radius:24px!important;border:1px solid rgba(0,90,193,.1);background:linear-gradient(180deg,#fffffff2,#fdf8f3e6),linear-gradient(135deg,#005ac10d,#1d6b4f08)!important}.player-header{margin-bottom:1.5rem}.player-transport{display:flex;align-items:center;gap:1.5rem;min-width:0}.transport-button{width:80px;height:80px;color:#fff!important;background:linear-gradient(180deg,#1a73e8,#005ac1)!important;box-shadow:0 8px 24px #005ac13d;transition:transform .15s ease,box-shadow .15s ease}.transport-button:hover{transform:scale(1.02);background:linear-gradient(180deg,#3385ed,#0b67d0)!important;box-shadow:0 12px 32px #005ac14d}.transport-button.Mui-disabled{color:#1c1b184d!important;background:#0000000f!important;box-shadow:none;transform:none}.site-footer{position:fixed;right:0;bottom:0;left:0;z-index:24;min-height:var(--footer-height);padding:1rem 0;border-top:1px solid rgba(0,0,0,.06);border-radius:0!important;background:#fdf8f3f2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.footer-inner{min-width:0;min-height:calc(var(--footer-height) - 2rem)}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2rem,-1.5rem,0) scale(1.05)}}@media (max-width: 1199px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{display:none!important}.site-header{top:.75rem;z-index:22;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.site-header-frame{border:1px solid rgba(0,0,0,.06);border-radius:20px!important;background:#fdf8f3f2!important;box-shadow:0 4px 24px #0000000f}.site-header-row{padding-inline:.75rem}.site-header--desktop-scrolled{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.site-header--desktop-scrolled .site-header-frame{border-color:#0000000f}}@media (max-width: 960px){.workspace-grid,.browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start-grid{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{--header-height: 60px;--footer-height: auto;padding-bottom:120px}.record-pcm-logo__title{font-size:.9375rem}.record-pcm-logo__subtitle{font-size:.65rem}.action-grid,.stats-grid,.browser-grid,.workspace-grid{grid-template-columns:1fr}.player-transport{flex-direction:column;align-items:stretch}.transport-button{width:72px;height:72px;align-self:flex-start}.example-card,.code-surface{padding:1rem}.code-snippet__header,.code-snippet__scroll{padding-inline:.875rem}.site-header-row{gap:.75rem}.site-header-brand{min-width:0}.site-header-brand .MuiIconButton-root,.site-header-brand .record-pcm-logo{flex:0 0 auto}.site-header-section{display:none}.api-table{font-size:.8125rem}.api-table th,.api-table td{padding:.625rem .75rem}.site-footer{position:relative;min-height:auto;padding:1.5rem 0}.footer-inner{min-height:auto}}:root{--md-sys-color-primary: #005ac1;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d9e2ff;--md-sys-color-on-primary-container: #001a43;--md-sys-color-secondary: #565e71;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #dae2f9;--md-sys-color-on-secondary-container: #131c2c;--md-sys-color-tertiary: #1d6b4f;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #a5f2cf;--md-sys-color-on-tertiary-container: #002115;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #fdf8f3;--md-sys-color-on-surface: #1c1b18;--md-sys-color-surface-variant: #e4e1dc;--md-sys-color-on-surface-variant: #47464a;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f8f3ee;--md-sys-color-surface-container: #f2ede8;--md-sys-color-surface-container-high: #ece7e2;--md-sys-color-surface-container-highest: #e6e1dc;--md-sys-color-outline: #787680;--md-sys-color-outline-variant: #c9c5d0;--md-sys-color-inverse-surface: #313030;--md-sys-color-inverse-on-surface: #f4f0eb;--md-sys-color-inverse-primary: #adc6ff;--md-sys-elevation-1: 0 1px 3px 1px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-2: 0 2px 6px 2px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.3);--md-sys-elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--md-sys-shape-corner-none: 0;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;font-family:Roboto Flex,Roboto,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}#root{min-height:100vh}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::selection{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}