.piu-side-logo{position:fixed;right:0;top:auto;bottom:24px;z-index:9;color:var(--ink);font:11px/1.5 var(--mono)}
.piu-side-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;min-height:96px;padding:8px 0;background:var(--paper);border:1px solid var(--silver);border-right:0;border-radius:4px 0 0 4px;box-shadow:0 4px 16px #17181b12}
.piu-side-face{display:block;position:relative;width:48px;height:56px;overflow:hidden;transform:rotate(var(--peek-turn,0deg));transition:transform 180ms ease-out}
.piu-side-face img{position:absolute;width:288px;max-width:none;left:-128px;top:-20px;pointer-events:none}
.piu-side-label{margin-top:8px;font-size:11px}
.piu-side-panel{position:absolute;right:72px;top:auto;bottom:0;width:288px;background:var(--paper);border:1px solid var(--silver);border-radius:4px;padding:16px;box-shadow:0 8px 32px #17181b20}
.piu-side-panel-head{display:flex;align-items:center;justify-content:space-between;font:13px/1.5 var(--mono)}
.piu-side-panel-head button{width:44px;height:44px;font:24px/1 var(--sans)}
.piu-side-art{perspective:800px;touch-action:none;cursor:grab;padding:8px 0}
.piu-side-art:active{cursor:grabbing}.piu-side-art img{width:100%;height:auto;transform:rotateY(var(--logo-x,0deg)) rotateX(var(--logo-y,0deg));transition:transform 180ms ease-out;pointer-events:none}
.piu-side-panel p{color:var(--muted);font-size:11px;margin-top:8px}
.piu-side-panel>a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
body:has(dialog[open]) .piu-side-logo,body.booting .piu-side-logo{visibility:hidden}
@media(max-width:600px){.piu-side-logo{position:relative;inset:auto;z-index:9;width:48px;margin-left:auto}.piu-side-trigger{width:48px;min-height:72px;padding:4px 0;border-right:1px solid var(--silver);border-radius:4px;box-shadow:none}.piu-side-face{width:40px;height:40px}.piu-side-face img{width:240px;left:-107px;top:-16px}.piu-side-label{margin-top:4px;font-size:10px}.piu-side-panel{right:0;top:calc(100% + 8px);bottom:auto;width:min(288px,calc(100vw - 40px));padding:12px}.piu-side-art img{max-height:40dvh;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.piu-side-face,.piu-side-art img{transform:none!important;transition:none!important}}