.sg-pages.readable .sg-page{touch-action:manipulation}.sg-reader{gap:.5rem;display:grid}.sg-reader-bar{z-index:4;border:1px solid var(--border);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .7rem;font-size:.88rem;font-weight:600;display:flex;position:sticky;top:0}.sg-reader-bar>span{align-items:center;gap:.4rem;display:flex}.sg-reader-bar svg{width:1rem;height:1rem}.sg-reader-zoom{border:1px solid var(--border);border-radius:10px;overflow:hidden}.sg-reader-zoom button{width:2.4rem;height:2.2rem;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sg-reader-zoom button:disabled{opacity:.35;cursor:default}.sg-reader-zoom>span{text-align:center;min-width:3rem;color:var(--muted-foreground);font-size:.8rem}.sg-reader-pages{background:color-mix(in srgb, var(--muted) 70%, var(--background));overscroll-behavior:contain;border-radius:12px;max-height:min(78vh,1100px);padding:.4rem;overflow:auto}.sg-meter{background:#f59e0b1a;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:.15rem .5rem;padding:.55rem .75rem;font-size:.88rem;display:grid}.sg-meter.done{background:#0f8a5f1a}.sg-meter>svg{color:#b45309;width:1rem;height:1rem;margin-top:.15rem}.sg-meter.done>svg{color:#0f8a5f}.sg-meter small{color:var(--muted-foreground);grid-column:2;font-size:.78rem}.sg-meter-page{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sg-passkey-row span{gap:.1rem;display:grid}.sg-passkey-row span svg{vertical-align:-2px;width:1rem;height:1rem;color:var(--primary);margin-right:.25rem;display:inline}.sg-passkey-row small{color:var(--muted-foreground);font-size:.8rem}.sg-passkey-state{border:1px dashed var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.86rem;display:flex}.sg-passkey-state span{align-items:center;gap:.35rem;display:flex}.sg-passkey-state svg{color:#0f8a5f;width:1rem;height:1rem}.sg-proof-done{gap:.35rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.sg-proof-done li{align-items:center;gap:.45rem;display:flex}.sg-proof-done svg{color:#0f8a5f;flex:none;width:1rem;height:1rem}.px-proof{flex-wrap:wrap;flex-basis:100%;gap:.35rem;display:flex}.px-proof .si-tag{align-items:center;gap:.3rem;font-size:.76rem;display:inline-flex}.px-proof .si-tag svg{width:.85rem;height:.85rem}.sg-rotate-hint{display:none}@media (max-width:640px){.send-card.sg-signing{box-shadow:none;border-radius:0}.send-page:has(.sg-signing){padding:0}.sg-signing .sg-fill,.sg-studio .sg-fill{padding-bottom:4.5rem}.sg-signing .sg-fill-bar,.sg-studio .sg-fill-bar{top:auto;left:.5rem;right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:30;width:auto;position:fixed;box-shadow:0 8px 28px #00000038}.sg-signing .sg-fill-bar button,.sg-studio .sg-fill-bar button{min-height:2.75rem}.sg-reader-pages{background:0 0;max-height:none;padding:0}.sg-signing .sg-pages{gap:.6rem}.sg-sign-form .inline-actions>button:first-child{flex:100%;min-height:3rem}.sg-modal:has(.sg-pad){place-items:stretch stretch;padding:0}.sg-dialog.sg-pad{width:100%;min-height:100dvh;max-height:100dvh;padding:calc(.8rem + env(safe-area-inset-top)) 1rem calc(.8rem + env(safe-area-inset-bottom));border-radius:0;align-content:start}.sg-pad .sg-draw{height:min(48dvh,340px)}.sg-pad .sg-draw.initials{max-width:none;height:min(36dvh,260px)}}@media (max-width:640px) and (orientation:portrait) and (pointer:coarse){.sg-rotate-hint{display:block}}@media (max-height:520px) and (orientation:landscape) and (pointer:coarse){.sg-modal:has(.sg-pad){place-items:stretch stretch;padding:0}.sg-dialog.sg-pad{width:100%;min-height:100dvh;max-height:100dvh;padding:.5rem calc(1rem + env(safe-area-inset-right)) .5rem calc(1rem + env(safe-area-inset-left));border-radius:0;gap:.45rem}.sg-pad .sg-draw,.sg-pad .sg-draw.initials{max-width:none;height:52dvh}}