/* paper-axiom additions on top of the captured pages. Everything here is either a
   control the capture could not have (the replay transport) or a behaviour hint on
   nodes that are now live (cursor, pulse on a fresh print). */
.pa-click{cursor:pointer}
.pa-tab-on span{color:rgb(252,252,252)!important}
.pa-tab-on{box-shadow:inset 0 -2px 0 rgb(252,252,252)}
@property --f{syntax:"<number>";inherits:true;initial-value:0}
@keyframes patxdecay{from{--f:1}to{--f:0}}
.pa-nu{animation:patxdecay 2.2s linear forwards;
  background-image:linear-gradient(color-mix(in srgb,var(--sc) calc(var(--f)*16%),transparent),
                                   color-mix(in srgb,var(--sc) calc(var(--f)*16%),transparent))}
.pa-me{background:rgba(82,111,255,.10)}
.pa-dev b{color:rgb(226,192,75)!important}
.pa-mine b{color:rgb(82,111,255)!important}
/* ── replay transport ── */
#pa-rmt{position:fixed;right:334px;bottom:46px;z-index:80;display:flex;flex-direction:column;gap:6px;width:372px;
  padding:8px 10px;border-radius:10px;border:1px solid rgb(34,36,45);background:rgba(16,17,20,.96);
  box-shadow:0 12px 34px rgba(0,0,0,.7);font:12px "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:rgb(200,201,209);backdrop-filter:blur(6px)}
#pa-rmt.min{width:auto}
#pa-rmt.min .b{display:none}
#pa-rmt .h{display:flex;align-items:center;gap:8px;cursor:move;user-select:none}
#pa-rmt .h b{font-weight:600;color:rgb(252,252,252);letter-spacing:.02em}
#pa-rmt .h .dot{width:8px;height:8px;border-radius:50%;background:rgb(119,122,140)}
#pa-rmt .h .dot.play{background:rgb(47,227,172);box-shadow:0 0 6px rgb(47,227,172)}
#pa-rmt .h .dot.pause{background:rgb(220,193,60)}
#pa-rmt .h .sym{color:rgb(119,122,140);font-family:"Geist Mono",monospace;font-size:11px}
#pa-rmt .h .x{margin-left:auto;display:flex;gap:4px}
#pa-rmt .r{display:flex;align-items:center;gap:5px}
#pa-rmt .rb{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:24px;min-width:26px;padding:0 8px;
  border-radius:6px;border:1px solid rgb(34,36,45);background:rgb(24,24,26);color:rgb(200,201,209);
  font:500 11px "Geist Mono",monospace;cursor:pointer;white-space:nowrap}
#pa-rmt .rb:hover{border-color:rgb(50,53,66);color:rgb(252,252,252)}
#pa-rmt .rb.go{color:rgb(47,227,172);border-color:rgba(47,227,172,.4)}
#pa-rmt .rb.on{color:rgb(82,111,255);border-color:rgba(82,111,255,.6);background:rgba(82,111,255,.12)}
#pa-rmt .rb.warn{color:rgb(236,57,122)}
#pa-rmt .rb i{font-size:13px}
#pa-rmt .clk{margin-left:auto;font:11px "Geist Mono",monospace;color:rgb(200,201,209);white-space:nowrap}
#pa-rmt input[type=range]{width:100%;accent-color:rgb(82,111,255);cursor:pointer;height:14px;margin:0}
#pa-rmt .st{font:10px "Geist Mono",monospace;color:rgb(119,122,140);min-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pa-rmt .st b{font-weight:500}
#pa-rmt .bank{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding-top:6px;border-top:1px solid rgb(34,36,45)}
#pa-rmt .bank div{display:flex;flex-direction:column;gap:1px}
#pa-rmt .bank .k{font-size:9px;letter-spacing:.06em;color:rgb(119,122,140);text-transform:uppercase}
#pa-rmt .bank .v{font:12px "Geist Mono",monospace;color:rgb(252,252,252)}
#pa-rmt .bank .v.up{color:rgb(47,227,172)}#pa-rmt .bank .v.dn{color:rgb(236,57,122)}
#pa-rmt input.mint{flex:1;height:24px;padding:0 8px;border-radius:6px;border:1px solid rgb(34,36,45);background:rgb(24,24,26);
  color:rgb(252,252,252);font:11px "Geist Mono",monospace;outline:none;min-width:0}
