.wpdp-app{--wpdp-bg:#f8f8f8;--wpdp-card:#ffffff;--wpdp-text:#000000;--wpdp-muted:#5a5a5a;--wpdp-accent:#20c06c;--wpdp-accent2:#18a85c;--wpdp-accent-soft:#e8f8ef;--wpdp-radius:16px;--wpdp-shadow:0 18px 50px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.04);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;font-size:.75rem;line-height:1.35;color:var(--wpdp-text);box-sizing:border-box}.wpdp-app *,.wpdp-app *::before,.wpdp-app *::after{box-sizing:border-box}.wpdp-shell{max-width:1180px;margin:0 auto;padding:1.25rem .85rem 1.75rem;background:linear-gradient(180deg,var(--wpdp-accent-soft) 0%,var(--wpdp-bg) 35%,#ffffff 100%);min-height:100%}.wpdp-header{margin-bottom:.85rem}.wpdp-brand{display:flex;align-items:center;gap:.65rem}.wpdp-logo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--wpdp-accent),var(--wpdp-accent2));color:#fff;font-size:1.05rem;box-shadow:0 6px 18px rgb(32 192 108 / .3)}.wpdp-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.03em}.wpdp-tagline{margin:.15rem 0 0;font-size:.68rem;color:var(--wpdp-muted);line-height:1.3}.wpdp-layout{display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto auto;gap:1rem;align-items:start}.wpdp-upload-row{grid-column:1 / -1;grid-row:1}.wpdp-preview-column{grid-column:1;grid-row:2;position:static;min-width:0}.wpdp-settings-column{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:.65rem;min-width:0}@media (max-width:960px){.wpdp-layout{grid-template-columns:1fr;grid-template-rows:none}.wpdp-upload-row{grid-column:1;grid-row:auto}.wpdp-preview-column{grid-column:1;grid-row:auto}.wpdp-settings-column{grid-column:1;grid-row:auto}.wpdp-shell{padding:.5rem .65rem max(0.75rem, env(safe-area-inset-bottom, 0px));padding-left:max(0.65rem, env(safe-area-inset-left, 0px));padding-right:max(0.65rem, env(safe-area-inset-right, 0px))}.wpdp-app{font-size:.625rem;line-height:1.32}.wpdp-header{margin-bottom:.5rem}.wpdp-brand{gap:.5rem}.wpdp-logo{width:34px;height:34px;border-radius:10px;font-size:1rem}.wpdp-title{font-size:.84rem}.wpdp-tagline{font-size:.56rem;margin-top:.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wpdp-layout{gap:.5rem}.wpdp-card{padding:.6rem .65rem;border-radius:12px}.wpdp-section-title{font-size:.72rem;margin-bottom:.35rem}.wpdp-preview-card{padding:.55rem .6rem;border-radius:12px}.wpdp-preview-label{font-size:.62rem;margin-bottom:.35rem}.wpdp-wa-row{margin-top:.45rem}.wpdp-wa-label{font-size:.55rem;margin-bottom:.2rem}.wpdp-circle-mask{width:min(110px, 100%);max-width:100%;aspect-ratio:1;height:auto;border-width:2px;box-shadow:0 6px 20px rgb(15 23 42 / .12)}.wpdp-upload-icon{width:32px;height:32px;font-size:.95rem;margin-bottom:.25rem}.wpdp-dropzone{min-height:72px;padding:.5rem .65rem;display:flex;align-items:center;justify-content:center;border-radius:10px}.wpdp-drop-inner p{margin:0;font-size:.68rem}.wpdp-muted{font-size:.6rem;margin-top:.2rem}.wpdp-file-name{font-size:.68rem;margin-top:.35rem;min-height:1rem}.wpdp-seg{margin-bottom:.45rem;gap:.25rem}.wpdp-seg-btn{min-height:32px;padding:.28rem .4rem;font-size:.64rem;border-radius:8px}.wpdp-btn-row{margin-bottom:.45rem;gap:.35rem}.wpdp-btn{min-height:30px;padding:.28rem .4rem;font-size:.64rem;border-radius:8px}.wpdp-field{margin-bottom:.45rem}.wpdp-label{font-size:.6rem;margin-bottom:.2rem}.wpdp-btn-primary{padding:.45rem .55rem;font-size:.68rem;border-radius:10px}.wpdp-status{font-size:.6rem;margin-top:.35rem;min-height:1rem}.wpdp-footer{margin-top:.45rem}.wpdp-footer .wpdp-muted{font-size:.52rem;line-height:1.3}.wpdp-export-card{padding-bottom:.55rem}.wpdp-preview-editor{border-radius:10px}.wpdp-zoom-strip{padding:.45rem .55rem .55rem;gap:.45rem}.wpdp-zoom-strip-label{font-size:.52rem;min-width:2rem}.wpdp-canvas{max-width:100%;max-height:min(48vw, 240px);width:auto;height:auto;margin-left:auto;margin-right:auto;display:block}.wpdp-btn-reset-original{margin-top:.35rem;font-size:.64rem}.wpdp-hint{font-size:.58rem;margin-bottom:.35rem}}.wpdp-preview-card{background:var(--wpdp-card);border-radius:var(--wpdp-radius);box-shadow:var(--wpdp-shadow);padding:.85rem .9rem;border:1px solid rgb(226 232 240 / .9);min-width:0;overflow-x:clip}.wpdp-preview-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--wpdp-muted);margin-bottom:.45rem}.wpdp-preview-editor{background:#e8eaef;border-radius:14px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px rgb(15 23 42 / .06)}.wpdp-preview-square-wrap{position:relative;border-radius:0;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .06)}.wpdp-crop-guides{display:none;position:absolute;inset:0;pointer-events:none;z-index:3}.wpdp-preview-square-wrap.is-crop-mode .wpdp-crop-guides{display:none}.wpdp-crop-guide-line{position:absolute;background:rgb(255 255 255 / .32)}.wpdp-crop-guide-v{top:0;bottom:0;width:1px;transform:translateX(-.5px)}.wpdp-crop-guide-v.wpdp-crop-guide-a{left:33.3333%}.wpdp-crop-guide-v.wpdp-crop-guide-b{left:66.6666%}.wpdp-crop-guide-h{left:0;right:0;height:1px;transform:translateY(-.5px)}.wpdp-crop-guide-h.wpdp-crop-guide-a{top:33.3333%}.wpdp-crop-guide-h.wpdp-crop-guide-b{top:66.6666%}.wpdp-crop-frame{position:absolute;display:none;pointer-events:none;border:2px solid rgb(255 255 255 / .92);border-radius:8px;box-sizing:border-box;opacity:0;transition:opacity 0.15s ease;z-index:4;box-shadow:0 0 0 1px rgb(15 23 42 / .3),0 8px 24px rgb(15 23 42 / .22);background-image:linear-gradient(90deg,transparent 33.333%,rgb(255 255 255 / .55) 33.333%,rgb(255 255 255 / .55) calc(33.333% + 1px),transparent calc(33.333% + 1px)),linear-gradient(90deg,transparent 66.666%,rgb(255 255 255 / .55) 66.666%,rgb(255 255 255 / .55) calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(0deg,transparent 33.333%,rgb(255 255 255 / .55) 33.333%,rgb(255 255 255 / .55) calc(33.333% + 1px),transparent calc(33.333% + 1px)),linear-gradient(0deg,transparent 66.666%,rgb(255 255 255 / .55) 66.666%,rgb(255 255 255 / .55) calc(66.666% + 1px),transparent calc(66.666% + 1px))}.wpdp-preview-square-wrap.is-crop-mode .wpdp-crop-frame{opacity:1;pointer-events:auto;cursor:move}.wpdp-preview-square-wrap.is-crop-mode{touch-action:none}.wpdp-zoom-strip{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem .6rem;background:#e8eaef}.wpdp-zoom-strip-label{flex-shrink:0;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;min-width:2rem}.wpdp-zoom-strip input[type='range']{flex:1;min-width:0;height:1.25rem;margin:0;-webkit-appearance:none;appearance:none;background:#fff0;accent-color:#94a3b8}.wpdp-zoom-strip input[type='range']::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#cbd5e1}.wpdp-zoom-strip input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;box-shadow:0 1px 4px rgb(15 23 42 / .2);margin-top:-7px;cursor:pointer}.wpdp-zoom-strip input[type='range']::-moz-range-track{height:4px;border-radius:999px;background:#cbd5e1}.wpdp-zoom-strip input[type='range']::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;box-shadow:0 1px 4px rgb(15 23 42 / .2);cursor:pointer}.wpdp-canvas{display:block;width:100%;height:auto;max-width:min(520px, 100%);margin:0 auto;vertical-align:middle}.wpdp-wa-row{margin-top:.75rem;text-align:center;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:center}.wpdp-wa-label{font-size:.6rem;font-weight:600;color:var(--wpdp-muted);margin-bottom:.35rem}.wpdp-circle-mask{box-sizing:border-box;width:min(168px, 100%);max-width:100%;aspect-ratio:1;height:auto;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px rgb(15 23 42 / .12);border:3px solid rgb(255 255 255 / .9);flex-shrink:0}.wpdp-canvas-circle{display:block;width:100%;height:auto;max-width:100%}.wpdp-card{background:var(--wpdp-card);border-radius:var(--wpdp-radius);padding:.85rem .95rem;box-shadow:var(--wpdp-shadow);border:1px solid rgb(226 232 240 / .9)}.wpdp-section-title{margin:0 0 .65rem;font-size:.78rem;font-weight:700}.wpdp-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:1rem .85rem;text-align:center;cursor:pointer;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;background:linear-gradient(180deg,#ffffff 0%,var(--wpdp-bg) 100%)}.wpdp-dropzone:hover,.wpdp-dropzone:focus{outline:none;border-color:var(--wpdp-accent);box-shadow:0 0 0 4px rgb(32 192 108 / .15)}.wpdp-dropzone-active{border-color:var(--wpdp-accent);background:var(--wpdp-accent-soft)}.wpdp-drop-inner{pointer-events:none}.wpdp-upload-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--wpdp-accent-soft),#ffffff);font-size:1.2rem;margin-bottom:.5rem}.wpdp-muted{color:var(--wpdp-muted);font-size:.76rem;margin:.35rem 0 0}.wpdp-file-name{font-size:.76rem;color:#334155;word-break:break-all;min-height:1.25rem;margin:.75rem 0 0;text-align:center}.wpdp-seg{display:flex;gap:.28rem;flex-wrap:wrap;margin-bottom:.65rem}.wpdp-seg-single{justify-content:flex-start}.wpdp-seg-static{cursor:default;user-select:none;pointer-events:none}.wpdp-seg-btn{flex:1;min-width:0;padding:.5rem .65rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:.76rem;font-weight:600;cursor:pointer;color:#475569;transition:background 0.15s,border-color 0.15s,color 0.15s}.wpdp-seg-btn.is-active{border-color:rgb(32 192 108 / .45);background:linear-gradient(180deg,var(--wpdp-accent-soft),#ffffff);color:var(--wpdp-accent);box-shadow:0 2px 8px rgb(32 192 108 / .15)}.wpdp-field{margin-bottom:.65rem}.wpdp-field:last-child{margin-bottom:0}.wpdp-label{display:block;font-size:.72rem;font-weight:600;color:#475569;margin-bottom:.35rem}.wpdp-row{display:flex;gap:.5rem;align-items:center}.wpdp-row input[type="color"]{width:100%;height:42px;border:1px solid #e2e8f0;border-radius:10px;padding:2px;cursor:pointer;background:#fff}input[type="range"]{width:100%;accent-color:var(--wpdp-accent)}.wpdp-btn-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}.wpdp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem .65rem;border-radius:9px;font-size:.72rem;font-weight:600;cursor:pointer;border:none;transition:transform 0.08s ease,filter 0.15s,box-shadow 0.15s}.wpdp-btn:active{transform:translateY(1px)}.wpdp-btn-ghost{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;flex:1;min-width:calc(33% - 0.35rem)}.wpdp-btn-ghost:hover{background:#e2e8f0}.wpdp-btn-secondary{width:100%;background:#fff;color:var(--wpdp-accent);border:1px solid rgb(32 192 108 / .35);margin-top:.25rem}.wpdp-btn-secondary:hover{background:var(--wpdp-accent-soft)}.wpdp-btn-reset-original{margin-top:.5rem}.wpdp-btn-reset-original:disabled{opacity:.45;cursor:not-allowed}.wpdp-btn-primary{width:100%;padding:.6rem .75rem;background:linear-gradient(135deg,var(--wpdp-accent),var(--wpdp-accent2));color:#fff;box-shadow:0 8px 22px rgb(32 192 108 / .32);font-size:.74rem}.wpdp-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.wpdp-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.wpdp-hint{font-size:.7rem;color:var(--wpdp-muted);margin:0 0 .5rem;line-height:1.35}.wpdp-hint:empty{display:none;margin:0}.wpdp-export-card{padding-bottom:1rem}.wpdp-status{margin:.75rem 0 0;font-size:.76rem;text-align:center;color:#475569;min-height:1.25rem}.wpdp-status.is-error{color:#dc2626;font-weight:500}.wpdp-footer{margin-top:1rem;text-align:center}.wpdp-footer .wpdp-muted{font-size:.65rem;line-height:1.35}.wpdp-hidden{display:none!important}.wpdp-offscreen{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none;visibility:hidden}.wpdp-preview-square-wrap.is-dragging{cursor:grabbing}.wpdp-preview-square-wrap{cursor:grab}.wpdp-settings-column .wpdp-field input[type='range']{accent-color:var(--wpdp-accent)}