.design-layout{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:22px;align-items:start}.design-controls label{display:block;margin:12px 0}.design-controls .check{display:flex;gap:8px;align-items:center}.design-controls .check input{width:auto}.design-controls input[type=range]{padding:0;accent-color:var(--pink,#a7396b)}.design-controls .formgrid{gap:10px}.design-controls input[readonly]{background:#f4f1f4}.design-canvas-wrap{background:repeating-conic-gradient(#f1edf0 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #e7dde3;border-radius:10px;padding:18px;display:flex;justify-content:center;min-height:320px;overflow:hidden}.design-canvas-wrap canvas{max-width:100%;max-height:620px;object-fit:contain;align-self:center;filter:drop-shadow(0 3px 5px #0002)}.design-stage{position:sticky;top:16px}.design-stage h2{font-size:21px}.public-designer{max-width:1200px;margin:auto;padding:24px}.public-designer header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.public-designer header img{width:64px;height:64px;object-fit:contain}.public-designer h1{font-size:28px;margin:0}.public-designer header p{margin:4px 0;color:#7f6e7b}.design-controls button{width:100%;margin-top:8px}#design-source{font-size:12px}#design-source p{margin:6px 0}@media(max-width:720px){.design-layout{display:flex;flex-direction:column}.design-stage{position:static;order:-1;width:100%}.design-controls{width:100%}.design-canvas-wrap canvas{max-height:380px}.design-canvas-wrap{min-height:260px}.public-designer{padding:16px}.public-designer h1{font-size:23px}}

.design-preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 12px}
.design-preview-controls button{min-height:44px;padding:8px 12px}
#design-zoom-level{min-width:62px;text-align:center;font-variant-numeric:tabular-nums}

.design-background-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 4px}
.design-background-option input{width:auto;margin:0}
.design-canvas-wrap .design-draggable{touch-action:none;cursor:grab}
.design-canvas-wrap .design-draggable:active{cursor:grabbing}

.design-cutout-controls{margin:0 0 10px}
.design-cutout-controls label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700}
.design-cutout-controls input{width:auto;margin:0;accent-color:#b51e3d}
.design-cutout-controls p{margin:0 0 8px}

.design-model-results:not([hidden]){display:grid;gap:6px;margin:0 0 14px}
.design-model-results button{text-align:left;min-height:44px}
.design-model-status:empty{display:none}
.design-model-finder{margin-bottom:14px}
.design-model-finder input{display:block;width:100%;margin-top:6px;font-size:16px}