#pc253-dialog{--lp-bg:#fff;--lp-ink:#14213a;--lp-line:#dce4f0;color:var(--lp-ink);background:var(--lp-bg);font:14px/1.5 Outfit,system-ui,sans-serif;border:1px solid var(--lp-line);border-radius:22px;padding:0;width:min(1120px,96vw);height:min(840px,94dvh);max-width:96vw;max-height:94dvh;margin:auto;overflow:hidden;box-sizing:border-box;box-shadow:0 24px 90px #07152c55}#pc253-dialog::backdrop{background:#0b193c88;backdrop-filter:blur(5px)}#pc253-dialog[open]{display:flex;flex-direction:column}#pc253-dialog *{box-sizing:border-box}#pc253-dialog header,#pc253-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;flex:none}#pc253-dialog header{border-bottom:1px solid var(--lp-line)}#pc253-dialog h2{font-size:21px;margin:0}#pc253-dialog small{font-size:10px;letter-spacing:.12em;color:#64748b}#pc253-dialog button{border:1px solid var(--lp-line);border-radius:10px;background:var(--lp-bg);color:inherit;font:inherit;padding:9px 13px;cursor:pointer;min-height:40px}#pc253-dialog button:disabled{opacity:.45;cursor:default}#pc253-dialog button:focus-visible,#pc253-dialog input:focus-visible,#pc253-dialog select:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}#pc253-dialog button[aria-pressed=true]{border-color:#2563eb;color:#2563eb;background:#2563eb10}.pc253-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:0;flex:1}.pc253-preview{display:flex;flex-direction:column;min-height:0;min-width:0;background:#eef3fa;padding:14px;gap:12px}#pc253-view{width:100%;height:100%;min-height:0;object-fit:contain;flex:1;touch-action:none;background:repeating-conic-gradient(#dce4ec 0% 25%,#f2f5f8 0% 50%) 50%/18px 18px;border-radius:12px}.pc253-paint{display:flex;justify-content:center;gap:7px;flex:none}.pc253-paint button{font-size:12px!important;padding:6px 10px!important}.pc253-settings{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--lp-line)}.pc253-settings nav{display:none}.pc253-scroll{overflow:auto;min-height:0;padding:8px 18px 18px;overscroll-behavior:contain}.pc253-scroll h3{font-size:15px;margin:12px 0}.pc253-scroll section{padding-bottom:15px;border-bottom:1px solid var(--lp-line)}.pc253-scroll label{display:block;font-weight:500;margin:12px 0 5px}.pc253-scroll input:not([type=checkbox]),.pc253-scroll select{display:block;width:100%;font:inherit;font-size:16px;min-width:0;color:inherit;background:var(--lp-bg)}.pc253-scroll input[type=text],#pc253-text,.pc253-scroll select{padding:9px;border:1px solid var(--lp-line);border-radius:9px}.pc253-scroll input[type=range]{accent-color:#2563eb;margin-top:8px}.pc253-scroll input[type=color]{height:35px;padding:2px;border:1px solid var(--lp-line);border-radius:8px}.pc253-scroll input[type=checkbox]{accent-color:#2563eb}.pc253-scroll p{font-size:12px;color:#64748b;margin:9px 0}.pc253-row{display:flex;gap:10px}.pc253-row>*{flex:1;min-width:0}.pc253-upload{border:1px dashed #83a7f5;border-radius:10px;padding:9px;color:#2563eb}.pc253-upload input{font-size:12px!important}.pc253-presets{display:flex;gap:5px;margin-top:14px}.pc253-presets button{flex:1;padding:7px!important;font-size:12px!important}#pc253-dialog footer{border-top:1px solid var(--lp-line)}#pc253-status{margin:0;font-size:12px;max-width:70%;overflow-wrap:anywhere}#pc253-apply{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;white-space:nowrap}.pc253-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px}.pc253-entry svg{flex:none;width:19px;height:19px}html[data-theme=dark] #pc253-dialog{--lp-bg:#132037;--lp-ink:#edf3ff;--lp-line:#33425a}html[data-theme=dark] .pc253-preview{background:#0b1528}html[data-theme=dark] .pc253-scroll p,html[data-theme=dark] #pc253-dialog small{color:#a6b5cc}@media(max-width:700px){#pc253-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}#pc253-dialog header{padding:10px 14px}#pc253-dialog h2{font-size:18px}.pc253-body{display:flex;flex-direction:column}.pc253-preview{flex:1;min-height:140px;padding:8px;gap:7px}.pc253-settings{height:226px;flex:none;border-left:0;border-top:1px solid var(--lp-line)}.pc253-settings nav{display:flex;gap:4px;padding:6px 9px;flex:none}.pc253-settings nav button{flex:1;padding:5px;font-size:12px;min-height:34px}.pc253-scroll{padding:0 14px 12px}.pc253-scroll section{display:none;border:0;padding:0}.pc253-scroll h3{display:none}#pc253-dialog[data-tab=photo] [data-lp-section=photo],#pc253-dialog[data-tab=letter] [data-lp-section=letter],#pc253-dialog[data-tab=position] [data-lp-section=position],#pc253-dialog[data-tab=style] [data-lp-section=style]{display:block}#pc253-dialog footer{padding:9px 12px}#pc253-status{font-size:11px;line-height:1.3;max-width:58%}#pc253-dialog footer button{padding:8px 12px}.pc253-scroll label{margin:7px 0 3px}.pc253-scroll p{margin:5px 0;font-size:11px}}@media(max-height:520px) and (min-width:701px){#pc253-dialog{height:96dvh;max-height:96dvh}.pc253-preview{padding:7px}.pc253-paint button{min-height:30px!important}#pc253-dialog header,#pc253-dialog footer{padding:7px 14px}}
/* Isolate the new modal from the editor's legacy generic dialog/footer rules. */
body #pc253-dialog{padding:0!important}body #pc253-dialog>header,body #pc253-dialog>footer{height:auto!important;position:static!important;transform:none!important;width:auto!important;margin:0!important}body #pc253-dialog>footer{min-height:62px!important}body #pc253-dialog button{font-size:14px!important}.pc253-paint button{font-size:12px!important}@media(max-width:700px){body #pc253-dialog button{font-size:12px!important}body #pc253-dialog>footer{min-height:62px!important}#pc253-dialog .pc253-settings{height:220px}.pc253-entry.pg88-caption-launch{flex:0 0 38px!important;min-width:38px!important;width:38px!important;padding:7px!important}.pc253-entry.pg88-caption-launch span{display:none}}

