.pcrop-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;background:rgb(10 12 20 / .6);backdrop-filter:blur(2px);padding:20px}.pcrop-modal.active{display:flex}.pcrop-box{width:100%;max-width:400px;background:var(--surface,#fff);border-radius:16px;box-shadow:0 20px 50px rgb(0 0 0 / .35);overflow:hidden;display:flex;flex-direction:column}.pcrop-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border,#e5e7eb)}.pcrop-head h3{margin:0;font-size:1.02rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text,#111827)}.pcrop-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--text-light,#6b7280);padding:4px}.pcrop-close:hover{color:var(--text,#111827)}.pcrop-stage-wrap{background:repeating-conic-gradient(#00000014 0% 25%,#ffffff00 0% 50%) 50% / 20px 20px;display:flex;align-items:center;justify-content:center;padding:22px}.pcrop-stage{position:relative;width:280px;height:280px;max-width:100%;overflow:hidden;border-radius:12px;background:#1a1d29;touch-action:none;cursor:grab}.pcrop-stage.dragging{cursor:grabbing}.pcrop-img{position:absolute;left:0;top:0;transform-origin:0 0;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:none}.pcrop-mask{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 9999px rgb(10 12 20 / .55)}.pcrop-mask.square{border-radius:4px}.pcrop-controls{display:flex;align-items:center;gap:12px;padding:4px 22px 20px}.pcrop-controls i{color:var(--text-light,#6b7280);font-size:18px;flex:0 0 auto}.pcrop-zoom{flex:1 1 auto;accent-color:var(--primary,#2563eb);cursor:pointer}.pcrop-hint{padding:0 22px 18px;margin:0;font-size:.8rem;color:var(--text-light,#6b7280);text-align:center}.pcrop-actions{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--border,#e5e7eb)}.pcrop-btn{flex:1;padding:10px 14px;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;border:1px solid var(--border,#e5e7eb);background:var(--surface-2,#f3f4f6);color:var(--text,#111827);display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s,border-color .15s}.pcrop-btn:hover{background:var(--surface-3,#e5e7eb)}.pcrop-btn-reset{flex:0 0 auto;padding-left:12px;padding-right:12px}.pcrop-btn-save{background:var(--primary,#2563eb);border-color:var(--primary,#2563eb);color:#fff}.pcrop-btn-save:hover{background:var(--primary-hover,#1d4ed8)}@media (prefers-color-scheme:dark){.pcrop-box{background:var(--surface,#1e2130)}}:root[data-theme="dark"] .pcrop-box{background:var(--surface,#1e2130)}