.wdx-app-preview:where(.astro-jfe34jx5){--preview-panel:#121823f0;--preview-panel-strong:#0d121cfa;--preview-soft:#ffffff0e;--preview-soft-hover:#ffffff16;--preview-line:#ffffff1a;--preview-text:#f1f3f9;--preview-muted:#aeb7c9;--preview-subtle:#768197;--preview-accent:#409eff;--preview-blue:#409eff;--preview-blue-soft:#409eff29;border:1px solid var(--preview-line);width:100%;max-width:100%;color:var(--preview-text);text-align:left;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:22px;overflow:hidden}.wdx-app-chrome:where(.astro-jfe34jx5),.wdx-list-head:where(.astro-jfe34jx5),.wdx-live-head:where(.astro-jfe34jx5){border-bottom:1px solid var(--preview-line);align-items:center;gap:.75rem;display:flex}.wdx-app-chrome:where(.astro-jfe34jx5){background:var(--preview-panel);min-height:3rem;padding:.75rem 1rem}.wdx-window-dots:where(.astro-jfe34jx5){gap:.48rem;display:inline-flex}.wdx-window-dots:where(.astro-jfe34jx5) i:where(.astro-jfe34jx5){border-radius:999px;width:.68rem;height:.68rem}.wdx-window-dots:where(.astro-jfe34jx5) i:where(.astro-jfe34jx5):first-child{background:#ff5f57}.wdx-window-dots:where(.astro-jfe34jx5) i:where(.astro-jfe34jx5):nth-child(2){background:#febc2e}.wdx-window-dots:where(.astro-jfe34jx5) i:where(.astro-jfe34jx5):nth-child(3){background:#28c840}.wdx-preview-brand:where(.astro-jfe34jx5){align-items:center;font-size:.8rem;font-weight:720;display:inline-flex}.wdx-preview-body:where(.astro-jfe34jx5){gap:.86rem;min-width:0;padding:1rem;display:grid}.wdx-control-panel:where(.astro-jfe34jx5),.wdx-page-list:where(.astro-jfe34jx5),.wdx-live-panel:where(.astro-jfe34jx5){border:1px solid var(--preview-line);background:var(--preview-panel-strong);border-radius:16px;min-width:0}.wdx-control-panel:where(.astro-jfe34jx5){padding:.9rem 1rem .85rem;position:relative}.wdx-mode-row:where(.astro-jfe34jx5),.wdx-device-row:where(.astro-jfe34jx5),.wdx-page-row:where(.astro-jfe34jx5){grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.wdx-mode-row:where(.astro-jfe34jx5){grid-template-columns:3.2rem minmax(0,1fr)}.wdx-device-row:where(.astro-jfe34jx5){margin-top:.72rem}.wdx-device-row:where(.astro-jfe34jx5) small:where(.astro-jfe34jx5){color:var(--preview-subtle);grid-column:2/4;margin-top:-.34rem;font-size:.72rem;line-height:1.35}.wdx-form-label:where(.astro-jfe34jx5){color:var(--preview-subtle);font-size:.78rem;font-weight:680}.wdx-mode-title:where(.astro-jfe34jx5){border:1px solid var(--preview-line);background:var(--preview-soft);min-width:0;min-height:1.86rem;color:var(--preview-muted);border-radius:10px;justify-content:flex-start;align-items:center;padding:.34rem .78rem;font-size:.78rem;font-weight:760;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.wdx-soft-button:where(.astro-jfe34jx5),.wdx-debug-button:where(.astro-jfe34jx5),.wdx-list-head:where(.astro-jfe34jx5) button:where(.astro-jfe34jx5),.wdx-page-item:where(.astro-jfe34jx5){color:inherit;font:inherit;cursor:pointer;border:0;transition:background-color .18s,box-shadow .18s,color .18s,transform .13s cubic-bezier(.2,.8,.2,1);transform:translateZ(0)}.wdx-soft-button:where(.astro-jfe34jx5):hover,.wdx-list-head:where(.astro-jfe34jx5) button:where(.astro-jfe34jx5):hover{background:var(--preview-soft-hover);box-shadow:0 10px 24px -22px #409eff47}.wdx-check-row:where(.astro-jfe34jx5){color:var(--preview-muted);align-items:flex-start;gap:.72rem;margin:.78rem 0 .72rem 3.85rem;font-size:.8rem;display:flex}.wdx-check-row:where(.astro-jfe34jx5) b:where(.astro-jfe34jx5),.wdx-check-row:where(.astro-jfe34jx5) small:where(.astro-jfe34jx5){display:block}.wdx-check-row:where(.astro-jfe34jx5) b:where(.astro-jfe34jx5){color:var(--preview-text);font-weight:650}.wdx-check-row:where(.astro-jfe34jx5) small:where(.astro-jfe34jx5){color:var(--preview-subtle);margin-top:.22rem}.wdx-check-box:where(.astro-jfe34jx5){border:1px solid var(--preview-line);background:var(--preview-soft);border-radius:4px;width:.86rem;height:.86rem;margin-top:.12rem}.wdx-preview-select:where(.astro-jfe34jx5){background:var(--preview-panel);min-width:0;max-width:100%;min-height:1.94rem;color:var(--preview-text);border:1px solid #409effb3;border-radius:8px;justify-content:space-between;align-items:center;gap:.8rem;padding:.36rem .66rem;font-weight:560;display:flex;box-shadow:0 0 0 3px #409eff1f,inset 0 1px #ffffff0f}.wdx-preview-select:where(.astro-jfe34jx5)>span:where(.astro-jfe34jx5){text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.48rem;min-width:0;display:inline-flex;overflow:hidden}.wdx-preview-select:where(.astro-jfe34jx5) svg:where(.astro-jfe34jx5){width:.86rem;height:.86rem;color:var(--preview-subtle);flex:none}.wdx-preview-select:where(.astro-jfe34jx5) i:where(.astro-jfe34jx5){opacity:.72;border-bottom:1.7px solid;border-right:1.7px solid;width:.46rem;height:.46rem;transform:translateY(.12rem)rotate(225deg)}.wdx-soft-button:where(.astro-jfe34jx5),.wdx-list-head:where(.astro-jfe34jx5) button:where(.astro-jfe34jx5){border:1px solid var(--preview-line);background:var(--preview-soft);min-width:3.62rem;min-height:1.94rem;color:var(--preview-muted);border-radius:8px;padding:.34rem .72rem;font-size:.78rem;font-weight:650}.wdx-select-popover:where(.astro-jfe34jx5){border:1px solid var(--preview-line);background:var(--preview-panel);border-radius:10px;gap:.18rem;min-width:0;margin:.34rem 4.27rem 0 3.85rem;display:grid;overflow:hidden;box-shadow:0 18px 34px -28px #0000007a}.wdx-select-popover:where(.astro-jfe34jx5)>span:where(.astro-jfe34jx5),.wdx-select-popover:where(.astro-jfe34jx5)>button:where(.astro-jfe34jx5){width:100%;min-height:1.72rem;color:var(--preview-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:.75rem;padding:.32rem .66rem;font-size:.78rem;font-weight:620;transition:background-color .18s,color .18s,box-shadow .18s;display:grid}.wdx-select-popover:where(.astro-jfe34jx5)>.wdx-select-group-label:where(.astro-jfe34jx5){min-height:1.52rem;color:var(--preview-muted);grid-template-columns:minmax(0,1fr);padding-top:.26rem;padding-bottom:.18rem;font-size:.72rem;font-weight:720}.wdx-select-popover:where(.astro-jfe34jx5) .is-current:where(.astro-jfe34jx5){background:var(--preview-blue-soft);color:var(--preview-blue)}.wdx-select-popover:where(.astro-jfe34jx5)>button:where(.astro-jfe34jx5):hover{background:var(--preview-soft-hover);color:var(--preview-text)}.wdx-select-popover:where(.astro-jfe34jx5)>span:where(.astro-jfe34jx5)>span:where(.astro-jfe34jx5),.wdx-select-popover:where(.astro-jfe34jx5)>button:where(.astro-jfe34jx5)>span:where(.astro-jfe34jx5){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wdx-select-popover:where(.astro-jfe34jx5)>span:where(.astro-jfe34jx5)>svg:where(.astro-jfe34jx5),.wdx-select-popover:where(.astro-jfe34jx5)>button:where(.astro-jfe34jx5)>svg:where(.astro-jfe34jx5){opacity:0;justify-self:end;width:.78rem;height:.78rem}.wdx-select-popover:where(.astro-jfe34jx5)>.is-current:where(.astro-jfe34jx5)>svg:where(.astro-jfe34jx5){opacity:1}.wdx-helper-row:where(.astro-jfe34jx5){color:var(--preview-subtle);align-items:center;gap:.5rem;margin:.58rem 0 0 3.85rem;font-size:.76rem;line-height:1.45;display:flex}.wdx-helper-row:where(.astro-jfe34jx5) svg:where(.astro-jfe34jx5){width:.9rem;height:.9rem;color:var(--preview-accent)}.wdx-debug-row:where(.astro-jfe34jx5){justify-content:flex-end;margin-top:.78rem;display:flex}.wdx-debug-button:where(.astro-jfe34jx5){background:var(--preview-blue);color:#fff;border-radius:8px;min-width:4.4rem;min-height:2.04rem;padding:.4rem .92rem;font-size:.82rem;font-weight:760;box-shadow:0 16px 30px -20px #409effb8}.wdx-debug-button:where(.astro-jfe34jx5):hover{background:#70a2ff;box-shadow:0 18px 34px -20px #409effc7}.wdx-soft-button:where(.astro-jfe34jx5):active,.wdx-debug-button:where(.astro-jfe34jx5):active,.wdx-list-head:where(.astro-jfe34jx5) button:where(.astro-jfe34jx5):active,.wdx-page-item:where(.astro-jfe34jx5):active{transform:none}.wdx-preview-grid:where(.astro-jfe34jx5){grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);gap:.86rem;min-width:0;display:grid}.wdx-page-list:where(.astro-jfe34jx5),.wdx-live-panel:where(.astro-jfe34jx5){overflow:hidden}.wdx-list-head:where(.astro-jfe34jx5),.wdx-live-head:where(.astro-jfe34jx5){min-height:2.54rem;color:var(--preview-text);padding:.58rem .78rem;font-size:.78rem;font-weight:740}.wdx-list-head:where(.astro-jfe34jx5) button:where(.astro-jfe34jx5){min-height:1.8rem;margin-left:auto;padding:.35rem .65rem}.wdx-page-item:where(.astro-jfe34jx5){text-align:left;background:0 0;border-bottom:1px solid #ffffff0e;grid-template-columns:1.35rem minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;padding:.55rem .78rem;display:grid}.wdx-page-item:where(.astro-jfe34jx5):last-child{border-bottom:0}.wdx-page-item:where(.astro-jfe34jx5):hover{background:var(--preview-soft-hover);box-shadow:inset 2px 0 #409eff73}.wdx-page-item:where(.astro-jfe34jx5)[data-active=true]{background:var(--preview-blue-soft);box-shadow:inset 2px 0 0 var(--preview-blue)}.wdx-page-index:where(.astro-jfe34jx5){color:var(--preview-subtle);font:.74rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.wdx-page-copy:where(.astro-jfe34jx5){gap:.16rem;min-width:0;display:grid}.wdx-page-copy:where(.astro-jfe34jx5) b:where(.astro-jfe34jx5),.wdx-page-copy:where(.astro-jfe34jx5) small:where(.astro-jfe34jx5){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wdx-page-copy:where(.astro-jfe34jx5) b:where(.astro-jfe34jx5){color:var(--preview-text);font-size:.78rem;font-weight:760}.wdx-page-copy:where(.astro-jfe34jx5) small:where(.astro-jfe34jx5){color:var(--preview-subtle);font-size:.72rem}.wdx-engine-pill:where(.astro-jfe34jx5){color:var(--preview-accent);background:#409eff24;border-radius:7px;padding:.3rem .48rem;font-size:.68rem;font-weight:760}.wdx-live-head:where(.astro-jfe34jx5){align-items:start;gap:.22rem;display:grid}.wdx-live-head:where(.astro-jfe34jx5) b:where(.astro-jfe34jx5){color:var(--preview-muted);text-overflow:ellipsis;white-space:nowrap;font:.75rem/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.wdx-live-panel:where(.astro-jfe34jx5) dl:where(.astro-jfe34jx5){gap:.44rem;margin:0;padding:.72rem .78rem;display:grid}.wdx-live-panel:where(.astro-jfe34jx5) dl:where(.astro-jfe34jx5) div:where(.astro-jfe34jx5){border:1px solid var(--preview-line);border-radius:9px;grid-template-columns:5rem minmax(0,1fr);display:grid;overflow:hidden}.wdx-live-panel:where(.astro-jfe34jx5) dt:where(.astro-jfe34jx5),.wdx-live-panel:where(.astro-jfe34jx5) dd:where(.astro-jfe34jx5){min-width:0;margin:0;padding:.44rem .58rem;font-size:.73rem;line-height:1.35}.wdx-live-panel:where(.astro-jfe34jx5) dt:where(.astro-jfe34jx5){border-right:1px solid var(--preview-line);background:var(--preview-soft);color:var(--preview-subtle)}.wdx-live-panel:where(.astro-jfe34jx5) dd:where(.astro-jfe34jx5){color:var(--preview-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}html[data-theme=light] .wdx-app-preview:where(.astro-jfe34jx5){--preview-bg:#fff;--preview-panel:#fffffff5;--preview-panel-strong:#ffffffe6;--preview-soft:#0f172a0b;--preview-soft-hover:#0f172a12;--preview-line:#0f172a1f;--preview-text:#111827;--preview-muted:#405064;--preview-subtle:#6b778a;--preview-accent:#409eff;--preview-blue:#409eff;--preview-blue-soft:#409eff24;--preview-shadow:0 22px 58px -42px #0f172a47;border:1px solid var(--preview-line);background:linear-gradient(180deg, #fffffffa, #f7fafedb), var(--preview-bg);box-shadow:var(--preview-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%)}html[data-theme=light] .wdx-debug-button:where(.astro-jfe34jx5){color:#fff}html[data-theme=light] .wdx-preview-select:where(.astro-jfe34jx5){background:#fff;box-shadow:0 0 0 3px #409eff21,0 10px 24px -22px #0f172a3d}html[data-theme=light] .wdx-select-popover:where(.astro-jfe34jx5){background:#fffffffa;box-shadow:0 18px 34px -28px #0f172a47}@media (width<=760px){.wdx-mode-row:where(.astro-jfe34jx5),.wdx-device-row:where(.astro-jfe34jx5),.wdx-page-row:where(.astro-jfe34jx5){grid-template-columns:1fr}.wdx-check-row:where(.astro-jfe34jx5),.wdx-helper-row:where(.astro-jfe34jx5),.wdx-select-popover:where(.astro-jfe34jx5){margin-left:0;margin-right:0}.wdx-device-row:where(.astro-jfe34jx5) small:where(.astro-jfe34jx5){grid-column:auto;margin-top:-.25rem}.wdx-preview-grid:where(.astro-jfe34jx5){grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.wdx-soft-button:where(.astro-jfe34jx5),.wdx-debug-button:where(.astro-jfe34jx5),.wdx-list-head:where(.astro-jfe34jx5) button:where(.astro-jfe34jx5),.wdx-page-item:where(.astro-jfe34jx5){transition:none}}