.box-space{position:absolute;inset:80px 40px;display:flex;align-items:center;justify-content:center;perspective:900px}.classic-box{width:100%;max-height:100%;aspect-ratio:2.5;border:9px solid #b5b7b7;border-radius:3px;transform:rotateY(-10deg);box-shadow:9px 6px 0 #767978,15px 16px 25px #0009,0 0 30px #fff2;transition:filter .3s;--print-color:#184e55}.print-face{background:linear-gradient(125deg,#ffffff14,transparent 60%),var(--print-color);height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;color:white;overflow:hidden;box-shadow:inset 0 0 25px #ffffff35;gap:10px}.print-face strong{font-family:Arial,sans-serif;line-height:1.1;overflow-wrap:anywhere;max-width:100%;text-shadow:0 0 5px #fff8}.print-kicker,.print-caption{font-size:7px;letter-spacing:2px}.box-stage[data-on=false] .classic-box{filter:brightness(.48);box-shadow:9px 6px 0 #767978,15px 16px 25px #0009}.box-stage[data-on=false] .print-face strong{text-shadow:none}@media(max-width:450px){.box-space{inset:70px 24px}.classic-box{border-width:6px}.print-kicker,.print-caption{font-size:5px;letter-spacing:1px}.print-face{gap:7px;padding:7px}}

.print-face{position:relative;width:100%}.print-face.has-logo>.print-kicker,.print-face.has-logo>strong,.print-face.has-logo>.print-caption{display:none}.print-face img{width:var(--logo-scale,75%);height:var(--logo-scale,75%);object-fit:contain;position:absolute;inset:0;margin:auto;filter:drop-shadow(0 0 3px #fff2)}.print-face[data-mode=artwork] img{width:100%;height:100%;object-fit:cover}.print-face img[hidden],[hidden]{display:none!important}.logo-upload{display:grid;gap:12px;border:1px dashed #b6a487;padding:17px}.logo-upload input[type=file]{width:100%;font-size:12px;padding:10px}.logo-upload input::file-selector-button{background:#30291f;color:#fff;border:0;padding:10px;margin-right:8px;cursor:pointer}.logo-upload p{margin:0}.logo-upload #logo-options{display:grid;gap:15px}.logo-upload input[type=range]{accent-color:#917852;padding:0;width:100%}.box-stage[data-on=false] .print-face img{filter:none}

.facade-upload{margin-bottom:18px}.facade-upload input{width:100%;min-width:0;font-size:12px}.facade-upload input::file-selector-button{background:#30291f;color:white;border:0;padding:10px;margin-right:8px}.facade-controls{display:grid;gap:13px}.facade-controls label{display:grid;gap:6px;font-size:11px;color:#695c48}.facade-controls input{width:100%;accent-color:#917852}.facade-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;font-size:11px}#facade-canvas{display:block;width:100%;height:auto;background:#24211c;touch-action:none;cursor:grab}#facade-canvas:active{cursor:grabbing}.wall:disabled{opacity:.45;cursor:not-allowed}.config-visual:has(#facade-scene:not([hidden])){position:relative;top:auto}