#pc253-dialog .pc253-preview{position:relative}#pc253-notice{position:absolute;z-index:2;inset:20% 12% auto;padding:16px;border-radius:12px;background:var(--lp-bg);color:var(--lp-ink);box-shadow:0 6px 26px #0002;font-size:14px;text-align:center;pointer-events:none}#pc253-notice[hidden]{display:none}#pc253-dialog[data-error=true] #pc253-notice{border:1px solid #f87171}#pc253-dialog[data-loading=true] #pc253-notice{display:block}#pc253-dialog[data-error=true] #pc253-status{color:#dc2626}html[data-theme=dark] #pc253-dialog[data-error=true] #pc253-status{color:#fca5a5}

#pc253-dialog .pc253-settings nav{display:flex;gap:3px;padding:8px;border-bottom:1px solid var(--lp-line);flex:none}#pc253-dialog .pc253-settings nav button{flex:1;padding:6px 3px;font-size:12px!important;min-width:0}#pc253-dialog .pc253-scroll section{display:none;border:0}#pc253-dialog[data-tab=mask] [data-pc-section=mask],#pc253-dialog[data-tab=blend] [data-pc-section=blend],#pc253-dialog[data-tab=transform] [data-pc-section=transform],#pc253-dialog[data-tab=finish] [data-pc-section=finish]{display:block}.pc253-frame{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}#pc253-view{transform-origin:center center}.pc253-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:center;flex:none}.pc253-tools button{padding:5px 8px!important;min-height:34px!important;font-size:12px!important}.pc253-tools label{display:flex;align-items:center;gap:5px;font-size:11px}.pc253-tools input{width:80px;accent-color:#2563eb}.pc253-scroll input[type=range]{width:100%;accent-color:#2563eb}.pc253-upload{border:1px dashed #83a7f5;border-radius:10px;padding:9px}.pc253-upload input{font-size:12px!important}.pc253-row{display:flex;gap:7px}.pc253-row>*{flex:1;min-width:0}.pc253-entry{display:inline-flex;gap:7px;align-items:center;justify-content:center}.pc253-entry svg{width:19px;height:19px;flex:none}#pc253-notice{position:absolute;z-index:2;inset:20% 12% auto;max-height:60%;overflow:auto;background:var(--lp-bg);color:var(--lp-ink);padding:16px;border-radius:12px;box-shadow:0 6px 26px #0002;pointer-events:none;text-align:center}#pc253-notice[hidden]{display:none}#pc253-dialog[data-loading=true] #pc253-notice{display:block}#pc253-dialog[data-error=true] #pc253-notice{border:1px solid #f87171}#pc253-apply{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;white-space:nowrap}#pc253-status{margin:0;font-size:12px;max-width:70%;overflow-wrap:anywhere}@media(max-width:700px){#pc253-dialog .pc253-settings{height:230px}#pc253-dialog .pc253-settings nav{padding:5px}#pc253-dialog .pc253-scroll{padding-top:0}.pc253-tools{gap:4px}.pc253-tools button{font-size:11px!important}.pc253-tools label{font-size:10px}.pc253-tools input{width:64px}#pc253-status{max-width:58%;font-size:11px}}

html[data-theme=dark] #pc253-dialog button[aria-pressed=true]{color:#bfdbfe;background:#1e40af55;border-color:#60a5fa}
