.pg-file-input{display:none}.pg-upload{width:100%}.pg-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:44px 20px;border:2px dashed rgba(124,58,237,.4);border-radius:18px;background:rgba(124,58,237,.04);cursor:pointer;transition:border-color .2s ease,background .2s ease}.pg-dropzone.dragging,.pg-dropzone:focus-visible,.pg-dropzone:hover{border-color:#7c3aed;background:rgba(124,58,237,.1);outline:none}.pg-drop-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(124,58,237,.12);color:#7c3aed;margin-bottom:4px}.pg-drop-title{font-weight:700;font-size:1.05rem;margin:0}.pg-drop-sub{font-size:.85rem;opacity:.7;margin:0;max-width:420px}.pg-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.pg-preview-img{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.15)}.pg-preview-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:.82rem}.pg-file-name{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.pg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pg-options{justify-content:space-between;gap:14px 24px}.pg-option-group,.pg-options{display:flex;flex-wrap:wrap;align-items:center}.pg-option-group{gap:8px}.pg-strip{display:flex;height:140px;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.12)}.pg-swatch{flex:1 1 0;min-width:0;border:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:0 2px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:flex-grow .2s ease}.pg-swatch:focus-visible,.pg-swatch:hover{flex-grow:1.35;outline:none}.pg-swatch:focus-visible{box-shadow:inset 0 0 0 3px rgba(124,58,237,.9)}.pg-export-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pg-code{margin:0;padding:14px 16px;border-radius:12px;background:#1c1917;color:#e7e5e4;font-size:.8rem;line-height:1.65;white-space:pre;overflow:auto;max-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pg-code:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media (max-width:560px){.pg-dropzone{padding:32px 14px}.pg-strip{flex-wrap:wrap;height:auto}.pg-swatch{flex:1 1 33.33%;height:84px;font-size:.7rem}.pg-swatch:focus-visible,.pg-swatch:hover{flex-grow:1}}