:root{color:#f6efe7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#d07c5d57,#0000 26%),radial-gradient(circle at 85% 20%,#536dac3d,#0000 20%),linear-gradient(#1a1518 0%,#0e1016 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0}button,code,pre{font-family:inherit}.playground-shell{align-content:start;gap:1.25rem;min-height:100vh;padding:1.5rem;display:grid}.hero-panel,.viewer-card,.controls-card,.code-card,.docs-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at top,#d07c5d29,#0000 40%),#0f1117d1;border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 24px 80px #00000047}.hero-panel{align-items:start;padding:1.15rem;display:grid}.hero-copy{gap:.3rem;max-width:78rem;display:grid}.hero-copy h1,.panel-header h2,.viewer-header h2{margin:0}.hero-copy h1{font-size:clamp(2rem,4vw,3rem);line-height:.98}.eyebrow,.section-kicker{letter-spacing:.18em;text-transform:uppercase;color:#dca48b;margin:0 0 .2rem;font-size:.9rem}.lede,.hint,.panel-header p,.viewer-header p{color:#f5efe6bd;margin:0;line-height:1.24}.snippet-actions button{color:#211411;background:linear-gradient(135deg,#f0b79f 0%,#c77656 100%);border-radius:999px;padding:.85rem 1.15rem;font-weight:700}.snippet-actions button,.preset-tab{cursor:pointer;border:0}.playground-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:start;gap:1.25rem;display:grid}.viewer-column,.controls-column{align-content:start;gap:1.25rem;display:grid}.viewer-column{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);align-items:start}.viewer-card,.controls-card,.code-card,.docs-card{padding:1.15rem}.viewer-header,.panel-header{gap:.35rem;margin-bottom:1rem;display:grid}.viewer-header p,.panel-header p{margin:0}.viewer-frame{background:radial-gradient(circle at 50% 24%,#fff4e81f,#0000 28%),linear-gradient(#5779c124 0%,#0c0d121f 58%),#08090ed6;border-radius:24px;height:min(68vh,760px);min-height:420px;position:relative;overflow:hidden}.ground-line{pointer-events:none;z-index:1;border-top:2px dashed #f0b79f80;position:absolute;bottom:12%;left:0;right:0}.viewer-stage{z-index:2;position:absolute;inset:0}.viewer-stage>div,.viewer-stage canvas{width:100%;height:100%}.controls-card{gap:1rem;display:grid}.asset-actions{gap:.6rem;display:grid}.apply-button{color:#ffe8db;cursor:pointer;background:#f0b79f24;border:0;border-radius:999px;width:fit-content;padding:.8rem 1.1rem}.control-group{background:#ffffff08;border-radius:22px;gap:.85rem;padding:1rem;display:grid}.preset-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.preset-tab{color:inherit;background:#ffffff0a;border:1px solid #0000;border-radius:999px;padding:.75rem 1rem;font-size:1rem}.preset-tab.is-active{background:#f0b79f1a;border-color:#f0b79fb3}.custom-model-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.controls-card label{gap:.45rem;display:grid}.controls-card span{color:#f5efe6db;font-size:1rem}.controls-card input,.controls-card select{width:100%;color:inherit;background:#0c0d12e6;border:1px solid #ffffff1f;border-radius:14px;padding:.85rem .95rem;font-size:1.12rem;line-height:1.2}.controls-card input[type=range]{padding:0}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.code-card pre{color:#ffe8db;white-space:pre-wrap;background:#00000047;border-radius:18px;margin:0;padding:1rem;display:block;overflow:auto}.snippet-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.snippet-actions p{color:#f5efe6bd;margin:0}.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.docs-card{align-content:start;gap:1rem;display:grid}.docs-stack,.api-section{gap:.85rem;display:grid}.doc-block{background:#ffffff08;border-radius:22px;gap:.6rem;padding:1rem;display:grid}.doc-block h3,.api-section h3{margin:0;font-size:1rem}.doc-block pre{color:#ffe8db;white-space:pre-wrap;background:#00000047;border-radius:18px;margin:0;padding:1rem;overflow:auto}.docs-list{color:#f5efe6d1;gap:.45rem;margin:0;padding-left:1.1rem;display:grid}.doc-copy{color:#f5efe6d1;margin:0;line-height:1.45}.api-list{gap:.85rem;margin:0;display:grid}.api-row{border-top:1px solid #ffffff14;gap:.2rem;padding:.85rem 0;display:grid}.api-row:first-child{border-top:0;padding-top:0}.api-row dt{color:#ffe8db;font-weight:700}.api-row dd{color:#f5efe6bd;margin:0;line-height:1.4}@media (width<=1100px){.playground-grid,.docs-grid,.viewer-column{grid-template-columns:1fr}.viewer-frame{height:min(62vh,640px);min-height:380px}}@media (width<=640px){.playground-shell{padding:1rem}.hero-panel,.viewer-card,.controls-card,.code-card,.docs-card{border-radius:22px}.viewer-frame{height:52vh;min-height:320px}.inline-fields,.custom-model-row{grid-template-columns:1fr}}