.dp-playground{background:0 0!important;width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:48px!important}.dp-playground-heading{max-width:740px;margin:0 0 36px}.dp-playground-heading h1{letter-spacing:-1.8px;font-size:clamp(32px,5vw,52px);line-height:1.08;margin:14px 0!important}.dp-playground-heading>p{color:#bec7dc}.dp-demo-notice{color:#dacbf6;background:#251c38;border:1px solid #55427d;border-radius:999px;margin-top:22px;padding:8px 14px;font-size:12px;display:inline-block}.dp-demo-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:28px;display:grid}.dp-demo-controls{gap:20px;display:grid}.dp-demo-controls section{background:#161923;border:1px solid #303245;border-radius:16px;min-width:0;padding:22px}.dp-demo-controls h2{font-size:18px;margin:8px 0 18px!important}.dp-step{letter-spacing:2px;color:#bba0ff;font-size:11px}.dp-demo-controls p,.dp-demo-controls small{color:#acb7cd;font-size:12px;line-height:1.6}.dp-demo-controls small{margin-top:12px;display:block}.dp-demo-samples{gap:9px;margin-bottom:15px;display:grid}.dp-demo-samples button{color:#e9ebf8;text-align:left;cursor:pointer;background:#1c2030;border:1px solid #34394a;border-radius:9px;align-items:center;gap:10px;width:100%;padding:6px;font-size:12px;display:flex}.dp-demo-samples img{object-fit:cover;border-radius:5px;width:66px;height:46px}.dp-demo-samples button[aria-pressed=true],.dp-demo-styles button[aria-pressed=true]{background:#2c2142;border-color:#ad87ff}.dp-demo-button,.dp-demo-styles button{color:#eeeafa;min-height:44px;font:inherit;cursor:pointer;background:#242335;border:1px solid #4a4560;border-radius:8px;padding:12px 14px;font-size:12px}.dp-demo-styles{gap:8px;margin-bottom:14px;display:grid}.dp-playground button:disabled{opacity:.5;cursor:default}:is(.dp-playground button:focus-visible,.dp-playground input:focus-visible){outline-offset:3px;outline:3px solid #bc98ff}.dp-demo-review{align-items:start;gap:10px;margin-bottom:20px;font-size:13px;line-height:1.6;display:flex}.dp-demo-review input{accent-color:#ad87ff;flex-shrink:0;width:18px;height:18px;margin-top:5px}.dp-demo-results{min-width:0}.dp-demo-status{color:#c8b4e8;min-height:36px;font-size:12px}.dp-demo-results figure{background:#0c101a;border:1px solid #32394b;border-radius:13px;margin:0 0 22px;overflow:hidden}.dp-demo-results figcaption{color:#c8d0e2;border-bottom:1px solid #282d3c;padding:12px 16px;font-size:12px}.dp-demo-results img{width:100%;height:auto;display:block}.dp-demo-placeholder{text-align:center;color:#a2aabe;padding:80px 20px}.dp-demo-next{background:#171a29;border:1px solid #39374d;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:40px 0;padding:28px;display:flex}.dp-demo-next h2{font-size:21px;margin-bottom:10px!important}.dp-demo-next p{color:#b7c0d4;max-width:600px;font-size:14px}.dp-demo-next a{flex-shrink:0}.dp-demo-credits{color:#abb6cd;font-size:12px}.dp-demo-credits summary{cursor:pointer;padding:10px 0}.dp-demo-credits a{text-decoration:underline!important}.dp-demo-credits p{margin:8px 0!important}@media (max-width:760px){.dp-playground{padding:28px 18px!important}.dp-demo-layout,.dp-demo-controls{grid-template-columns:1fr}.dp-demo-samples{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-demo-samples button{text-align:center;flex-direction:column;align-items:stretch;gap:6px;font-size:11px}.dp-demo-samples img{width:100%;height:64px}.dp-demo-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-demo-next{flex-direction:column;align-items:stretch}.dp-demo-controls section{padding:18px}}