.pg-grid{margin:var(--s4) 0 0;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0;list-style:none;display:grid}.pg-card{gap:var(--s2);padding:var(--s2);border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--surface);align-content:start;justify-items:center;min-width:0;display:grid}.pg-card[data-changed="1"]{border-color:var(--accent);background:var(--accent-soft)}.pg-thumb{aspect-ratio:1;background:var(--surface-2);border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.pg-thumb canvas{max-width:100%;max-height:100%;transform:rotate(var(--rot,0deg));transition:transform var(--dur) ease-out;background:#fff;box-shadow:0 1px 3px #0000004d}.pg-thumb.is-loading:after{content:"";border:2px solid var(--border-input);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite pg-spin}.pg-head{justify-content:space-between;align-items:center;gap:var(--s2);width:100%;display:flex}.pg-num{font:500 13px var(--mono);color:var(--text-2);font-variant-numeric:tabular-nums}.pg-pos{width:64px;min-height:36px;padding:0 var(--s2);text-align:center;font-family:var(--mono);font-size:16px}.pg-actions{gap:var(--s1);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.pg-actions .btn{min-width:44px;min-height:44px;padding:0 var(--s2);flex:1 1 0;font-size:18px;line-height:1}.pg-actions .btn[data-danger]{color:var(--danger)}@keyframes pg-spin{to{transform:rotate(360deg)}}.ft-note:empty{display:none}.tx-box{resize:vertical;width:100%;min-height:220px;max-height:60vh;font:15px/1.6 var(--font);white-space:pre-wrap}.tx-stats{font-size:var(--fs-sm);color:var(--text-2);font-family:var(--mono);margin:var(--s2) 0 0}.tx-note{margin:var(--s3) 0 0;padding:var(--s3);border-radius:var(--r-ctl);background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-ui)}.tx-note:empty{display:none}.tx-table-wrap{margin-top:var(--s3);border:1px solid var(--border);border-radius:var(--r-ctl);overflow-x:auto}.tx-table{border-collapse:collapse;width:100%;font:13px var(--mono)}.tx-table td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:28ch;padding:6px 10px;overflow:hidden}.tx-table tr:first-child td{background:var(--surface-2);font-weight:600}.tx-table tr:last-child td{border-bottom:0}.sg-pad-wrap{margin-top:var(--s3)}.sg-pad{aspect-ratio:8/3;border:1px solid var(--border-input);border-radius:var(--r-ctl);touch-action:none;cursor:crosshair;background:#fff;width:100%;display:block}.sg-pad:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sg-hint{margin:var(--s2) 0 0;font-size:var(--fs-sm);color:var(--text-2)}.sg-row{gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.sg-ink{gap:var(--s2);display:flex}.sg-ink button{border:2px solid var(--border-input);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.sg-ink button:before{content:"";background:var(--c);border-radius:50%;width:24px;height:24px}.sg-ink button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sg-ink button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sg-fonts{gap:var(--s2);margin-top:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.sg-fonts button{min-height:64px;padding:0 var(--s3);border:1px solid var(--border-input);border-radius:var(--r-ctl);color:#111827;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#fff;font-size:28px;line-height:1.2;overflow:hidden}.sg-fonts button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sg-fonts button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sg-prev{margin-top:var(--s3);padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-ctl);background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50%/16px 16px;place-items:center;min-height:96px;display:grid}.sg-prev img,.sg-prev canvas{max-width:100%;height:auto;max-height:160px}.sg-prev:empty{display:none}.sg-page{margin:var(--s4) auto 0;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;width:fit-content;max-width:100%;line-height:0;position:relative;box-shadow:0 1px 6px #00000059}.sg-page canvas{max-width:100%;height:auto;display:block}.sg-mark{box-sizing:border-box;outline:2px dashed var(--accent);outline-offset:2px;cursor:move;touch-action:none;position:absolute}.sg-mark:focus-visible{outline-width:3px;outline-style:solid}.sg-mark img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.sg-grip{cursor:nwse-resize;touch-action:none;width:44px;height:44px;position:absolute;bottom:-22px;right:-22px}.sg-grip:before{content:"";border:2px solid var(--accent);box-sizing:border-box;background:#fff;border-radius:4px;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.sg-nav{justify-content:center;align-items:center;gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap;display:flex}.sg-nav output{font:500 15px var(--mono);text-align:center;min-width:7ch}[dir=rtl] .sg-grip{left:-22px;right:auto}@media (width<=600px){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-fonts{grid-template-columns:1fr 1fr}.sg-fonts button{font-size:24px}}@media (prefers-reduced-motion:reduce){.pg-thumb canvas{transition:none}.pg-thumb.is-loading:after{animation:none}}