.pcd-sim{margin-top:8px}.pcd-sim-controls{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-bottom:28px;display:flex;position:relative}.pcd-seg{border:1px solid var(--border,#e3e0da);background:var(--surface,#fff);border-radius:999px;padding:3px;display:inline-flex}.pcd-seg button{min-height:40px;color:var(--muted,#6b6862);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:600}.pcd-seg button[aria-pressed=true]{background:var(--text,#1c1b19);color:var(--bg,#f6f5f2)}.pcd-seg button{transition:background-color .22s,color .22s,scale .16s}.pcd-seg button:active{scale:.96}.pcd-seg button:focus-visible{outline:2px solid var(--accent,#1c1b19);outline-offset:2px}.pcd-sim-controls{column-gap:12px}@media (prefers-reduced-motion:reduce){.pcd-seg button{transition-duration:0s}}.pcd-sim-area{z-index:1;isolation:isolate;perspective:2600px;justify-items:center;padding-block:12px 40px;display:grid;position:relative}.pcd-stage{transform-style:preserve-3d;position:relative}.pcd-dev{transform-style:preserve-3d;transform:translateX(calc(var(--u) * -233.5 * var(--fold)));position:absolute;inset:0}[data-orientation=vertical] .pcd-dev{transform-origin:bottom;transform:translateY(calc(var(--u) * -233.5 * var(--fold))) rotateX(var(--lean,0deg))}.pcd-dev-body,.pcd-dev-cover{transform-style:preserve-3d;position:absolute}.pcd-dev-body:before,.pcd-dev-cover:before{content:"";border-radius:inherit;filter:url(#pcd-lumpy) drop-shadow(0 calc(var(--u) * 3) calc(var(--u) * 2) #00000073);background:linear-gradient(160deg,#55555b,#303034);position:absolute;inset:0}.pcd-dev-body{box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 40) #00000059}.pcd-dev-cover{width:calc(var(--u) * 467);height:calc(var(--u) * 670);border-radius:calc(var(--u) * 64) calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 64);transform-origin:100%;transform:rotateY(calc(var(--fold) * 180deg));top:0;left:0}.pcd-dev-body{left:calc(var(--u) * 467);width:calc(var(--u) * 467);height:calc(var(--u) * 670);border-radius:calc(var(--u) * 10) calc(var(--u) * 64) calc(var(--u) * 64) calc(var(--u) * 10);top:0}[data-orientation=vertical] .pcd-dev-cover{width:calc(var(--u) * 670);height:calc(var(--u) * 467);border-radius:calc(var(--u) * 64) calc(var(--u) * 64) calc(var(--u) * 10) calc(var(--u) * 10);transform-origin:bottom;transform:rotateX(calc(var(--fold) * -180deg))}[data-orientation=vertical] .pcd-dev-body{left:0;top:calc(var(--u) * 467);width:calc(var(--u) * 670);height:calc(var(--u) * 467);border-radius:calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 64) calc(var(--u) * 64)}.pcd-face{backface-visibility:hidden;position:absolute;overflow:hidden;transform:translateZ(1px)}.pcd-face:after{content:"";opacity:calc(var(--fold) * .8);pointer-events:none;background:#000;position:absolute;inset:0}.pcd-face--outer:after{opacity:calc((1 - var(--fold)) * .85)}.pcd-face--cover{inset:calc(var(--u) * 22) 0 calc(var(--u) * 22) calc(var(--u) * 22);border-radius:calc(var(--u) * 43) 0 0 calc(var(--u) * 43);background:#000}[data-orientation=vertical] .pcd-face--cover{inset:calc(var(--u) * 22) calc(var(--u) * 22) 0;border-radius:calc(var(--u) * 43) calc(var(--u) * 43) 0 0}.pcd-face-canvas{width:100%;height:100%;position:absolute;inset:0}.pcd-face--body{inset:calc(var(--u) * 22) calc(var(--u) * 22) calc(var(--u) * 22) 0;border-radius:0 calc(var(--u) * 43) calc(var(--u) * 43) 0;opacity:clamp(0, calc((1 - var(--fold)) * 40), 1);background:#000}[data-orientation=vertical] .pcd-face--body{inset:0 calc(var(--u) * 22) calc(var(--u) * 22);border-radius:0 0 calc(var(--u) * 43) calc(var(--u) * 43)}.pcd-face--outer{inset:0;overflow:visible;transform:rotateY(180deg)translateZ(1px)}[data-orientation=vertical] .pcd-face--outer{transform:rotateX(180deg)translateZ(1px)}.pcd-face--outer:after{inset:auto}.pcd-outer-glass{left:calc(var(--u) * 15);top:calc(var(--u) * 22);width:calc(var(--u) * 430);height:calc(var(--u) * 626);border-radius:calc(var(--u) * 3) calc(var(--u) * 46) calc(var(--u) * 46) calc(var(--u) * 3);background:#000;position:absolute;overflow:hidden}[data-orientation=vertical] .pcd-outer-glass{left:calc(var(--u) * 22);top:calc(var(--u) * 15);width:calc(var(--u) * 626);height:calc(var(--u) * 430);border-radius:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 46) calc(var(--u) * 46)}.pcd-outer-glass:after{content:"";opacity:calc((1 - var(--fold)) * .85);background:#000;position:absolute;inset:0}.pcd-outer-rail{width:calc(var(--u) * 67);background:linear-gradient(#4a2142,#34172f);position:absolute;inset:0 0 0 auto}.pcd-outer-camera{top:calc(var(--u) * 20);right:calc(var(--u) * 16.5);width:calc(var(--u) * 34);height:calc(var(--u) * 34);background:#07080a;border-radius:50%;position:absolute}.pcd-dev-screen{opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;overflow:hidden;transform:translateZ(4px)}.pcd-dev-screen[data-visible]{opacity:1;pointer-events:auto;transition-duration:.28s}.pcd-dev-screen[data-screen=inner-l]{left:calc(var(--u) * 22);top:calc(var(--u) * 22);width:calc(var(--u) * 890);height:calc(var(--u) * 626);border-radius:calc(var(--u) * 43)}.pcd-dev-screen[data-screen=inner-p]{left:calc(var(--u) * 22);top:calc(var(--u) * 22);width:calc(var(--u) * 626);height:calc(var(--u) * 890);border-radius:calc(var(--u) * 43)}.pcd-dev-screen[data-screen=outer-p]{left:calc(var(--u) * 482);top:calc(var(--u) * 22);width:calc(var(--u) * 430);height:calc(var(--u) * 626);border-radius:calc(var(--u) * 3) calc(var(--u) * 46) calc(var(--u) * 46) calc(var(--u) * 3)}.pcd-dev-screen[data-screen=outer-l]{left:calc(var(--u) * 22);top:calc(var(--u) * 482);width:calc(var(--u) * 626);height:calc(var(--u) * 430);border-radius:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 46) calc(var(--u) * 46)}@media (prefers-reduced-motion:reduce){.pcd-dev-screen,.pcd-dev-screen[data-visible]{transition-duration:0s}}.pcd-dev-screen[data-tabletop]{transform-style:preserve-3d;border-radius:0;overflow:visible}.pcd-dev-screen[data-tabletop] .papercut-duo{isolation:auto;transform-style:preserve-3d;background:0 0;overflow:visible}.pcd-dev-screen[data-tabletop] .papercut-duo .pcd-top{border-radius:calc(var(--u) * 43) calc(var(--u) * 43) 0 0;transform-origin:bottom;transform:rotateX(calc(var(--fold) * -180deg)) translateZ(3px);backface-visibility:hidden;overflow:hidden}.pcd-dev:has(.pcd-dev-screen[data-tabletop]) :is(.pcd-face--cover,.pcd-face--body){visibility:hidden}.pcd-dev-screen[data-tabletop] .papercut-duo .pcd-board{border-radius:0 0 calc(var(--u) * 43) calc(var(--u) * 43);overflow:hidden}.pcd-dev[data-flat] .pcd-dev-screen[data-tabletop] .papercut-duo .pcd-board{transform:translateZ(1px)}