/* QPrinty 9 – calibrated product-first design workspace. */
.qp-studio-route .qp-product-stage{position:relative;display:block;flex:0 0 auto;width:min(100%,580px);aspect-ratio:1;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 50% 36%,#fff 0%,#f0f4f3 68%,#e5eceb 100%);border:1px solid #dce5e4;border-radius:16px;box-shadow:0 6px 22px #0d34391a}
.qp-studio-route .qp-product-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;filter:drop-shadow(0 10px 15px #1b343018)}
.qp-studio-route .qp-product-stage canvas{display:block;position:absolute;z-index:2;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;touch-action:none;cursor:grab}
.qp-studio-route .qp-product-stage canvas:active{cursor:grabbing}
.qp-studio-route .qp-stage-caption{position:absolute;bottom:10px;inset-inline-start:12px;inset-inline-end:12px;text-align:center;z-index:3;pointer-events:none;background:#ffffffeb;border:1px solid #d8e4e2;border-radius:50px;font-size:11px;color:#41696a;padding:5px 8px}
.qp-studio-route .qp-mini-preview.qp-live-mockup{position:relative;display:block!important;aspect-ratio:1!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%;overflow:hidden;background:#f1f5f3!important}
.qp-studio-route .qp-mini-preview.qp-live-mockup>img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;display:block}
.qp-studio-route .qp-mini-preview.qp-live-mockup>canvas{position:absolute;z-index:2;border:0!important;background:transparent!important;box-shadow:none!important;object-fit:fill!important;max-height:none!important;max-width:none!important;transform:none!important;opacity:1;mix-blend-mode:normal;pointer-events:none}
.qp-studio-route .qp-canvas-holder{min-height:0!important;padding:12px!important;background:#e6edeb!important;display:grid!important;place-items:center!important;overflow:hidden}
.qp-studio-route .qp-designer-shell{grid-template-columns:minmax(235px,285px) minmax(450px,1fr) minmax(215px,260px)!important}
.qp-studio-route .qp-preview-panel{min-width:0}
.qp9-view-button{padding:7px 12px;border-radius:9px;background:#0e5a62;color:white;border:1px solid #0e5a62;font-size:12px;font-weight:750;cursor:pointer}
.qp-studio-route .qp-webgl-wrap{display:none;position:relative;margin:0!important;max-width:min(100%,620px);width:100%;background:#f6f8f8;border:1px solid #cad7d8;border-radius:14px;padding:12px!important}
.qp-studio-route .qp-webgl-wrap.is-visible{display:grid;place-items:center;gap:8px}
.qp-webgl-wrap canvas{width:100%;height:auto;max-height:min(65vh,520px);aspect-ratio:6/5;display:block;touch-action:none;cursor:grab}
.qp-webgl-wrap h4{margin:0;font-size:16px}.qp-webgl-wrap p{margin:0;font-size:12px;color:#536766;line-height:1.5;text-align:center}.qp-webgl-actions{display:flex;flex-wrap:wrap;gap:8px}.qp-webgl-actions button{border:1px solid #a5babb;background:#fff;color:#18555e;border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:700}
.qp9-overlay-list{display:grid;gap:10px}.qp9-overlay-row{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;padding:16px;border:1px solid #d5e1e1;border-radius:10px;background:#fbfdfc}.qp9-overlay-row legend{font-weight:800}.qp9-overlay-row label{display:grid;gap:4px}.qp9-overlay-row input{max-width:150px}
@media(max-width:1280px){.qp-studio-route .qp-designer-shell{grid-template-columns:minmax(225px,285px) minmax(380px,1fr)!important}.qp-studio-route .qp-preview-panel{grid-column:1/-1;display:grid;grid-template-columns:200px 1fr;gap:12px}}
@media(max-width:800px){.qp-studio-route .qp-designer-shell{display:flex!important;flex-direction:column!important}.qp-studio-route .qp-workbench{order:0!important}.qp-studio-route .qp-sidebar{order:1!important}.qp-studio-route .qp-preview-panel{order:2!important;grid-column:auto;display:grid!important;grid-template-columns:160px 1fr!important}.qp-studio-route .qp-product-stage{width:min(100%,480px)}.qp-studio-route .qp-canvas-holder{padding:6px!important}}
@media(max-width:490px){.qp-studio-route .qp-product-stage{width:100%}.qp-studio-route .qp-preview-panel{display:block!important}.qp-studio-route .qp-mini-preview.qp-live-mockup{height:200px!important;width:200px!important;max-width:100%;margin:0 auto 10px}.qp-studio-route .qp-workbench-actions{gap:3px!important}.qp-studio-route .qp-workbench-actions button{font-size:10px!important;padding:5px!important}.qp-studio-route .qp-stage-caption{font-size:9px;padding:3px}.qp9-overlay-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep the square stage's intrinsic width stable inside flexible Wordpress layouts. */
.qp-studio-route .qp-canvas-holder{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important}
.qp-studio-route .qp-product-stage{width:100%!important;max-width:580px!important;min-width:0!important;flex:0 0 auto!important;aspect-ratio:1/1!important}
.qp-studio-route .qp-webgl-wrap.is-visible{display:flex!important;flex-direction:column!important}

.qp-studio-route .qp-product-stage[hidden]{display:none!important}