.gwen-view{position:fixed;bottom:90px;right:20px;z-index:1200;zoom:var(--gwen-view-inverse,1);font:13px 'Hanken Grotesk',sans-serif;color:#e8f5ff}.gwen-view summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:42px;height:42px;border:1px solid #67dfff80;border-radius:50%;background:#10122bef;box-shadow:0 0 16px #765bff30;font-size:26px}.gwen-view summary::-webkit-details-marker{display:none}.gwen-view summary:hover,.gwen-view[open] summary{box-shadow:0 0 22px #67dfff70}.gwen-view-panel{position:absolute;bottom:52px;right:0;width:180px;padding:16px;background:#0d1025f5;border:1px solid #67dfff60;border-radius:16px;box-shadow:0 8px 30px #0009}.gwen-view-label{display:block;margin-bottom:12px}.gwen-view-panel>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.gwen-view button{cursor:pointer;color:inherit;background:#222442;border:1px solid #8192c650;border-radius:9px;min-width:34px;min-height:34px}.gwen-view button:disabled{opacity:.4;cursor:default}.gwen-view-reset{margin-top:12px;width:100%}.gwen-view :focus-visible{outline:2px solid #67dfff;outline-offset:3px}.gwen-pointer,.gwen-touch-spark{zoom:var(--gwen-view-inverse,1)}@media(max-width:600px){.gwen-view{right:12px;bottom:80px}}

.gwen-view summary{width:100px;height:44px;display:flex;gap:8px;justify-content:center;border-radius:24px;border-color:#70dfffaa;background:linear-gradient(125deg,#153247f5,#201638f5);font-size:10px;font-weight:800;letter-spacing:1.4px;box-shadow:0 0 20px #67dfff25,inset 0 0 15px #7765ff25;transition:box-shadow .25s,transform .25s}.gwen-view summary svg{width:23px;height:23px;fill:none;stroke:#92eeff;stroke-width:1.7;filter:drop-shadow(0 0 4px #67dfff);transition:transform .3s}.gwen-view summary:hover{transform:translateY(-2px);box-shadow:0 0 24px #67dfff60,0 0 36px #7765ff30}.gwen-view[open] summary svg{transform:rotate(-12deg) scale(1.08)}.gwen-view-panel{width:210px;background:radial-gradient(ellipse at top right,#6e4fff26,transparent 70%),#0d1025f5;box-shadow:0 8px 35px #0009,0 0 20px #67dfff20}.gwen-view-panel output{font-size:22px;font-weight:800;color:#a9edff;text-shadow:0 0 12px #67dfff60}.gwen-view-panel button{border-color:#748edc70;background:linear-gradient(135deg,#193348,#292047);transition:box-shadow .2s}.gwen-view-panel button:hover:not(:disabled){box-shadow:0 0 14px #67dfff55}.gwen-view-reset{letter-spacing:.4px}@media(prefers-reduced-motion:reduce){.gwen-view summary,.gwen-view summary svg{transition:none}}

/* Out of the way while a panel covers the page (preview, cart, menu, intro or a section jump). */
html:has(#ppm.on) .gwen-view,html:has(#drawer.on) .gwen-view,html:has(#mnav.on) .gwen-view,html.intro-on .gwen-view,html.cutting .gwen-view{display:none}