.e3-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid #e1e8e4;background:#fff}.e3-tools button,.e3-controls button{min-height:44px;padding:8px 14px;border:1px solid #b7c7bd;border-radius:9px;background:#fff;color:#174c3b;font:inherit;font-size:12px;cursor:pointer}.e3-tools button:hover,.e3-controls button:hover{background:#edf6f0;border-color:#438c6d}.e3-tools button:focus-visible,.e3-controls button:focus-visible,.e3-viewport canvas:focus-visible{outline:3px solid #8a6500;outline-offset:3px}.e3-status{flex:1;min-width:120px;font-size:11px;line-height:1.5;color:#4b6258}.e3-viewport{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#fff,#f1f7f2);aspect-ratio:76/49;width:100%;direction:ltr}.e3-viewport canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.e3-viewport canvas:active{cursor:grabbing}.e3-controls{position:absolute;z-index:2;bottom:10px;inset-inline:12px;display:flex;gap:6px;justify-content:center;pointer-events:none}.e3-controls button{pointer-events:auto;background:#fffffff0;backdrop-filter:blur(5px);box-shadow:0 3px 12px #193d2910}.e3-controls button:first-child,.e3-controls button:last-child{font-size:18px;padding:5px 13px}.e3-note{position:absolute;z-index:2;top:13px;inset-inline:15px;font-size:10px;line-height:1.4;color:#456250;max-width:90%;pointer-events:none}.hx.e3-active .hx__stage>.hx__svg,.hx.e3-active .hx__eyebrow{display:none}.hv-visual.e3-active>svg{display:none!important}.hv-visual>.e3-viewport{max-width:100%;aspect-ratio:320/205;min-width:0}.hv-visual .e3-controls{bottom:5px;inset-inline:5px}.hv-visual .e3-controls button{min-height:40px;padding:5px 9px;font-size:10px}.hv-visual .e3-note{font-size:9px;top:8px;inset-inline:9px}.hv-visual .e3-tools{grid-column:1/-1;justify-content:center}.hv-visual .e3-status{flex-basis:100%;text-align:center}.hv-visual .e3-viewport{grid-column:1}.hv-visual figcaption{align-self:center}@media(max-width:480px){.e3-note{font-size:9px;max-width:85%}.e3-controls button{font-size:10px;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.e3-viewport *{transition:none!important;animation:none!important}}@media(forced-colors:active){.e3-tools,.e3-controls button{border:1px solid ButtonText}.e3-note{background:Canvas;color:CanvasText}}
.hv-visual#hv-inner.e3-active figcaption{grid-column:2;grid-row:2;border:0}.hv-visual#hv-inner.e3-active .e3-tools{grid-row:3}.hv-visual#hv-inner.e3-active .e3-viewport{min-height:225px}@media(max-width:600px){.hv-visual#hv-inner.e3-active{grid-template-columns:minmax(0,1fr)}.hv-visual#hv-inner.e3-active figcaption{grid-column:1;grid-row:3}.hv-visual#hv-inner.e3-active .e3-tools{grid-row:4}}
.e3-placeholder{display:grid;place-items:center;aspect-ratio:76/49;width:100%;background:radial-gradient(ellipse at 50% 30%,#fff,#f1f7f2);font-size:12px;color:#456250}.hx.e3-pending .hx__stage>.hx__svg,.hx.e3-pending .hx__eyebrow,.hv-visual.e3-pending>svg{display:none!important}.e3-tools [hidden]{display:none}.e3-controls button:last-child{font-size:11px;padding:5px 9px}.hv-visual>.e3-placeholder{max-width:100%;aspect-ratio:320/205;min-width:0}
.e3-converter#ic-dis-cap{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:0 32px;align-items:start}.e3-converter#ic-dis-cap>h2,.e3-converter#ic-dis-cap>.commerce-note{grid-column:1/-1}.e3-converter#ic-dis-cap>.commerce-note{margin-bottom:24px}.e3-inputs{min-width:0;align-self:center}.e3-converter .commerce-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.e3-converter .commerce-input-grid>button{grid-column:1/-1;width:100%;min-height:48px}.e3-formula{padding:18px;margin:22px 0 0;border-radius:12px;border:1px solid #e4dfcd;background:#fffaf0}.e3-formula span{display:block;font-size:14px;color:#665021}.e3-formula small{display:block;margin-top:8px;font-size:12px;line-height:1.7;color:#52636b}.e3-converter #pe-inner-result:not(:empty){padding:14px 16px;background:#eff8f2;border-inline-start:3px solid #2b8054;border-radius:6px;color:#174c3b}.e3-converter .hv-visual#hv-inner{grid-column:2;grid-row:3;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;min-width:0}.e3-converter #hv-inner .hv-visual__head{width:100%}.e3-converter #hv-inner>.e3-viewport,.e3-converter #hv-inner>.e3-placeholder{aspect-ratio:1.7;min-height:240px;flex:none}.e3-converter #hv-inner>svg{width:100%;height:250px}.e3-converter #hv-inner figcaption{align-self:stretch;padding:14px 18px;min-height:64px;border-top:1px solid #dce8df}.e3-converter #hv-inner .e3-tools{order:5;width:100%}.e3-converter #hv-inner .e3-status{flex-basis:auto;text-align:start;font-size:10px}.e3-converter #hv-inner .e3-note{font-size:10px}
@media(max-width:767px){.e3-converter#ic-dis-cap{grid-template-columns:minmax(0,1fr);gap:0;padding:22px 18px}.e3-converter .hv-visual#hv-inner{grid-column:1;grid-row:auto;margin-top:22px}.e3-converter #hv-inner>.e3-viewport,.e3-converter #hv-inner>.e3-placeholder{min-height:210px}.e3-formula{margin-top:16px;padding:14px}.e3-converter .commerce-input-grid{gap:12px}.e3-converter #hv-inner .e3-status{flex-basis:100%;text-align:center}}
@media(max-width:480px){.e3-controls{inset-inline:5px;gap:4px}.e3-controls button,.e3-controls button:last-child{font-size:9px;padding:5px 6px;min-height:40px}.e3-controls button:first-child{padding:5px 9px}}
.e3-converter>.commerce-error{grid-column:1/-1;margin:16px 0 0}
.e3-controls{flex-wrap:wrap}.e3-viewport[data-model="layers"] .e3-controls button:nth-child(-n+3){width:36px;min-width:36px;padding:5px;font-size:17px}.e3-play[aria-pressed="true"]{background:#f0f7f2;border-color:#508269}.e3-viewport[data-model="inner"],.e3-viewport[data-model="cap"],.e3-viewport[data-model="debi"]{background:radial-gradient(ellipse at 50% 30%,#fff,#edf3f8)}
@media(max-width:480px){.e3-viewport[data-model="layers"]{aspect-ratio:1.2;min-height:270px}.e3-viewport[data-model="layers"] .e3-controls{inset-inline:8px;bottom:8px}.e3-viewport[data-model="layers"] .e3-controls button{font-size:10px;min-height:36px}.e3-viewport[data-model="layers"] .e3-controls button:nth-child(-n+3){font-size:16px}.e3-viewport[data-model="layers"] .e3-controls .e3-play{min-width:94px}}