.dp{color:#f2f2f0;height:100svh;font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif;background:radial-gradient(120% 80% at 50% -20%,#17171b,#0000 60%),#0a0a0b;flex-direction:column;display:flex;overflow:hidden}.dp *{box-sizing:border-box}.dp a{text-decoration:none}.dp-bar{border-bottom:1px solid #f2f2f01a;flex:none;align-items:center;gap:16px;padding:12px clamp(12px,3vw,24px);display:flex}.dp-back,.dp-open{color:#9a9aa0;white-space:nowrap;font-size:13px}.dp-back:hover,.dp-open:hover{color:#e8b13a}.dp-open{margin-left:auto}.dp-toggle{background:#161619;border:1px solid #f2f2f01f;border-radius:11px;gap:2px;margin:0 auto;padding:3px;display:flex}.dp-tab{color:#9a9aa0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.dp-tab:hover{color:#f2f2f0}.dp-tab.is-on{color:#fff;background:#2c2c33;box-shadow:0 1px 2px #0006}.dp-ico{font-size:15px;line-height:1}.dp-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(16px,3vw,44px);display:flex;position:relative;overflow:hidden}.dp-fit{transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1);position:relative}.dp-device{transform-origin:0 0;background:#000;position:absolute;top:0;left:0}.dp-device iframe{background:#000;border:0;width:100%;height:100%;display:block}.dp-desktop{border:1px solid #f2f2f029;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px #0009}.dp-phone{border-radius:46px;overflow:hidden;box-shadow:0 0 0 12px #111318,0 0 0 14px #34343c,0 40px 80px #0009}.dp-phone iframe{border-radius:34px}.dp-notch{z-index:3;background:#111318;border-radius:0 0 18px 18px;width:150px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dp-dims{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:#6a6a70;pointer-events:none;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (max-width:600px){.dp-back,.dp-open{display:none}}