.pep3d-editor-heading{min-width:0}.pep3d-editor-heading small{display:block;max-width:min(760px,78vw);margin-top:2px;overflow:hidden;color:inherit;font-size:11px;font-weight:400;opacity:.72;text-overflow:ellipsis;white-space:nowrap}.pep3d-editor-svg-value{display:inline-flex;align-items:center;justify-self:end;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.pep3d-editor-svg-value input[type=number]{width:68px;min-width:0;padding:4px 2px 4px 7px;border:0!important;background:transparent!important;color:var(--ink);font:inherit;text-align:right}.pep3d-editor-svg-value small{padding-right:6px;color:var(--ink);font-size:11px;opacity:.7}.pep3d-editor-svg-value:focus-within{border-color:var(--p);box-shadow:0 0 0 2px #fc945426}[data-pepimagem-theme="dark"] .pep3d-editor-svg-value{background:#293237}
[data-pepimagem-theme="dark"].pepimagem-app{--ink:#e8f1f2;--line:#46545a;background:#20262a;color:#e8f1f2;box-shadow:0 18px 50px #0006}
[data-pepimagem-theme="dark"] .pepimagem-header{background:#152125}
[data-pepimagem-theme="dark"] .pepimagem-workspace{background:#20262a}
[data-pepimagem-theme="dark"] .pepimagem-upload{border-color:#687b82;background:#293237}
[data-pepimagem-theme="dark"] .pepimagem-result canvas,[data-pepimagem-theme="dark"].pep3d-modal .pep3d-crop-stage canvas,[data-pepimagem-theme="dark"] .pep3d-editor-canvas-wrap{background:conic-gradient(#30373d 25%,#1d2226 0 50%,#30373d 0 75%,#1d2226 0) 0/22px 22px}
[data-pepimagem-theme="dark"].pep3d-modal{--ink:#e8f1f2;--line:#46545a;color:#e8f1f2}
[data-pepimagem-theme="dark"].pep3d-modal .pep3d-modal-card,[data-pepimagem-theme="dark"] .pep3d-image-editor-card{background:#20262a}
[data-pepimagem-theme="dark"].pep3d-modal .pep3d-tip{background:#29383b}
[data-pepimagem-theme="dark"] .pep3d-editor-toolbar input:not([type="range"]):not([type="color"]),[data-pepimagem-theme="dark"] .pep3d-editor-toolbar select,[data-pepimagem-theme="dark"].pep3d-modal .pep3d-adjustments input:not([type="range"]):not([type="color"]),[data-pepimagem-theme="dark"].pep3d-modal .pep3d-adjustments select{border-color:#5b696f;background:#293237;color:#e8f1f2}
.pep3d-modal{--p:#fc9454;--ink:#173c42;--line:#d7e0e1;width:min(1080px,96vw);max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:18px;overflow:visible;box-shadow:0 20px 80px #11182755;color:var(--ink);font:14px/1.35 Arial,sans-serif}
.pep3d-modal::backdrop{background:#111827b0}.pep3d-modal-card{position:relative;display:flex;max-height:calc(100dvh - 24px);min-height:0;flex-direction:column;overflow:hidden;background:#fff}.pep3d-modal-card>header,.pep3d-modal-card>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line)}.pep3d-modal-card>header h2,.pep3d-image-editor-card h3{margin:0}.pep3d-modal-header-actions{display:flex;align-items:center;gap:10px}.pep3d-modal-card>header button,.pep3d-image-editor-card>header button{border:0;font-size:24px}.pep3d-modal-card>header .pep3d-theme-toggle{min-width:124px;border:1px solid #ccd7d9;font-size:14px}.pep3d-modal-card>footer{justify-content:flex-end;gap:12px;border:0;border-top:1px solid var(--line)}.pep3d-modal button{min-height:34px;padding:7px 12px;border:1px solid #ccd7d9;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.pep3d-modal button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.pep3d-modal .is-primary{border-color:var(--p);background:var(--p);color:#fff}
.pep3d-modal-body{display:grid;min-height:0;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:26px;padding:18px 24px;overflow:auto}.pep3d-crop-stage canvas{width:100%;max-height:440px;border-radius:12px;background:conic-gradient(#edf0f5 25%,#fff 0 50%,#edf0f5 0 75%,#fff 0) 0/22px 22px}.pep3d-open-image-editor{display:block;margin:10px 0 0 10px;min-width:108px}.pep3d-tip{margin-top:14px;padding:12px;border-radius:10px;background:#eef8f8}.pep3d-tip p{margin:5px 0 0}.pep3d-adjustments label{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:10px;margin:12px 0}.pep3d-ratios{display:flex;flex-wrap:wrap;gap:6px}.pep3d-ratios .is-active{border-color:var(--p);background:var(--p);color:#fff}.pep3d-transparent-colors{display:grid;grid-template-columns:120px 1fr;align-items:start;gap:8px;margin:14px 0}.pep3d-transparent-colors[hidden]{display:none}.pep3d-transparent-colors>span{padding-top:8px}.pep3d-transparent-colors>[data-pep3d-transparent-color-list]{display:flex;flex-wrap:wrap;gap:6px}.pep3d-transparent-color-item{display:inline-flex;align-items:center;gap:3px}.pep3d-transparent-color-item input[type=color]{height:34px;min-width:54px;padding:2px}.pep3d-transparent-colors>[data-pep3d-add-transparent-color],.pep3d-transparent-colors>small{grid-column:2;justify-self:start}.pep3d-crop-stage canvas.is-selecting-transparent-color{cursor:crosshair}
.pep3d-image-editor[hidden]{display:none!important}.pep3d-image-editor{--p:#fc9454;--ink:#173c42;--line:#d7e0e1;position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100vw!important;height:100dvh!important;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;overflow:hidden!important;overscroll-behavior:contain;background:#111827b8;color:var(--ink);font:14px/1.35 Arial,sans-serif}.pep3d-image-editor-card{display:flex!important;width:min(1280px,calc(100vw - 16px))!important;max-width:100%!important;height:calc(100dvh - 16px)!important;max-height:100%!important;min-height:0!important;margin:0!important;flex-direction:column!important;overflow:hidden!important;border-radius:14px;background:#fff;box-shadow:0 20px 70px #0007}.pep3d-image-editor button{min-height:34px;padding:7px 12px;border:1px solid #ccd7d9;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.pep3d-image-editor button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.pep3d-image-editor .is-primary{border-color:var(--p);background:var(--p);color:#fff}.pep3d-image-editor-card>header,.pep3d-image-editor-card>footer{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line)}.pep3d-image-editor-card>footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}
.pep3d-editor-toolbar{display:grid;flex:0 0 auto;gap:8px;padding:8px 16px;overflow:visible}.pep3d-editor-toolbar-row{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px}.pep3d-editor-pipeline{align-self:stretch;width:1px;min-height:30px;margin:0 3px 0 auto;background:var(--line)}.pep3d-editor-toolbar-adjustments{padding-top:8px;border-top:1px solid var(--line)}.pep3d-editor-toolbar-adjustments:has(.pep3d-editor-svg-control:not([hidden])){flex-wrap:nowrap}.pep3d-editor-toolbar button{padding:7px 9px}.pep3d-editor-toolbar-row:first-child>button{display:inline-grid;place-items:center;width:38px;height:36px;padding:7px}.pep3d-editor-toolbar-row:first-child>button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pep3d-editor-toolbar-row:first-child>button svg .is-filled{fill:currentColor;stroke:none}.pep3d-svg-tool-icon{font-size:9px;font-weight:800}.pep3d-editor-toolbar button.is-active{background:var(--p);color:#fff}.pep3d-crop-actions{display:inline-flex;flex-wrap:wrap;gap:6px}.pep3d-crop-actions[hidden],.pep3d-editor-toolbar-adjustments [data-pep3d-editor-context][hidden]{display:none!important}.pep3d-editor-toolbar label{display:inline-flex;min-width:0;align-items:center;gap:6px}.pep3d-editor-toolbar input[type=color]{width:38px;height:34px;padding:2px}.pep3d-editor-toolbar input[type=range]{width:min(190px,32vw);min-width:90px;accent-color:var(--p)}.pep3d-editor-rotation-control{flex:1 1 260px}.pep3d-editor-svg-control{display:grid!important;grid-template-columns:minmax(0,1fr) auto;flex:1 1 0;gap:4px 8px}.pep3d-editor-svg-control input[type=range]{grid-column:1/-1;width:100%;min-width:0}.pep3d-editor-toolbar-adjustments output{min-width:38px;text-align:right}.pep3d-editor-canvas-wrap{display:grid!important;min-width:0!important;min-height:0!important;flex:1 1 0!important;place-items:center!important;overflow:hidden!important;padding:10px!important;background:conic-gradient(#dfe4ec 25%,#fff 0 50%,#dfe4ec 0 75%,#fff 0) 0/20px 20px}.pep3d-editor-canvas-wrap canvas{display:block!important;width:auto;height:auto;max-width:none!important;max-height:none!important;touch-action:none;cursor:crosshair;transform-origin:center;will-change:transform}
.pepimagem-app{--p:#fc9454;--ink:#173c42;--line:#d7e0e1;max-width:1180px;margin:24px auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;color:var(--ink);font:15px/1.45 Arial,sans-serif;box-shadow:0 18px 50px #173c4218}.pepimagem-header{padding:20px 24px;background:var(--ink);color:#fff}.pepimagem-header strong,.pepimagem-header small{display:block}.pepimagem-header strong{font-size:22px}.pepimagem-header small{margin-top:3px;opacity:.82}.pepimagem-workspace{padding:28px}.pepimagem-upload{display:grid;min-height:300px;place-items:center;align-content:center;gap:8px;border:2px dashed #9eb4b7;border-radius:14px;background:#f7fbfb;cursor:pointer}.pepimagem-upload[hidden]{display:none}.pepimagem-upload:hover,.pepimagem-upload:focus{border-color:var(--p);outline:0}.pepimagem-upload>span{font-size:54px;color:var(--p)}.pepimagem-upload input{display:none}.pepimagem-result{text-align:center}.pepimagem-result[hidden]{display:none}.pepimagem-result canvas{display:block;max-width:100%;max-height:65vh;margin:0 auto 18px;background:conic-gradient(#edf0f5 25%,#fff 0 50%,#edf0f5 0 75%,#fff 0) 0/22px 22px}.pepimagem-result>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pepimagem-result button{padding:10px 16px;border:1px solid #ccd7d9;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.pepimagem-result .is-primary{border-color:var(--p);background:var(--p);color:#fff}
@media(max-width:720px){.pep3d-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.pep3d-modal-card{max-height:calc(100dvh - 16px)}.pep3d-modal-card>header,.pep3d-modal-card>footer{padding:10px 12px}.pep3d-modal-card>header h2{font-size:17px}.pep3d-modal-body{grid-template-columns:1fr;gap:16px;padding:12px}.pep3d-adjustments label{grid-template-columns:92px minmax(0,1fr) 34px}.pep3d-transparent-colors{grid-template-columns:92px minmax(0,1fr)}.pep3d-image-editor{padding:4px!important}.pep3d-image-editor-card{width:calc(100vw - 8px)!important;height:calc(100dvh - 8px)!important;border-radius:9px}.pep3d-image-editor-card>header,.pep3d-image-editor-card>footer{padding:7px 9px}.pep3d-editor-toolbar{gap:5px;padding:6px 8px}.pep3d-editor-toolbar-row{gap:5px}.pep3d-editor-toolbar-row:first-child>button{width:34px;height:32px;padding:5px}.pep3d-editor-pipeline{display:none}.pep3d-editor-toolbar-adjustments{padding-top:5px}.pep3d-editor-toolbar label{flex:1 1 160px;justify-content:space-between}.pep3d-editor-toolbar input[type=range]{width:min(180px,48vw);flex:1 1 auto}.pep3d-editor-canvas-wrap{padding:5px!important}.pep3d-image-editor-card>footer button{flex:1 1 auto}.pepimagem-workspace{padding:12px}.pepimagem-upload{min-height:220px}}

/* Controles de zoom da área de edição. */
.pep3d-editor-toolbar button[data-pep3d-editor-zoom]{background:#eef8f8}
.pep3d-editor-toolbar button[data-pep3d-editor-zoom]:hover:not(:disabled){border-color:var(--p);color:var(--p)}
[data-pepimagem-theme="dark"] .pep3d-editor-toolbar button[data-pep3d-editor-zoom]{background:#293237}
.pep3d-editor-canvas-wrap{place-items:safe center!important;overflow:auto!important}

/* Delimita o canvas em relação à área externa do editor. */
.pep3d-editor-canvas-wrap{background:#d8dde2!important}
.pep3d-editor-canvas-wrap canvas{background:conic-gradient(#dfe4ec 25%,#fff 0 50%,#dfe4ec 0 75%,#fff 0) 0/20px 20px;box-shadow:0 0 0 1px #173c4240,0 4px 14px #173c4226}
[data-pepimagem-theme="dark"].pep3d-image-editor .pep3d-editor-canvas-wrap{background:#5b646a!important}
[data-pepimagem-theme="dark"].pep3d-image-editor .pep3d-editor-canvas-wrap canvas{background:conic-gradient(#30373d 25%,#1d2226 0 50%,#30373d 0 75%,#1d2226 0) 0/22px 22px;box-shadow:0 0 0 1px #ffffff80,0 4px 16px #0008}
.pep3d-editor-canvas-wrap canvas.is-panning-viewport{cursor:grab}
.pep3d-editor-canvas-wrap canvas.is-panning-viewport-active{cursor:grabbing}
.pepimagem-header{display:flex;align-items:center;gap:16px}.pepimagem-theme-toggle{margin-left:auto;white-space:nowrap}.pepimagem-app.is-night-mode{--line:#263442;background:#080d12;color-scheme:dark}.pepimagem-app.is-night-mode .pepimagem-workspace{background:#080d12}.pepimagem-app.is-night-mode .pepimagem-upload{border-color:#fc9454;background:#111a22;color:#e8f1f2}.pepimagem-app.is-night-mode .pepimagem-result{color:#e8f1f2}.pepimagem-app.is-night-mode .pepimagem-theme-toggle{border-color:#fc9454;background:#202a35;color:#fff}

/* Atalhos dos ângulos mais usados na ferramenta Girar. */
.pep3d-editor-rotation-control-group{display:flex;flex:1 1 430px;min-width:0;align-items:center;gap:8px}
.pep3d-editor-rotation-control-group>label{display:flex;flex:1 1 260px}
.pep3d-editor-rotation-control-group input[type=range]{flex:1 1 auto}
.pep3d-editor-rotation-presets{display:inline-flex;flex:0 0 auto;gap:6px}
.pep3d-editor-rotation-presets button{min-width:48px;padding-inline:8px}
@media(max-width:720px){.pep3d-editor-rotation-control-group{flex-basis:100%;flex-wrap:wrap}.pep3d-editor-rotation-presets{margin-left:auto}}