.preview-coordinate{font-family:var(--font-geist-mono), monospace;color:var(--color-text-muted);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;left:18px;right:10px}.preview-coordinate-top{top:0}.preview-coordinate-bottom{bottom:0}.preview-orbit{border:1px solid color-mix(in srgb, var(--color-text-muted) 8.63%, transparent);pointer-events:none;border-radius:50%;position:absolute}.preview-stack{width:91%;height:350px;transform-style:preserve-3d;will-change:transform;position:absolute;top:91px;left:0}.preview-ghost{border:1px solid var(--color-surface);background:linear-gradient(155deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 40%, transparent));border-radius:12px;position:absolute;inset:0;box-shadow:0 12px 50px #14101e0a}.preview-ghost span{font:8px var(--font-geist-mono), monospace;letter-spacing:.12em;color:var(--color-text-muted);position:absolute;top:15px;right:16px}.preview-browser{border:1px solid var(--color-surface);background:var(--color-surface);border-radius:12px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 80px #14101e0d,0 0 40px #14101e0a}.preview-browserbar{height:32px;font:8px var(--font-geist-mono), monospace;color:var(--color-text-muted);border-bottom:1px solid var(--color-surface);justify-content:space-between;align-items:center;padding-inline:13px;display:flex}.preview-page{height:calc(100% - 32px);position:relative}.preview-globe{width:100%;height:100%;stroke:var(--color-danger);stroke-width:.6px}.preview-scanline{left:calc(100% - var(--reveal));background:var(--color-danger);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px 1px #14101e29,0 0 35px 5px #14101e17}.preview-scanline>span{width:35px;height:35px;color:var(--color-surface);background:var(--color-danger);border:4px solid var(--color-surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:44%;left:-17px;box-shadow:0 0 25px #14101e29}.preview-finding{border:1px solid var(--color-surface);background:color-mix(in srgb, var(--color-surface) 96.86%, transparent);border-radius:8px;align-items:center;gap:11px;padding:14px 16px;display:flex;position:absolute;bottom:-24px;right:-30px;transform:translateZ(65px);box-shadow:0 15px 40px #14101e0d}.finding-cross{border:1px solid color-mix(in srgb, var(--color-danger) 16.86%, transparent);width:28px;height:28px;color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 3.53%, transparent);font:13px var(--font-geist-mono), monospace;border-radius:50%;place-items:center;display:grid}.preview-finding small{font:6px var(--font-geist-mono), monospace;letter-spacing:.11em;color:var(--color-text-muted);margin-bottom:5px;display:block}.preview-finding strong{color:var(--color-ink);font-size:11px;font-weight:500;display:block}.preview-finding-index{color:var(--color-border);font:20px var(--font-geist-mono), monospace;letter-spacing:-.08em;margin-left:12px}.preview-interaction{width:58%;position:absolute;bottom:24px;left:24%}.preview-range-labels{font:6px var(--font-geist-mono), monospace;letter-spacing:.09em;color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.preview-range-labels>svg{color:var(--accent-text)}.preview-interaction input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:30px;display:block}.preview-interaction input::-webkit-slider-runnable-track{background:var(--color-surface);height:2px}.preview-interaction input::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface);outline:1px solid color-mix(in srgb, var(--color-danger) 40%, transparent);background:var(--color-danger);border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 0 15px #14101e21}.preview-interaction input::-moz-range-track{background:var(--color-surface);height:2px}.preview-interaction input::-moz-range-thumb{border:3px solid var(--color-surface);background:var(--color-danger);border-radius:50%;width:10px;height:10px}.preview-interaction>p{color:var(--color-text-muted);text-align:center;font-size:9px}@media (max-width:1150px){.preview-stack{height:325px}.preview-finding{gap:8px;padding:11px;right:-10px}.preview-finding strong{font-size:9px}.preview-finding-index{margin-left:3px;font-size:16px}}@media (max-width:850px){.preview-stack{width:89%;height:350px;top:85px;left:1%}}@media (max-width:560px){.preview-coordinate{font-size:6px;left:0}.preview-coordinate-top{top:16px}.preview-stack{width:87%;height:255px;top:93px;left:1%}.preview-ghost span{font-size:5px}.preview-browserbar{height:26px;font-size:6px}.preview-page{height:calc(100% - 26px)}.preview-finding{padding:10px;bottom:-20px;right:-13px}.preview-finding strong{font-size:8px}.preview-finding small{font-size:5px}.finding-cross{width:22px;height:22px;font-size:10px}.preview-finding-index{font-size:14px}.preview-interaction{width:66%;bottom:27px;left:18%}.preview-interaction>p{font-size:8px}}