/* Shared dimensions and controls for all three local studios. */
/* Use group borders instead of movable separator nodes, which can bunch up. */
.stage .viewpad .railsep,#viewpad.viewpad .railsep,#rlViewpad.viewpad .railsep{display:none!important}
.viewpad #viewReset,#viewpad.viewpad [data-rail="reset"],#rlViewpad.viewpad #rlResetCam{border-left:1px solid #ffd5cb!important;border-radius:0!important}
.viewpad .hc-size,#viewpad .hc-size-slot,#rlViewpad .hc-roller-size{border-left:1px solid #ffd5cb!important;padding-left:12px!important}
.stage .viewpad.hc-no-design,#viewpad.viewpad.hc-no-design,#rlViewpad.viewpad.hc-no-design{width:420px!important}
.viewpad.hc-no-design .hc-size,#viewpad.hc-no-design .hc-size-slot,#rlViewpad.hc-no-design .hc-roller-size{display:none!important}
.stage .viewpad,#viewpad.viewpad,#rlViewpad.viewpad{width:620px!important;height:56px!important;max-width:calc(100% - 24px)!important;flex-direction:row!important;justify-content:center!important;gap:2px!important;padding:6px!important}
#viewpad.viewpad button:not(.sw),#rlViewpad.viewpad button:not(.sw){width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;flex-basis:40px!important;padding:0!important}
#viewpad.viewpad button svg,#rlViewpad.viewpad button svg{width:20px!important;height:20px!important}
#viewpad.viewpad .unitpill button,#viewpad.viewpad .hc-design-units button,#rlViewpad.viewpad .hc-roller-units button{width:36px!important;min-width:36px!important;max-width:36px!important;height:28px!important;flex:0 0 36px!important;border-radius:8px!important;font:800 11px 'Quicksand',sans-serif!important}
#viewpad.viewpad .railsep,#rlViewpad.viewpad .railsep,.stage .viewpad .railsep{height:24px!important;width:1px!important;flex:0 0 1px!important;margin:0 6px!important;background:#ffd5cb!important}
#viewpad.viewpad,#rlViewpad.viewpad{bottom:22px!important;border-radius:16px!important}
#viewpad .hc-size-slot,#rlViewpad .hc-roller-size,.viewpad .hc-size{flex:0 0 auto!important;justify-content:center;min-width:0;margin:0 8px!important}
/* Content-sized rails: no reserved blank width or stretching dimension slot. */
.stage .viewpad,#viewpad.viewpad,#rlViewpad.viewpad,.stage .viewpad.hc-no-design,#viewpad.viewpad.hc-no-design,#rlViewpad.viewpad.hc-no-design{width:max-content!important}
@media(max-width:700px){#viewpad.viewpad button:not(.sw),#rlViewpad.viewpad button:not(.sw){width:30px!important;min-width:30px!important;max-width:30px!important;flex-basis:30px!important}.stage .viewpad{gap:0!important}}
.viewwrap:has(>#uploadOverlay.open)>.viewpad{filter:blur(3px);opacity:.35;pointer-events:none}
#uploadOverlay{z-index:60}
.shell:has(#exportBtn.notready) #sizeFoot,.shell:has(#rlExportBtn.notready) #rlPreviewSizeVal{visibility:hidden!important}
.viewpad{gap:2px!important;padding:6px!important;border:1.5px solid #ffd5cb!important;border-radius:16px!important;background:#fff!important;max-width:calc(100% - 24px);box-sizing:border-box}
.viewpad button:not(.sw){width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#392e3b!important;display:flex!important;align-items:center!important;justify-content:center!important}
.viewpad button svg{width:20px!important;height:20px!important}
.viewpad #newBtn{display:none!important}
.viewpad button.on,.viewpad button.is-on,.viewpad button[aria-pressed="true"]{background:#fff0f4!important;color:#ff6090!important}
.viewpad button:disabled{opacity:.4;cursor:not-allowed}
.viewpad .hc-size{display:flex!important;padding:0 12px;gap:8px}
.viewpad .hc-size .val,.viewpad .hc-roller-size{font:800 14px 'Quicksand',sans-serif!important;color:#21bfc1!important;white-space:nowrap}
.viewpad .unitpill,.viewpad .hc-roller-units,.viewpad .hc-design-units{display:flex!important;padding:3px!important;border:1.5px solid #ffd5cb!important;border-radius:12px!important;background:#fff!important}
.viewpad .unitpill button,.viewpad .hc-roller-units button,.viewpad .hc-design-units button{width:36px!important;min-width:36px!important;height:28px!important;border-radius:8px!important;font:800 11px 'Quicksand',sans-serif!important}
.viewpad .unitpill button.on,.viewpad .hc-roller-units button.on,.viewpad .hc-design-units button.on{background:#21bfc1!important;color:#fff!important}
.hc-first-upload{padding:36px!important;box-sizing:border-box}
.hc-upload-card{width:min(720px,92%)!important;border-radius:20px!important;box-sizing:border-box;margin:auto!important}
.hc-upload-intro{padding:30px 34px 20px!important;min-height:164px;box-sizing:border-box}
.hc-upload-intro h2{font:800 30px/1.15 'Baloo 2',sans-serif!important;margin:0!important}
.hc-upload-intro p{font:500 14px/1.5 'Quicksand',sans-serif!important;max-width:none!important}
.hc-upload-zone,.hc-upload-body>.drop{min-height:215px;box-sizing:border-box;padding:42px 28px 38px!important}
.hc-upload-intro p{margin:8px 0 0!important}
#hcRollerUploadDimensions,#stencilUploadDimensions{margin:8px 0 0!important;font:700 14px/1.5 'Quicksand',sans-serif!important;color:var(--studio-teal,#20bfc2)}
.hc-upload-body{padding:0 22px 22px!important}
.hc-upload-zone{margin:0 22px 22px!important}
@media(max-width:700px){.hc-first-upload{padding:16px!important}.hc-upload-card{width:100%!important}.hc-upload-intro{padding:24px 20px 16px!important}.viewpad{gap:0!important}.viewpad button:not(.sw){min-width:30px!important;width:30px!important}.viewpad .hc-size,.viewpad .hc-size-slot,.viewpad .hc-roller-size{display:none!important}}