.photo-viewport canvas{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.photo-viewport canvas.dragging{cursor:grabbing}.placement-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px;background:#f2f6f8;color:#173748;border-radius:10px;margin:12px 0;font:14px/1.5 Arial,sans-serif}.placement-tools p{width:100%;margin:0 0 5px;color:#173748!important}.placement-tools button{width:48px;min-height:48px;font:700 23px Arial,sans-serif;color:#061b32;background:#fff;border:1px solid #536b7b;border-radius:8px;cursor:pointer;touch-action:manipulation}.placement-tools button:focus-visible{outline:3px solid #148bea;outline-offset:2px}.photo-viewport[style*="display: none"]+.placement-tools{display:none}@media(max-width:760px){.designer-page .studio-controls,.designer-page .studio-preview{width:100%!important;box-sizing:border-box!important}.photo-adjustments{grid-template-columns:1fr!important}.photo-viewport .replace-scene{position:static!important;width:100%;box-sizing:border-box}.photo-viewport{flex-wrap:wrap}.photo-viewport canvas{max-width:100%}}.font-library{padding:16px;border:1px solid #8ba0ad;border-radius:10px;background:#f2f6f8;color:#173748;margin:16px 0}.font-library label{display:block!important;color:#173748!important;margin:0 0 14px!important}.font-library select,.font-library input{display:block;max-width:100%;box-sizing:border-box;width:100%;margin-top:7px;background:#fff!important;color:#173748!important}.font-library p{color:#334f60!important;font-size:13px!important;line-height:1.5}.font-library .error{color:#9d3026!important}.font-library a{color:#005d80!important;text-decoration:underline}.proportion-lock{display:block;width:100%;min-height:48px;padding:12px;margin:14px 0;font:600 14px/1.5 Arial,sans-serif;border:1px solid #4f6d7e;border-radius:8px;background:#fff;color:#173748;cursor:pointer}.proportion-lock[aria-pressed=true]{background:#d9f0ed;color:#123b38;border:2px solid #197663}.proportion-lock:focus-visible{outline:3px solid #148bea;outline-offset:2px}