#pa-rmt input.mint:focus{border-color:rgb(82,111,255)}
/* ── toast ── */
#pa-toast{position:fixed;right:14px;bottom:46px;z-index:90;display:flex;flex-direction:column;gap:6px;pointer-events:none}
#pa-toast div{background:rgb(24,24,26);border:1px solid rgb(50,53,66);border-left:3px solid rgb(82,111,255);
  padding:8px 12px;border-radius:6px;font:12px "Geist",sans-serif;color:rgb(252,252,252);max-width:360px;
  box-shadow:0 10px 28px rgba(0,0,0,.6);animation:patin .18s ease-out}
@keyframes patin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* ── search dropdown ── */
#pa-srch{position:fixed;z-index:9000;width:520px;background:rgb(16,17,20);border:1px solid rgb(50,53,66);border-radius:10px;
  box-shadow:0 18px 60px rgba(0,0,0,.75);display:none;font:12px "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:4px}
#pa-srch .in{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgb(34,36,45)}
#pa-srch .in i{font-size:16px;color:rgb(119,122,140)}
#pa-srch .in input{flex:1;background:none;border:none;outline:none;color:rgb(252,252,252);font:14px "Geist",sans-serif}
#pa-srch .in input::placeholder{color:rgb(119,122,140)}
#pa-srch .in kbd{font:10px "Geist Mono",monospace;color:rgb(119,122,140);border:1px solid rgb(50,53,66);border-radius:4px;padding:1px 5px}
#pa-srch .ls{max-height:min(480px,calc(100vh - 140px));overflow:auto}
#pa-srch .h{padding:6px 10px 4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgb(119,122,140)}
#pa-srch .e{padding:12px;color:rgb(119,122,140)}
#pa-srch .e b{color:rgb(200,201,209);font-weight:500}
#pa-srch .r{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;color:rgb(200,201,209)}
#pa-srch .r:hover,#pa-srch .r.on{background:rgb(34,36,45)}
#pa-srch .r img{width:30px;height:30px;border-radius:6px;object-fit:cover;background:rgb(24,24,26);flex:none}
#pa-srch .r .t{min-width:0;flex:1}
#pa-srch .r .n{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pa-srch .r .n b{color:rgb(252,252,252);font-weight:600}
#pa-srch .r .n .nm{color:rgb(119,122,140);overflow:hidden;text-overflow:ellipsis}
#pa-srch .r .m{font-family:"Geist Mono",ui-monospace,monospace;font-size:10px;color:rgb(119,122,140);margin-top:2px}
#pa-srch .r .v{text-align:right;flex:none}
#pa-srch .r .mc{color:rgb(82,197,255);font-weight:500}
#pa-srch .r .ag{font-size:10px;color:rgb(119,122,140);margin-top:2px}
#pa-srch .tag{font-style:normal;font-size:9px;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border-radius:999px;border:1px solid rgb(50,53,66);color:rgb(119,122,140)}
#pa-srch .tag.mig{color:rgb(47,227,172);border-color:rgba(47,227,172,.4)}

/* ── header: everything but Pulse is not here yet ── */
.pa-soon{pointer-events:none;cursor:default}
.pa-soon button{color:rgb(119,122,140)!important}
.pa-soon button>span.relative{opacity:.55}
.pa-soon-badge{position:relative;z-index:1;margin-left:6px;padding:2px 5px;border-radius:999px;border:1px solid rgb(50,53,66);
  font:600 9px/1 "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.06em;text-transform:uppercase;
  color:rgb(119,122,140);white-space:nowrap;background:rgba(255,255,255,.03)}

/* ── brand ── */
.pa-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;margin-right:10px}
.pa-brand-img{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:none}
.pa-brand-name{font:600 15px/1 "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:rgb(252,252,252);letter-spacing:-.01em}
@media (max-width:1100px){.pa-brand-name{display:none}}

/* ── header: X ── */
.pa-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:rgb(200,201,209);flex:none;margin-right:2px}
.pa-x:hover{color:rgb(252,252,252);background:rgba(255,255,255,.06)}
.pa-x svg{width:16px;height:16px}