.pp[data-astro-cid-clqlzgp5]{flex-direction:column;gap:20px;padding:clamp(18px,3vw,28px);display:flex}.pp-drop[data-astro-cid-clqlzgp5]{box-sizing:border-box;border:1.5px dashed var(--line2);background:var(--paper);text-align:center;cursor:pointer;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:26px 20px;transition:border-color .3s,background-color .3s;display:flex}.pp-drop[data-astro-cid-clqlzgp5]:hover,.pp-drop[data-astro-cid-clqlzgp5].over{border-color:var(--ink);background:var(--tint)}.pp-drop[data-astro-cid-clqlzgp5]:focus-within{outline:2.5px solid var(--ink);outline-offset:2px}.pp-drop[data-astro-cid-clqlzgp5].has{border-style:solid;min-height:96px}.pp-drop-ic[data-astro-cid-clqlzgp5]{border-radius:16px;width:52px;height:52px}.pp-drop-t[data-astro-cid-clqlzgp5]{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:18px;font-weight:660}.pp-drop-u[data-astro-cid-clqlzgp5]{text-decoration:underline;text-decoration-color:var(--neon);text-underline-offset:4px;text-decoration-thickness:3px}.pp-sample[data-astro-cid-clqlzgp5]{justify-content:center;margin-top:-8px;display:flex}.pp-sample[data-astro-cid-clqlzgp5] .btn[data-astro-cid-clqlzgp5]{min-height:44px}.pp-work[data-astro-cid-clqlzgp5]{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;display:grid}@media (width>=820px){.pp-work[data-astro-cid-clqlzgp5]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pp-check[data-astro-cid-clqlzgp5]{grid-column:1/-1}}.pp-left[data-astro-cid-clqlzgp5],.pp-right[data-astro-cid-clqlzgp5]{flex-direction:column;gap:12px;min-width:0;display:flex}.pp-stage-w[data-astro-cid-clqlzgp5]{background:var(--paper);border:1px solid var(--line);border-radius:18px;justify-content:center;padding:12px;display:flex}.pp-stage[data-astro-cid-clqlzgp5]{aspect-ratio:1;touch-action:none;user-select:none;cursor:grab;width:min(100%,420px);box-shadow:0 0 0 1px var(--line2);background:#fff;position:relative;overflow:hidden}.pp-stage[data-astro-cid-clqlzgp5]:active{cursor:grabbing}.pp-stage[data-astro-cid-clqlzgp5]:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.pp-stage[data-astro-cid-clqlzgp5] canvas[data-astro-cid-clqlzgp5]{width:100%;height:100%;display:block}.pp-ov[data-astro-cid-clqlzgp5]{pointer-events:none;position:absolute;inset:0}.pp-mid[data-astro-cid-clqlzgp5]{border-left:1.5px dashed #ffffffd9;position:absolute;top:0;bottom:0;left:50%;box-shadow:-1px 0 #00000059}.pp-top[data-astro-cid-clqlzgp5]{border-top:2px solid #19a35b;height:0;position:absolute;left:0;right:0;box-shadow:0 1px #00000059}.pp-band[data-astro-cid-clqlzgp5]{background:#19a35b47;border-top:1.5px solid #19a35b;border-bottom:1.5px solid #19a35b;position:absolute;left:0;right:0}.pp-top[data-astro-cid-clqlzgp5] em[data-astro-cid-clqlzgp5],.pp-band[data-astro-cid-clqlzgp5] em[data-astro-cid-clqlzgp5]{color:#fff;white-space:nowrap;background:#0000009e;border-radius:6px;padding:1px 7px;font-size:12px;font-style:normal;font-weight:600;line-height:1.4;position:absolute;top:3px;right:6px}.pp-guide-h[data-astro-cid-clqlzgp5]{margin:0}.pp-zoom[data-astro-cid-clqlzgp5]{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pp-zoom[data-astro-cid-clqlzgp5] input[data-astro-cid-clqlzgp5]{width:100%;accent-color:var(--ink);min-height:32px}.pp-v[data-astro-cid-clqlzgp5]{text-align:right;min-width:4.5ch;font-size:14px;font-weight:650}.pp-tools[data-astro-cid-clqlzgp5]{flex-wrap:wrap;gap:8px;display:flex}.pp-tools[data-astro-cid-clqlzgp5] .btn[data-astro-cid-clqlzgp5]{min-height:44px}.pp-res[data-astro-cid-clqlzgp5]{background:var(--tint);border-radius:20px;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;display:flex}.pp-big[data-astro-cid-clqlzgp5]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(30px,7vw,44px);font-weight:650;line-height:1}.pp-line[data-astro-cid-clqlzgp5]{overflow-wrap:anywhere;font-size:14.5px;line-height:1.5}.pp-line[data-astro-cid-clqlzgp5].warn{color:var(--bad);font-weight:600}.pp-sec[data-astro-cid-clqlzgp5]{flex-direction:column;gap:10px;min-width:0;display:flex}.pp-sec[data-astro-cid-clqlzgp5] select[data-astro-cid-clqlzgp5]{width:100%}.seg-full[data-astro-cid-clqlzgp5] button[data-astro-cid-clqlzgp5]{flex:1 1 0;min-width:0;min-height:44px}.pp-sheet-w[data-astro-cid-clqlzgp5]{background:var(--paper);border:1px solid var(--line);border-radius:16px;justify-content:center;padding:12px;display:flex}.pp-sheet-w[data-astro-cid-clqlzgp5] canvas[data-astro-cid-clqlzgp5]{background:#fff;max-width:100%;height:auto;display:block;box-shadow:0 1px 6px #0000002e}.pp-dl[data-astro-cid-clqlzgp5]{flex-wrap:wrap;gap:10px;display:flex}.pp-dl[data-astro-cid-clqlzgp5] .btn[data-astro-cid-clqlzgp5]:disabled{opacity:.5;cursor:not-allowed}.pp-done[data-astro-cid-clqlzgp5]{background:var(--tint);overflow-wrap:anywhere;border-radius:16px;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}.pp-check[data-astro-cid-clqlzgp5]{border:1px solid var(--line);background:var(--paper);border-radius:20px;min-width:0;padding:16px 18px}.pp-check[data-astro-cid-clqlzgp5] p[data-astro-cid-clqlzgp5]{overflow-wrap:anywhere;margin:0 0 8px}.pp-check[data-astro-cid-clqlzgp5] ul[data-astro-cid-clqlzgp5]{margin:0;padding-left:20px;font-size:15px;line-height:1.6}.pp-check[data-astro-cid-clqlzgp5] a[data-astro-cid-clqlzgp5]{text-decoration:underline}