.studio{max-width:1600px;margin:auto}.studio .section-top h2{font-size:42px}.designer{grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr);border-radius:14px;overflow:visible;box-shadow:0 20px 65px #25251d0b}.preview{position:sticky;top:20px;align-self:start;background:#ebe9e1;border-radius:14px 0 0 14px;overflow:hidden}.product{height:570px;padding:0;min-height:400px}.product.webgl-ready canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.product.webgl-ready canvas:active{cursor:grabbing}.viewer-help{text-align:center;font-size:12px;color:#64685f;padding:12px 18px;margin:0}.viewer-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 12px 16px}.viewer-tools button{min-width:42px;min-height:40px;border:1px solid #c3c4b7;border-radius:6px;background:#f7f6ef;font-size:16px}.viewer-tools #reset-view{padding:0 14px;font-size:12px}.preview-toolbar{padding:12px 20px}.preview-caption{font-size:11px;line-height:1.6;max-width:440px;margin:0 auto}.controls{background:#fffef9;padding:36px;border-radius:0 14px 14px 0}.control-heading h3{font-size:30px}.control-heading p{font-size:13px;line-height:1.6}.tabs{gap:6px}.tabs button{font-size:13px;min-height:48px}.field-label,.label-row{font-size:13px}.size-grid button{padding:16px 9px;min-height:74px}.size-grid b{font-size:15px}.size-grid span{font-size:11px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;margin:18px 0 24px}.swatch{width:auto;height:auto;min-height:68px;border-radius:8px;background:transparent!important;display:flex;align-items:center;flex-direction:column;gap:7px;justify-content:center;border:1px solid #dddcd2!important;outline:none!important}.swatch:before{content:'';display:block;width:27px;height:27px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.swatch:after{display:none!important}.swatch span{font-size:10px;line-height:1.2;color:#30372e}.swatch.selected{background:#eee9d9!important;border:2px solid #99814a!important}.controls input[type=text],.controls input:not([type]),.controls select{font-size:16px;min-height:45px}.hint,.demo-note{font-size:12px;line-height:1.65}.save-actions button,.save-actions label{font-size:12px;padding:12px 0}.upload-box p{font-size:13px}.custom-color{font-size:12px}.button.full{font-size:13px;min-height:49px}.design-summary small{font-size:12px;line-height:1.7}.controls input[type=range]{min-height:32px}.preview button:focus-visible,.controls button:focus-visible{outline:3px solid #927238!important;outline-offset:3px}@media(max-width:1050px){.designer{grid-template-columns:minmax(0,1fr) 390px}.controls{padding:24px}.product{height:500px}}@media(max-width:760px){.studio .section-top h2{font-size:32px}.designer{grid-template-columns:1fr}.preview{position:relative;top:0;border-radius:12px 12px 0 0;min-height:0}.product{height:380px;min-height:380px}.controls{border-radius:0 0 12px 12px;padding:25px 20px}.viewer-help{font-size:11px}.preview-caption{font-size:10px;padding:0 20px}.preview-toolbar{gap:15px;flex-wrap:wrap}.swatches{gap:8px}.swatch span{font-size:10px}.viewer-tools button{min-height:44px}.studio .section-top>p{font-size:13px}}
