.pe-lab-root{--pe-chassis:#101013;--pe-chassis-hi:#1b1b21;--pe-chassis-lo:#08080a;--pe-bone:#f4f1ea;--pe-ink:#16130e;--pe-concrete:#86868f;--pe-orange:#ff6a13;--pe-green:#2ae88a;--pe-violet:#8b5cf6;--pe-brass:#e8c87a;--font-display:var(--font-instrument-display),Inter,system-ui,sans-serif;--font-mono:var(--font-instrument-mono,var(--font-plex-mono)),ui-monospace,"SF Mono",monospace;width:100vw;height:100dvh;font-family:var(--font-display);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;z-index:50;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pe-lab-root *{box-sizing:border-box}.pe-lab-root button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.pe-lab-root{height:100%}.pe-instrument{background:var(--pe-chassis);flex-direction:column;width:100%;max-width:430px;height:100%;max-height:900px;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.pe-lab-in-shell .pe-instrument{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}}@media (min-width:431px){.pe-instrument{border-radius:20px;box-shadow:0 40px 100px #0009,0 0 0 1px #f4f1ea0f}}.pe-reading-strip{text-align:left;border-bottom:1px solid #f4f1ea0f;flex:none;align-items:center;gap:10px;width:100%;min-height:44px;padding:12px 48px 12px 16px;display:flex}.pe-reading-mark{opacity:.55;border-radius:2px;flex:none;width:3px;height:11px}.pe-reading-text{min-width:0;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#f4f1ea57;flex:auto;margin:0;font-size:10px}@keyframes pe-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.pe-card-zone{flex-direction:row;flex:auto;justify-content:center;align-items:center;gap:4px;min-height:0;padding:14px 8px 14px 16px;display:flex;overflow:hidden}.pe-card-zone>.pe-stack,.pe-card-zone>.pe-engine-panel,.pe-card-zone>.pe-engine-result{flex:auto}.pe-stack{aspect-ratio:5/6;flex:none;width:auto;max-width:min(272px,72vw);height:100%;max-height:min(100%,310px);margin:0 auto;position:relative}.pe-card-zone{padding-bottom:26px}.pe-stack-peek{pointer-events:none;position:absolute;inset:0}.pe-stack-peek-left,.pe-stack-peek-right{z-index:0;opacity:.9;filter:blur(1.6px)}.pe-stack-peek-left .pe-card-ghost,.pe-stack-peek-right .pe-card-ghost{border-color:color-mix(in srgb,var(--accent)55%,transparent);box-shadow:0 0 16px -2px color-mix(in srgb,var(--accent)60%,transparent),0 10px 24px #0009}.pe-stack-peek-left{transform:translate(-19%)scale(.9)rotate(-5deg)}.pe-stack-peek-right{transform:translate(19%)scale(.9)rotate(5deg)}.pe-stack-inner{width:100%;height:100%}.pe-stack-nudge{animation:2.6s ease-in-out 1.1s infinite pe-nudge}@keyframes pe-nudge{0%,62%,to{transform:translate(0)}70%{transform:translate(-11px)}78%{transform:translate(7px)}86%{transform:translate(-3px)}}.pe-stack-top{z-index:2;touch-action:none;cursor:grab;position:absolute;inset:0}.pe-stack-top:active{cursor:grabbing}.pe-card{width:100%;height:100%;color:var(--pe-bone);isolation:isolate;background:linear-gradient(160deg,color-mix(in srgb,var(--accent)16%,#1c1c22db)0%,#121216eb 46%,#0a0a0df0 100%);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border:1px solid color-mix(in srgb,var(--accent)34%,#f4f1ea1a);box-shadow:0 22px 48px #0000009e,0 4px 14px #00000070,0 0 34px -12px var(--accent),inset 0 1px 0 #ffffff24,inset 0 -1px 0 #00000080;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.pe-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(142deg,#ffffff29 0%,#ffffff0d 22%,#0000 46%);position:absolute;inset:0}.pe-card:after{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0}.pe-card>*{z-index:1;position:relative}.pe-card-band{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid #f4f1ea14;flex:none;justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:10.5px;display:flex;position:relative}.pe-card-band:before{content:"";background:var(--accent);height:2px;box-shadow:0 0 12px 0 var(--accent);position:absolute;top:0;left:0;right:0}.pe-card-code{font-weight:600}.pe-card-body{flex-direction:column;flex:auto;justify-content:flex-start;gap:10px;min-height:0;padding:18px 14px 8px;display:flex;overflow:hidden}.pe-card-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(19px,5.6vw,24px);font-weight:800;line-height:1.06}.pe-card-prompt{font-family:var(--font-display);color:#f4f1eabd;margin:0;font-size:13.5px;font-weight:500;line-height:1.4}.pe-card-rungs{border-top:1px solid #f4f1ea1a;flex:none;padding:9px 14px 12px}.pe-rung-head{align-items:center;gap:8px;display:flex}.pe-rung-pips{align-items:center;gap:4px;display:inline-flex}.pe-pip{background:#f4f1ea38;border-radius:50%;width:5px;height:5px;transition:background .18s,transform .18s}.pe-pip-on{transform:scale(1.35);box-shadow:0 0 7px}.pe-rung-label{font-family:var(--font-mono);letter-spacing:.14em;font-size:9px;font-weight:600}.pe-rung-step{font-family:var(--font-mono);letter-spacing:.1em;color:#f4f1ea66;margin-left:auto;font-size:8.5px}.pe-rung-text{font-family:var(--font-display);color:#f4f1eacc;margin:5px 0 0;font-size:12.5px;line-height:1.35}.pe-card-ghost{height:100%}.pe-card-ghost .pe-card-band{padding:9px 12px}.pe-card-accepted{z-index:4;background:#f4f1eae0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pe-stamp{font-family:var(--font-mono);letter-spacing:.14em;border:3px solid;padding:8px 18px;font-size:24px;font-weight:700;display:inline-block;transform:rotate(-8deg)}.pe-undo{font-family:var(--font-mono);letter-spacing:.12em;color:var(--pe-ink);opacity:.6;cursor:pointer;border-bottom:1px solid;padding-bottom:1px;font-size:10.5px}.pe-undo:hover{opacity:1}.pe-tuner{touch-action:none;cursor:pointer;flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:10px;height:100%;max-height:260px;padding:6px 0;display:flex}.pe-tuner-label{color:var(--pe-concrete);writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;flex:none;font-size:9px}.pe-tuner-rail{background:linear-gradient(180deg,#0000009e 0%,color-mix(in srgb,var(--accent)12%,#0000008c)100%);border:1px solid color-mix(in srgb,var(--accent)26%,#f4f1ea14);touch-action:none;cursor:pointer;width:20px;min-height:120px;box-shadow:inset 0 2px 5px #000c,inset 0 -1px 0 #ffffff0f,0 0 18px -6px var(--accent);border-radius:10px;flex-direction:column;flex:auto;justify-content:space-between;padding:10px 0;display:flex;position:relative}.pe-tuner-hint{pointer-events:none;width:12px;height:12px;color:var(--accent);margin-left:-6px;animation:2.4s ease-in-out infinite pe-tuner-hint;position:absolute;top:6px;left:50%}@keyframes pe-tuner-hint{0%,12%{opacity:0;transform:translateY(0)}22%{opacity:.95}70%{transform:translateY(var(--hint-travel,120px));opacity:.95}85%,to{transform:translateY(var(--hint-travel,120px));opacity:0}}.pe-tuner-zone{flex:1 1 0;justify-content:center;align-items:center;display:flex}.pe-tuner-tick{background:linear-gradient(#43434c 0%,#26262c 100%);border:1px solid #f4f1ea29;border-radius:4px;width:26px;height:7px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff24}.pe-tuner-tick-active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent)88%,#fff)0%,var(--accent)100%);border-color:color-mix(in srgb,var(--accent)60%,#ffffff80);box-shadow:0 0 14px 1px var(--accent),0 2px 6px #000000b3,inset 0 1px 0 #ffffff80;transform:scale(1.18)}.pe-engine-panel{aspect-ratio:5/6;background:var(--pe-chassis-hi);border:1px solid #f4f1ea14;border-radius:3px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:22px;width:auto;max-width:min(272px,72vw);height:100%;max-height:min(100%,310px);margin:0 auto;padding:24px 20px;display:flex;box-shadow:inset 0 0 0 1px #0000004d,0 14px 30px #00000080}.pe-engine-lede{font-family:var(--font-display);text-align:center;color:#f4f1eab8;margin:0;font-size:15px;line-height:1.45}.pe-engine-btn{border:1px solid var(--pe-brass);color:var(--pe-bone);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-align:center;border-radius:2px;flex-direction:column;align-items:center;gap:10px;padding:18px 16px;font-size:12px;display:flex}.pe-engine-btn-glyph{color:var(--pe-brass);font-size:26px;line-height:1}.pe-engine-scan{width:100%;font-family:var(--font-mono);letter-spacing:.04em;color:var(--pe-bone);text-transform:uppercase;flex-direction:column;gap:8px;font-size:10.5px;display:flex}.pe-engine-line{opacity:.92}.pe-engine-cursor{color:var(--pe-brass);margin-top:2px}.pe-engine-result{flex-direction:column;align-items:center;gap:12px;width:clamp(200px,72vw,268px);max-width:100%;margin:0 auto;display:flex}.pe-engine-result .pe-card{aspect-ratio:5/7;width:100%}.pe-reroll{font-family:var(--font-mono);letter-spacing:.12em;color:var(--pe-concrete);cursor:pointer;border:1px solid #f4f1ea2e;border-radius:2px;padding:7px 14px;font-size:10px}.pe-reroll:hover{color:var(--pe-bone);border-color:#f4f1ea66}.pe-wheel-zone{flex:none;justify-content:center;align-items:center;height:clamp(220px,32vh,262px);display:flex;position:relative}.pe-wheel-glow{filter:blur(46px);opacity:.32;pointer-events:none;border-radius:50%;width:320px;max-width:90vw;height:320px;transition:background-color .4s;position:absolute}.pe-wheel-track{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,var(--pe-chassis-hi),var(--pe-chassis)70%);touch-action:none;cursor:grab;border-radius:50%;width:min(232px,62vw,62vh);position:relative;box-shadow:inset 0 2px 4px #ffffff0d,inset 0 -8px 18px #000000a6,0 24px 46px #0000008c}.pe-wheel-hint:after{content:"";pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,color-mix(in srgb,var(--accent)70%,transparent)344deg,color-mix(in srgb,var(--accent)95%,white)356deg,transparent 360deg);border-radius:50%;animation:2.8s linear infinite pe-orbit;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 0 calc(50% - 3px),#000 calc(50% - 3px));mask:radial-gradient(circle,#0000 0 calc(50% - 3px),#000 calc(50% - 3px))}@keyframes pe-orbit{to{transform:rotate(360deg)}}.pe-wheel-track:active{cursor:grabbing}.pe-wheel-notch{border-left:6px solid #0000;border-right:6px solid #0000;border-top:10px solid var(--pe-brass);filter:drop-shadow(0 1px 2px #00000080);pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pe-wheel-item{width:58px;color:var(--pe-concrete);pointer-events:none;flex-direction:column;align-items:center;gap:4px;transition:color .25s;display:flex;position:absolute;top:50%;left:50%}.pe-wheel-item-active{color:var(--pe-bone)}.pe-wheel-icon{justify-content:center;align-items:center;transition:color .25s;display:flex}.pe-wheel-item-label{font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;font-size:8.5px}.pe-disc{background:linear-gradient(150deg,var(--pe-chassis-hi),var(--pe-chassis-lo));cursor:pointer;z-index:6;border:1px solid #f4f1ea14;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;transition:transform .14s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #0009,inset 0 1px 1px #ffffff12}.pe-disc-holding,.pe-disc-committed{transform:translate(-50%,-50%)translateY(2px)scale(.97)}.pe-disc-label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--pe-bone);font-size:11.5px}.pe-disc-ring{pointer-events:none;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px;transform:rotate(-90deg)}.pe-disc-ring-track{stroke:#f4f1ea14}.pe-disc-ring-fill{stroke-linecap:round}.pe-mute{z-index:20;width:26px;height:26px;color:var(--pe-concrete);cursor:pointer;background:#00000059;border:1px solid #f4f1ea1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.pe-mute:hover{color:var(--pe-bone)}@media (prefers-reduced-motion:reduce){.pe-reading-mark{animation:none}.pe-wheel-item,.pe-wheel-icon,.pe-disc,.pe-tuner-tick{transition-duration:.01ms!important}.pe-stack-nudge,.pe-wheel-hint:after,.pe-tuner-hint{animation:none!important}.pe-tuner-hint{display:none}}