.iphone{aspect-ratio:71.5/149.6;cursor:pointer;width:43%;box-shadow:var(--lift), inset 0 0 0 1px #c9ccd1, inset 0 0 0 2.4px #7b7f86, inset 0 0 0 3px #2a2b2f;background:#050506;border:0;border-radius:17%/8.2%;margin-top:-22px;padding:0;display:block;position:relative}.iphone:before,.iphone:after{content:"";background:linear-gradient(90deg,#6d7077,#b9bcc2);border-radius:2px;width:2px;position:absolute}.iphone:before{height:4.5%;top:17%;left:-1.5px;box-shadow:0 26px #9a9ea5,0 48px #9a9ea5}.iphone:after{height:10%;top:27%;right:-1.5px}.iphone:active{transform:scale(.985)}.iphone-screen{background:#000;border-radius:14%/6.6%;position:absolute;inset:1.7% 3.6%;overflow:hidden}.iphone-screen canvas{width:100%;height:100%;display:block}.ipod{aspect-ratio:61.8/110;cursor:pointer;width:36%;box-shadow:var(--lift), inset 0 0 0 1.5px #d8dbe0, inset 0 0 0 2.5px #8e9298, inset 0 0 0 3.5px #1a1a1d, inset 0 10px 18px -10px #ffffff2e;background:linear-gradient(160deg,#1d1d21,#08080a 55%);border:0;border-radius:15%/8.4%;padding:0;display:block;position:relative}.ipod:active{transform:scale(.985)}.ipod-screen{background:#000;height:67.4%;position:absolute;top:16.3%;left:10.2%;right:10.2%;overflow:hidden}.ipod-screen canvas{width:100%;height:100%;display:block}.ipod-home{aspect-ratio:1;border-radius:50%;width:13.5%;position:absolute;bottom:4.6%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #2c2c31,inset 0 1px 2px #0009}.ipod-home:after{content:"";border:1px solid #55555c;border-radius:2px;position:absolute;inset:32%}.p2{aspect-ratio:282/150;width:80%;box-shadow:var(--lift), inset 0 0 0 1px #ffffff0f;background:#17161c;border-radius:18px;overflow:hidden}.p2 canvas{width:100%;height:100%;display:block}.pido{--q:.92;gap:16px;width:72%;margin-top:-18px;display:grid}.pido-print{box-shadow:var(--lift);background:#fff;border-radius:4px;padding:5px;transform:rotate(-1.2deg)}.pido-print canvas{aspect-ratio:8/5;width:100%;display:block}.pido-dial{height:40px;box-shadow:var(--lift), inset 0 1px #ffffff12;font-family:var(--mono);font-variant-ligatures:none;color:#8f8c99;cursor:ew-resize;touch-action:none;user-select:none;background:#1b1a20;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-inline:14px;font-size:11px;display:grid}.pido-track{background:#ffffff1a;border-radius:2px;height:4px;position:relative}.pido-fill{width:calc(var(--q) * 100%);background:#b9a4ff;border-radius:2px;position:absolute;inset:0 auto 0 0}.pido-knob{top:50%;left:calc(var(--q) * 100%);background:#f4f3f7;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.pido-val{text-align:right;color:#e3e2e8;min-width:2ch}.paper{aspect-ratio:1/.86;width:70%;box-shadow:var(--lift);background:#fff;border-radius:6px;margin-top:-14px;overflow:hidden}.paper canvas{touch-action:pan-y;width:100%;height:100%;display:block}.df{width:88%;height:150px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:-20px;padding:0;position:relative}.df-bar{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;height:44px;box-shadow:var(--lift);font-family:var(--mono);color:var(--ink);white-space:nowrap;background:#fff;border-radius:22px;align-items:center;gap:9px;padding-inline:16px;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.df-prompt{color:#6b46c1}.df-caret{background:var(--ink);width:6px;height:14px;margin-left:-8px;animation:1s step-end infinite df-blink}@keyframes df-blink{50%{opacity:0}}.df-result{box-shadow:var(--lift);opacity:0;background:#fff;border-radius:14px;gap:4px;padding:12px 14px 13px;transition:opacity .18s ease-out,transform .24s cubic-bezier(.2,.9,.25,1);display:grid;position:absolute;top:56px;left:12px;right:12px;transform:translateY(-6px)}.df.has-result .df-result{opacity:1;transform:none}.df-val{font-family:var(--mono);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.df-was{color:#c2483f;white-space:nowrap;text-overflow:ellipsis;font-size:11px;text-decoration:line-through #c2483f99;overflow:hidden}@media (prefers-reduced-motion:reduce){.df-caret{animation:none}.df-result{transition:none}}.lzd,.pgw,.boa{aspect-ratio:auto;margin-top:-18px}.lzd-body,.pgw-body{font-family:var(--mono);color:#e3e2e8;gap:8px;padding:8px 12px 12px;font-size:11px;display:grid}.lzd-search{background:#22242d;border:1px solid #343846;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:flex}.lzd-key{color:#7dcfff}.lzd-label{color:#8f8c99}.lzd-query{color:#f4f3f7}.lzd-list{gap:3px;display:grid}.lzd-row{color:#b8b6c0;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.lzd-row:hover,.lzd-row.is-active{color:#fff;background:#262936}.lzd-tag{color:#73daca;font-size:10px}.lzd-meta{color:#7c7a88;font-size:10px}.lzd-status{color:#9ece6a;white-space:nowrap;text-overflow:ellipsis;padding-top:2px;font-size:10.5px;overflow:hidden}.lzd-status.is-pulling{color:#e0af68}.pgw-nodes{color:#c6c4d0;justify-content:space-between;align-items:center;gap:4px;font-size:10px;display:flex}.pgw-pill{white-space:nowrap;background:#232530;border:1px solid #323544;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.pgw-dot{background:#9ece6a;border-radius:50%;width:6px;height:6px}.pgw-arrow{color:#6f6c7a}.pgw-metrics{grid-template-columns:auto 1fr;gap:8px;display:grid}.pgw-stat{background:#20222b;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;display:flex}.pgw-k{color:#8f8c99;font-size:10px}.pgw-v{color:#b9a4ff;font-weight:600}.pgw.is-ping .pgw-v{color:#9ece6a}.pgw-btn{color:#e3e2e8;width:100%;font:inherit;cursor:pointer;text-align:left;background:#252734;border:1px solid #383b4e;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 9px;font-size:10px;display:flex}.pgw-btn:hover{border-color:#b9a4ff}.pgw-run-tag{color:#b9a4ff;text-transform:uppercase;font-size:9.5px}.boa-lines{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;font-family:var(--mono);color:#e3e2e8;padding:8px 14px 14px;font-size:10.5px;line-height:1.75}.boa-lines p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.boa-p{color:#b9a4ff}.boa-out{color:#b8b6c0;justify-content:space-between;gap:8px;display:flex}.boa-why{color:#6f6c7a}.boa-n{font:inherit;color:#b9a4ff;cursor:pointer;user-select:none;outline-offset:2px;background:0 0;border:0;border-bottom:1px dotted #b9a4ffb3;padding:0}.boa.scrubbing .boa-why{color:#b9a4ff}