.png-dialog{color:#202c49;background:#fffefa;border:1px solid #e6e8df;border-radius:26px;width:min(980px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;font-family:Mojitsuku Round,Yu Gothic,sans-serif;overflow:auto;box-shadow:0 24px 80px #26344640}.png-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26344966}.png-dialog-inner{padding:28px}.png-dialog header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.png-dialog header p{color:#709384;margin:0 0 4px;font-size:14px}.png-dialog h2{margin:0;font-size:28px}.png-dialog button,.png-dialog textarea{font:inherit}.png-close{cursor:pointer;background:#eef4ef;border:0;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:26px!important}.png-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;display:grid}.png-options,.png-result{min-width:0}.png-text-label{gap:10px;font-size:17px;display:grid}.png-options textarea{resize:vertical;background:#fff;border:1px solid #dce5de;border-radius:14px;width:100%;min-height:140px;padding:14px;font-size:16px;line-height:1.8}.png-dialog small{color:#76877d;margin-top:6px;font-size:13px;line-height:1.7;display:block}.png-options fieldset{border:0;margin:24px 0 0;padding:0}.png-options legend{margin-bottom:14px;font-size:16px}.png-range{margin:0 0 18px;display:block}.png-range>span{justify-content:space-between;font-size:14px;display:flex}.png-range output{color:#6d8d7e;font-variant-numeric:tabular-nums}.png-range input{accent-color:#428f79;cursor:pointer;width:100%;height:30px}.png-align{gap:6px;display:flex}.png-align button{color:#345f53;cursor:pointer;background:#fff;border:1px solid #dde7df;border-radius:12px;flex:1;min-height:44px;font-size:14px}.png-align button[aria-pressed=true]{background:#e5f1e9;border-color:#6d9c88}.png-preview-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.png-preview-heading h3{margin:0;font-size:17px}.png-preview-heading span{color:#548471;background:#edf4ee;border-radius:20px;padding:6px 10px;font-size:12px}.png-checker{background-color:#fff;background-image:conic-gradient(#eef0ed 25%,transparent 0 50%,#eef0ed 0 75%,transparent 0);background-size:20px 20px;border:1px solid #e0e5e0;border-radius:18px;justify-content:center;align-items:center;min-height:260px;padding:20px;display:flex;overflow:auto}.png-checker img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:380px;display:block}.png-checker p{color:#65766b;text-align:center;background:#ffffffe6;border-radius:10px;padding:12px;font-size:14px}.png-output-info{color:#557567;margin:12px 0 0;font-size:14px}.png-warning{color:#8a5042;overflow-wrap:anywhere;background:#fff0e5;border:1px solid #efd8c8;border-radius:12px;padding:12px 14px;font-size:14px}.png-warning b,.png-warning span{line-height:1.7;display:block}.png-save{color:#223550;cursor:pointer;background:#ffdb73;border:0;border-radius:24px;width:100%;min-height:52px;margin-top:20px;font-size:17px!important;font-weight:700!important}.png-save:disabled{opacity:.5;cursor:not-allowed}.png-dialog :focus-visible{outline-offset:3px;outline:3px solid #e9be43}.editor-page .png-open{color:#315f50;cursor:pointer;white-space:nowrap;background:#edf6ef;border:1px solid #83ac99;border-radius:16px;min-height:44px;padding:10px 16px;font-size:15px}.editor-page .png-open:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.png-dialog{border-radius:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.png-dialog-inner{padding:20px}.png-layout{grid-template-columns:1fr;gap:24px}.png-dialog h2{font-size:25px}.png-checker{min-height:180px;padding:12px}.png-checker img{max-height:260px}.png-dialog header{margin-bottom:18px}}.png-color-options{gap:12px;display:grid}.png-color-options>label,.png-color-options details>label{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.png-color-options input[type=color]{background:#fff;border:1px solid #d4dfd5;border-radius:8px;width:44px;height:34px}.png-color-options input[type=checkbox]{accent-color:#368e77;width:18px;height:18px}.png-color-options select{font:inherit;background:#fff;border:1px solid #d4dfd5;border-radius:9px;padding:6px}.png-color-options details{background:#edf5ef;border-radius:12px;padding:12px;font-size:13px}.png-color-options summary{cursor:pointer}.png-letter-picks{flex-wrap:wrap;gap:5px;max-height:130px;margin:10px 0;display:flex;overflow:auto}.png-letter-picks button{background:#fff;border:1px solid #c9d9ce;border-radius:7px;min-width:30px;min-height:34px}.png-letter-picks button[aria-pressed=true]{color:#fff;background:#358f77}.png-color-options details>button{font:inherit;color:#34765d;cursor:pointer;background:0 0;border:0;padding:8px 0}.png-result{align-self:start;position:sticky;top:0}@media (width<=700px){.png-result{position:static}}.png-position-preview{flex-shrink:0;width:100%;position:relative;overflow:visible}.png-checker .png-position-preview img{pointer-events:none;width:100%;height:auto;max-height:none}.png-position-preview button{cursor:move;touch-action:none;background:0 0;border:1px solid #0000;padding:0;position:absolute}.png-position-preview button:hover,.png-position-preview button.selected{border:1px dashed #438b75}.png-position-preview button:focus-visible{outline:2px solid #e7b839}.png-color-options input[type=number]{width:90px;font:inherit;border:1px solid #cbdccd;border-radius:8px;padding:6px}.png-preview-heading h3{font-size:14px}.png-position-preview button{box-shadow:none!important;background:0 0!important;border-radius:0!important}