.wp-photo-editor{box-sizing:border-box;width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid #cbdde2;border-radius:20px;background:#f8fbfc;color:#202a39;box-shadow:0 24px 70px #07132155;font:400 14px/1.45 "Segoe UI",Arial,sans-serif}
.wp-photo-editor::backdrop{background:#071321b3}
.wp-photo-editor *{box-sizing:border-box;min-width:0}
.wp-photo-editor header,.wp-photo-editor footer{width:100%;max-width:100%;margin:0}
.wp-photo-editor header>p:first-child{font-size:11px;letter-spacing:.14em;font-weight:800;color:#008d8a;margin:0 0 6px}
.wp-photo-editor h2{font-size:24px;margin:0 0 8px;line-height:1.2;color:#202a39}
.wp-photo-editor header p{margin:0 0 14px}
.wp-photo-viewport{position:relative;width:min(280px,100%);margin:auto;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#0b1520}
.wp-photo-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.wp-photo-viewport>span{pointer-events:none;position:absolute;left:25%;top:10%;width:50%;height:50%;border:2px dashed #fff9;border-radius:50%;box-shadow:0 0 0 100px #0002}
.wp-photo-card-result{width:min(280px,100%);margin:14px auto}
.wp-photo-editor .wp-photo-card-preview{width:100%;height:auto;min-height:0;max-height:none;margin:0;display:block;box-shadow:none}
.wp-photo-card-preview canvas{display:block;width:100%;height:auto}
.wp-photo-card-result figcaption{font-size:11px;line-height:1.4;color:#52657a;margin-top:8px}
.wp-photo-detection{font-size:12px;color:#52657a;margin:10px 0}
.wp-photo-controls{display:grid;gap:7px}.wp-photo-controls label{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;font-size:13px;font-weight:650;text-transform:none;letter-spacing:0;color:#202a39}
.wp-photo-controls input[type=range]{width:100%;height:28px;padding:0;accent-color:#008d8a}
.wp-photo-note{font-size:11px;color:#607185;margin:12px 0}
.wp-photo-editor footer{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;background:none}
.wp-photo-editor button{min-height:42px;padding:8px 12px;border:1px solid #cbdde2;border-radius:10px;background:#fff;color:#202a39;font:650 12px "Segoe UI",Arial,sans-serif;cursor:pointer}
.wp-photo-editor [data-apply]{flex:1 0 100%;background:#173747;color:#fff;border-color:#173747}
.wp-photo-editor :focus-visible{outline:3px solid #8560ed;outline-offset:2px}
@media(max-width:400px){.wp-photo-editor{padding:16px}.wp-photo-editor [data-apply]{flex-basis:100%}.wp-photo-viewport{width:220px}}