.pp-crop-wrap{max-width:280px;margin:1rem auto;background:#f7f3f2;border:1px solid var(--border-color);padding:8px}.pp-crop-wrap canvas{display:block;width:100%;height:auto}.lt-tool #pp-video{max-width:100%;height:auto}.lt-tool #pp-sheet-preview{display:block;width:100%;height:auto;border:1px solid var(--border-color)}.lt-tool #pp-sheet-preview:not([src]){display:none}.lt-tool #pp-guides{width:auto}#pp-print-frame{position:fixed;width:1px;height:1px;left:-10000px;border:0}

.pp-dimension{text-align:center;font-weight:700;font-size:.85rem;margin:0 0 .5rem}.pp-guide-key{font-size:.9rem;line-height:1.5;margin:1rem 0;padding:.75rem;border-left:3px solid #1168b8;background:#f7f3f2}.pp-guide-key p{margin:.3rem 0}.pp-guide-key[hidden]{display:none}

.pp-alignment-grid>#pp-form{grid-column:1;grid-row:1}.pp-alignment-preview{grid-column:2;grid-row:1;position:sticky;top:6.5rem;z-index:20;padding:1rem;box-shadow:0 4px 14px rgba(33,25,27,.06)}
.pp-alignment-preview .pp-crop-wrap{margin:.5rem auto;max-width:300px;padding:6px}.pp-alignment-preview canvas{width:auto;max-width:100%;max-height:340px;height:auto;margin:auto}.pp-alignment-preview .pp-guide-key{margin:.5rem 0;padding:.45rem .6rem;font-size:.85rem}.pp-alignment-preview h2{font-size:1.25rem}.pp-alignment-preview details{margin:.6rem 0 0}.pp-alignment-preview summary{cursor:pointer;font-weight:700;font-size:.9rem}.pp-alignment-preview details p,.pp-alignment-preview details li{font-size:.9rem}.pp-alignment-preview details h3{font-size:1rem;margin:1rem 0 .5rem}.pp-alignment-preview.pp-preview-static{position:static}.pp-output-sheet{max-width:620px;margin:2rem auto}.pp-output-sheet .tool-actions{justify-content:center}.pp-alignment-grid input,.pp-alignment-grid select,.pp-alignment-grid button{scroll-margin-top:7rem}
@media(max-width:900px){.pp-alignment-grid{display:block}.pp-alignment-preview{top:5.5rem;margin-bottom:1.5rem;padding:.65rem}.pp-alignment-preview h2{font-size:1rem;margin:0 0 .25rem}.pp-preview-visual{display:flex;gap:.6rem;align-items:center}.pp-alignment-preview .pp-crop-wrap{margin:0;flex:0 0 auto;max-width:47%;padding:3px}.pp-alignment-preview canvas{max-height:24svh;max-width:100%;width:auto}.pp-alignment-preview .pp-guide-key{margin:0;border:0;background:transparent;padding:0;flex:1;font-size:.75rem;line-height:1.4}.pp-alignment-preview .pp-guide-key p{margin:0 0 .35rem}.pp-alignment-preview .pp-dimension{font-size:.65rem;line-height:1.2;margin:0 0 .2rem}.pp-alignment-preview summary{font-size:.8rem}.pp-alignment-grid input,.pp-alignment-grid select,.pp-alignment-grid button{scroll-margin-top:calc(6rem + var(--pp-preview-height,230px))}}

.pp-alignment-preview{scroll-margin-top:6.5rem}@media(max-width:900px){.pp-alignment-preview{scroll-margin-top:5.5rem}}

@media(min-width:901px) and (max-height:600px){.pp-preview-visual{display:flex;gap:.6rem;align-items:center}.pp-alignment-preview .pp-crop-wrap{margin:0;max-width:45%;flex:0 0 auto}.pp-alignment-preview canvas{max-height:24svh}.pp-alignment-preview .pp-guide-key{flex:1;font-size:.75rem;margin:0;border:0;padding:0}.pp-alignment-preview .pp-dimension{font-size:.65rem}.pp-alignment-preview h2{font-size:1rem}}