.hd[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);text-align:left;background:#f6f6f6;border-radius:24px;max-width:1080px;margin:4rem auto 0;overflow:hidden;box-shadow:0 24px 60px -30px #14141440}.hd-panel[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);background:#fff;border-radius:20px;margin:10px 10px 0;box-shadow:0 1px 3px #1414140d}.hd-tabs-wrap[data-astro-cid-rk2pmsne]{border-bottom:1px solid var(--color-cw-border);padding:10px}.hd-tabs[data-astro-cid-rk2pmsne]{scrollbar-width:none;background:#f4f4f4;border-radius:14px;gap:2px;padding:4px;display:flex;overflow-x:auto}.hd-tabs[data-astro-cid-rk2pmsne]::-webkit-scrollbar{display:none}.hd-tab[data-astro-cid-rk2pmsne]{color:#6b6b6b;white-space:nowrap;border-radius:11px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:14px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.hd-tab-icon[data-astro-cid-rk2pmsne]{border-radius:7px;place-items:center;width:26px;height:26px;transition:background .25s,color .25s;display:grid}.hd-tab-icon[data-astro-cid-rk2pmsne] svg{width:16px;height:16px}.hd-tab[data-astro-cid-rk2pmsne].is-active{color:var(--color-cw-black);background:#fff;box-shadow:0 1px 3px #1414141a}.hd-tab[data-astro-cid-rk2pmsne].is-active .hd-tab-icon[data-astro-cid-rk2pmsne]{background:var(--color-cw-black);color:#fff}.hd-input-row[data-astro-cid-rk2pmsne]{gap:10px;padding:12px 10px;display:flex}.hd-input[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);color:#8a8a8a;background:#fafafa;border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;height:46px;padding:0 16px;font-size:15px;display:flex}.hd-url[data-astro-cid-rk2pmsne]{color:var(--color-cw-black);white-space:nowrap;overflow:hidden}.hd-caret[data-astro-cid-rk2pmsne]{background:var(--color-cw-black);width:1.5px;height:18px;margin-left:-8px;animation:1s step-end infinite hd-blink}.hd-go[data-astro-cid-rk2pmsne]{background:var(--color-cw-black);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;transition:transform .15s;display:grid}.hd-go[data-astro-cid-rk2pmsne].is-pressed{transform:scale(.9)}.hd-toolbar[data-astro-cid-rk2pmsne]{color:#6b6b6b;white-space:nowrap;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;display:flex}.hd-seg[data-astro-cid-rk2pmsne]{background:#ececec;border-radius:11px;padding:3px;display:inline-flex}.hd-seg-item[data-astro-cid-rk2pmsne]{border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-weight:500;display:inline-flex}.hd-seg-item[data-astro-cid-rk2pmsne].is-active{color:var(--color-cw-black);background:#fff;box-shadow:0 1px 2px #14141414}.hd-sep[data-astro-cid-rk2pmsne]{background:var(--color-cw-border);width:1px;height:20px}.hd-open[data-astro-cid-rk2pmsne]{align-items:center;gap:8px;display:inline-flex}.hd-open[data-astro-cid-rk2pmsne] img[data-astro-cid-rk2pmsne]{border-radius:5px}.hd-devices[data-astro-cid-rk2pmsne]{gap:2px;display:inline-flex}.hd-device[data-astro-cid-rk2pmsne]{border-radius:8px;place-items:center;width:32px;height:30px;transition:background .25s,color .25s;display:grid}.hd-device[data-astro-cid-rk2pmsne].is-active{color:var(--color-cw-black);background:#e6e6e6}.hd-dims[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);font-family:var(--font-mono);color:var(--color-cw-black);background:#fff;border-radius:10px;margin-left:auto;padding:5px 12px;font-size:13px}.hd-dims[data-astro-cid-rk2pmsne] span[data-astro-cid-rk2pmsne]{padding:0 4px}.hd-preview[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);background:#fff;border-radius:18px;height:470px;margin:0 10px 10px;position:relative;overflow:hidden}.hd-meta[data-astro-cid-rk2pmsne]{z-index:3;font-family:var(--font-mono);color:#fff;opacity:0;background:#141414d1;border-radius:999px;padding:4px 10px;font-size:12px;transition:opacity .3s;position:absolute;top:12px;right:12px}.hd-meta[data-astro-cid-rk2pmsne].is-in{opacity:1}.hd-loading[data-astro-cid-rk2pmsne]{opacity:0;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.hd-loading[data-astro-cid-rk2pmsne] span[data-astro-cid-rk2pmsne]{border:2px solid #e4e4e4;border-top-color:var(--color-cw-black);border-radius:999px;width:22px;height:22px;animation:.7s linear infinite hd-spin}.hd-preview[data-astro-cid-rk2pmsne].is-loading .hd-loading[data-astro-cid-rk2pmsne]{opacity:1}.hd-out[data-astro-cid-rk2pmsne]{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;position:absolute;inset:0;transform:translateY(8px)}.hd-out[data-astro-cid-rk2pmsne].is-in{opacity:1;transform:none}.hd-browser[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);border-bottom:0;border-radius:12px 12px 0 0;position:absolute;inset:24px 28px 0;overflow:hidden;box-shadow:0 10px 40px -16px #1414144d}.hd-browser-bar[data-astro-cid-rk2pmsne]{border-bottom:1px solid var(--color-cw-border);height:30px;font-family:var(--font-mono);color:#888;background:#f5f5f5;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;display:flex}.hd-browser-bar[data-astro-cid-rk2pmsne] i[data-astro-cid-rk2pmsne]{background:#e0605a;border-radius:999px;width:9px;height:9px}.hd-browser-bar[data-astro-cid-rk2pmsne] i[data-astro-cid-rk2pmsne]:nth-child(2){background:#dcac52}.hd-browser-bar[data-astro-cid-rk2pmsne] i[data-astro-cid-rk2pmsne]:nth-child(3){background:#66a865;margin-right:auto}.hd-browser-bar[data-astro-cid-rk2pmsne] span[data-astro-cid-rk2pmsne]{margin-right:auto}.hd-browser[data-astro-cid-rk2pmsne] img[data-astro-cid-rk2pmsne]{width:100%;height:auto;display:block}.hd-phone[data-astro-cid-rk2pmsne]{border:7px solid #141414;border-bottom:0;border-radius:34px 34px 0 0;width:250px;position:absolute;top:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px -16px #14141466}.hd-phone[data-astro-cid-rk2pmsne] img[data-astro-cid-rk2pmsne]{width:100%;height:auto;display:block}.hd-code[data-astro-cid-rk2pmsne]{height:100%;font-family:var(--font-mono);color:#444;white-space:pre-wrap;background:#fbfbfb;margin:0;padding:24px 28px;font-size:13px;line-height:1.6;overflow:hidden}.t-h[data-astro-cid-rk2pmsne]{color:var(--color-cw-black);font-weight:600}.t-k[data-astro-cid-rk2pmsne]{color:#2b59ff}.t-s[data-astro-cid-rk2pmsne]{color:#b4541f}.t-n[data-astro-cid-rk2pmsne]{color:#217a42}.hd-brand[data-astro-cid-rk2pmsne]{align-items:center;gap:28px;height:100%;padding:0 48px;display:flex}.hd-brand-logo[data-astro-cid-rk2pmsne]{color:#fff;letter-spacing:-.04em;background:#635bff;border-radius:28px;flex-shrink:0;place-items:center;width:140px;height:140px;font-size:38px;font-weight:700;display:grid}.hd-brand-name[data-astro-cid-rk2pmsne]{color:var(--color-cw-black);font-size:22px;font-weight:600}.hd-brand-desc[data-astro-cid-rk2pmsne]{color:var(--color-cw-gray);margin-top:4px;font-size:15px}.hd-swatches[data-astro-cid-rk2pmsne]{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hd-swatch[data-astro-cid-rk2pmsne]{border:1px solid var(--color-cw-border);font-family:var(--font-mono);color:#444;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:12.5px;display:inline-flex}.hd-swatch[data-astro-cid-rk2pmsne] i[data-astro-cid-rk2pmsne]{border:1px solid #0000001a;border-radius:999px;width:16px;height:16px}.hd-fonts[data-astro-cid-rk2pmsne]{color:var(--color-cw-gray);margin-top:12px;font-size:14px}@keyframes hd-blink{50%{opacity:0}}@keyframes hd-spin{to{transform:rotate(360deg)}}@media (width<=1023px){.max-lg[data-astro-cid-rk2pmsne]{display:none}}@media (width<=767px){.hd[data-astro-cid-rk2pmsne]{border-radius:20px;margin-top:3rem}.max-md[data-astro-cid-rk2pmsne]{display:none}.hd-preview[data-astro-cid-rk2pmsne]{height:380px}.hd-browser[data-astro-cid-rk2pmsne]{inset:16px 14px 0}.hd-phone[data-astro-cid-rk2pmsne]{width:210px;top:16px}.hd-code[data-astro-cid-rk2pmsne]{padding:16px;font-size:11.5px}.hd-brand[data-astro-cid-rk2pmsne]{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:0 20px}.hd-brand-logo[data-astro-cid-rk2pmsne]{border-radius:20px;width:88px;height:88px;font-size:24px}}