/* E01 / E03, adapted to the actual DevPilot tokens and existing artwork. */
[data-dp-effects-root]{--dpe-accent:var(--blue);--dpe-ink:var(--ink);--dpe-border:var(--line)}
.dpe-effect [data-dp-overlay]{pointer-events:none;user-select:none}
.dpe-effect[data-dp-effect=xray] [data-dp-stage]{position:relative}
.dpe-effect[data-dp-effect=xray] [data-dp-surface]{position:relative}
.dpe-xray-layer{display:none;position:absolute;inset:0;overflow:hidden;background:var(--ink);color:var(--surface);clip-path:circle(5rem at var(--dpe-x,50%) var(--dpe-y,50%));border-radius:4px}
.dpe-effect[data-dp-ready=true][data-dp-pointer-active=true] .dpe-xray-layer,.dpe-effect[data-dp-ready=true][data-dp-state=alt] .dpe-xray-layer{display:block}
.dpe-effect[data-dp-state=alt] .dpe-xray-layer{clip-path:none}
.dpe-xray-layer .v130-studio-body{height:100%;outline:1px solid #99ace1;outline-offset:-1px}
.dpe-xray-layer .v130-studio-body>div{outline:1px dashed #99ace1;outline-offset:-1px}
.sales-site .dpe-xray-layer .v130-studio-body :is(p,h2,.v130-preview-caption){color:#eff3ff}
.dpe-xray-layer .v130-studio-body :is(h2,p,.v130-preview-caption){outline:1px dotted #8093c3;outline-offset:1px}
.dpe-xray-layer .v130-room{background:repeating-linear-gradient(0deg,transparent 0 19px,#8ca0d322 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#8ca0d322 19px 20px)}
.dpe-xray-layer .v130-room:after,.dpe-xray-layer .v130-room>div{background:transparent;border:1px solid #a3b5e5;box-shadow:none}
.dpe-xray-tools{display:grid;margin-top:16px;color:var(--text);font-size:14px;line-height:1.6}
.dpe-xray-tools button{justify-self:start;max-width:100%;font:inherit;color:var(--blue-dark);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:44px}
.dpe-xray-tools p{grid-column:1;grid-row:2;margin:8px 0 0}
.dpe-effect [hidden]{display:none!important}
.dpe-xray-tools button[hidden]{display:inline-block!important;visibility:hidden}
.dpe-xray-tools p[hidden]{display:block!important;visibility:hidden}
.dpe-beam-shell{position:relative;display:inline-grid;max-width:100%;padding:2px;border-radius:14px;isolation:isolate}
.dpe-beam-shell:before{content:"";position:absolute;inset:0;background:var(--dpe-border);border-radius:inherit;z-index:-2}
.dpe-beam-track{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:-1}
.dpe-beam-rotor{position:absolute;inset:-160%;background:conic-gradient(from 30deg,transparent 0deg 230deg,var(--dpe-accent) 295deg,#fff 314deg,transparent 316deg 360deg);opacity:0}
.dpe-beam-face{position:relative}
.dpe-beam-face.button{margin:0}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.dpe-beam-rotor{display:none}}
@media print,(forced-colors:active){.dpe-xray-layer,.dpe-xray-tools,.dpe-beam-track{display:none!important}}