.pn-app{max-width:560px;margin:0 auto;padding:8px 16px 24px;box-sizing:border-box}.pn-h1{font-size:clamp(1.4rem,5vw,1.9rem)!important;font-weight:800;color:#1e293b!important;text-align:center;margin:8px 0 6px}.pn-lead{font-size:.95rem!important;color:#475569!important;text-align:center;margin:0 0 12px;line-height:1.7}.pn-privacy{display:block;width:fit-content;margin:0 auto 24px;background:#e8f5e9;color:#1b5e20!important;border:1px solid #a5d6a7;border-radius:20px;padding:6px 16px;font-size:.82rem!important;text-align:center}.pn-privacy i{margin-right:6px}.pn-step{margin-bottom:26px;text-align:center}.pn-step[hidden]{display:none}.pn-step-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.05rem!important;font-weight:800;color:#1e293b!important;margin:0 0 14px}.pn-step-no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--accent, #2a9d8f);color:#fff!important;font-size:.85rem!important;font-weight:800}.pn-dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px dashed var(--accent, #2a9d8f);border-radius:14px;padding:34px 14px;cursor:pointer;color:var(--accent, #2a9d8f)!important;background:transparent;transition:background .15s ease}.pn-dropzone:hover,.pn-dropzone.is-dragover{background:var(--accent-bg, #eaf5f4)}.pn-dropzone i{font-size:1.8rem}.pn-dropzone-main{font-size:.95rem!important;font-weight:700}.pn-dropzone-sub{font-size:.78rem!important;color:#888!important}.pn-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pn-status{margin:12px 0 0;font-size:.85rem!important;color:#b91c1c!important;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;text-align:left;line-height:1.7}.pn-status a{color:#b91c1c!important;font-weight:700}.pn-hint{font-size:.82rem!important;color:#64748b!important;margin:0 0 12px}.pn-hint i{margin-right:4px}.pn-crop-area{display:flex;justify-content:center;margin-bottom:12px}#pnCropCanvas{max-width:100%;border-radius:12px;touch-action:none;cursor:grab;box-shadow:0 4px 16px #0f172a1f}#pnCropCanvas:active{cursor:grabbing}.pn-zoom-row{display:flex;align-items:center;gap:10px;max-width:320px;margin:0 auto;color:#64748b!important}.pn-zoom-row input[type=range]{flex:1;accent-color:var(--accent, #2a9d8f)}.pn-setting-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px}.pn-setting-label{font-size:.85rem!important;font-weight:700;color:#475569!important}.pn-pillgroup{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px}.pn-pill{appearance:none;border:1.5px solid #dbe3ee;background:#fff!important;color:#475569!important;font-size:.88rem!important;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;box-shadow:0 2px #94a3b840;transition:transform .12s ease,background .12s ease,color .12s ease}.pn-pill:hover{transform:translateY(-1px)}.pn-pill.is-active{background:var(--accent, #2a9d8f)!important;border-color:var(--accent, #2a9d8f);color:#fff!important}.pn-text-input{width:100%;max-width:320px;box-sizing:border-box;padding:10px 12px;font-size:.95rem!important;color:#1e293b!important;background:#fff;border:1.5px solid #dbe3ee;border-radius:10px;text-align:center}.pn-text-input:focus{outline:none;border-color:var(--accent, #2a9d8f)}.pn-check{display:inline-flex;align-items:center;gap:8px;font-size:.88rem!important;color:#475569!important;cursor:pointer;user-select:none}.pn-check input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent, #2a9d8f);cursor:pointer}.pn-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;font-size:.95rem!important;font-weight:700;padding:13px 20px;border-radius:12px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.pn-btn:hover{transform:translateY(-1px)}.pn-btn-primary{background:var(--accent, #2a9d8f)!important;color:#fff!important}.pn-btn-primary:hover{background:var(--accent-hover, #21867a)!important}.pn-btn-ghost{background:#fff!important;border-color:#dbe3ee;color:#475569!important}.pn-btn-ghost:hover{background:#f1f5f9!important}.pn-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pn-actions .pn-btn{flex:1 1 150px;max-width:220px}.pn-print-note{font-size:.78rem!important;color:#94a3b8!important;margin:8px 0 14px;line-height:1.6}.pn-sheet-wrap{display:flex;justify-content:center}.pn-sheet-box{position:relative;display:inline-block;width:100%;max-width:380px;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 16px #0f172a33;transition:opacity .15s ease}.pn-sheet-box.is-busy{opacity:.45}.pn-sheet{display:block;width:100%;height:auto;background:#fff}.pn-preview-caption{font-size:.78rem!important;color:#94a3b8!important;margin:10px 0 0}.pn-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(10px);background:#1e293b;color:#fff!important;font-size:.86rem!important;font-weight:700;padding:11px 22px;border-radius:999px;box-shadow:0 10px 24px #0f172a59;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:120;max-width:90vw}.pn-toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}.pn-toast[hidden]{display:block}@media (prefers-reduced-motion: reduce){.pn-pill,.pn-btn,.pn-toast,.pn-dropzone,.pn-sheet-box{transition:none!important}}@media (max-width: 380px){.pn-pill{padding:8px 12px;font-size:.84rem!important}.pn-btn{padding:12px 16px}}@media print{.pn-sheet-wrap{display:block!important;margin:0!important;padding:0!important}.pn-sheet-box{display:block!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;opacity:1!important}.pn-sheet{width:100%!important;height:100%!important}}