.usjc{--ink:#171a1d;--text:#2f3539;--muted:#6b7479;--line:#d6dadc;--panel:#f7f7f5;--panel2:#ecefee;--stage:#dfe2e1;--white:#fff;--mint:#4fc2c5;--mint-dark:#218d92;--mint-soft:#e6f7f7;--danger:#bd3d3d;position:relative;width:100vw;margin-left:calc(50% - 50vw);background:#e8eae9;color:var(--text);font-family:inherit;overflow:hidden}.usjc,.usjc *{box-sizing:border-box}.usjc [hidden]{display:none!important}.usjc button,.usjc input,.usjc select{font:inherit}.usjc button{border-radius:0}.usjc svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.usjc__shell{width:min(1600px,100%);height:clamp(620px,calc(100dvh - 118px),820px);margin:0 auto;padding:0 18px 18px}.admin-bar .usjc__shell{height:clamp(600px,calc(100dvh - 150px),790px)}.usjc__editor{position:relative;height:100%;display:grid;grid-template-columns:minmax(600px,1fr) 360px 360px;background:#f4f5f4;border:1px solid #cdd2d3;box-shadow:0 16px 44px rgba(25,31,34,.08);overflow:hidden}.usjc__preview{grid-column:1;position:relative;min-width:0;height:100%;display:flex;flex-direction:column;background:var(--stage);border-right:1px solid var(--line);overflow:hidden}.usjc__preview-label{position:absolute;z-index:5;left:22px;bottom:42px;color:#657075;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.usjc__preview-controls{position:absolute;top:16px;z-index:20;display:flex;gap:7px}.usjc__preview-controls--left{left:18px}.usjc__preview-controls--right{right:18px}.usjc__views{display:flex;padding:3px;background:rgba(255,255,255,.92);border:1px solid rgba(112,121,125,.22);box-shadow:0 5px 18px rgba(22,27,29,.08);backdrop-filter:blur(6px)}.usjc__views button{height:36px;min-width:78px;padding:0 15px;border:0;background:transparent;color:#3c4448;font-size:13px;font-weight:800;cursor:pointer}.usjc__views button.is-active{background:#171b1e;color:#fff}.usjc__icon-button{position:relative;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(116,124,128,.3);background:rgba(255,255,255,.94);color:#2b3236;cursor:pointer;box-shadow:0 5px 18px rgba(22,27,29,.06)}.usjc__icon-button:hover{background:#fff;border-color:#8e989b}.usjc__icon-button.is-active,.usjc__icon-button[aria-pressed=true]{background:#171b1e;color:#fff;border-color:#171b1e}.usjc__icon-button--accent{background:var(--mint);border-color:var(--mint-dark);color:#113537}.usjc__icon-button:disabled{opacity:.35;cursor:not-allowed}.usjc__icon-button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 7px);right:0;padding:5px 7px;background:#171b1e;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-3px);transition:.15s}.usjc__icon-button[data-tooltip]:hover::after{opacity:1;transform:none}.usjc__stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:52px 24px 34px}.usjc__stage::before{content:"";position:absolute;width:min(590px,70%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.86),rgba(255,255,255,.28) 58%,transparent 74%);border:1px solid rgba(58,67,71,.07)}.usjc__canvas-wrap{position:relative;width:min(690px,78vh,85%);aspect-ratio:1;transform-origin:50% 50%;transition:transform .14s ease;will-change:transform;z-index:2}.usjc__canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 17px 22px rgba(45,52,55,.14))}.usjc__stage.is-magnify{cursor:zoom-in}.usjc__stage.is-magnify .usjc__canvas-wrap{transform:scale(1.62)}.usjc__loading-badge{position:absolute;z-index:10;left:50%;bottom:62px;transform:translateX(-50%);padding:7px 10px;background:rgba(255,255,255,.92);border:1px solid #cfd4d5;color:#525c60;font-size:11px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.06)}.usjc__production-note{position:absolute;z-index:4;bottom:13px;left:50%;transform:translateX(-50%);width:86%;margin:0;color:#6a7478;font-size:10px;line-height:1.4;text-align:center;pointer-events:none}
.usjc__controls{grid-column:2/4;height:100%;min-width:0;background:#f8f8f6;display:flex;flex-direction:column;overflow:hidden}.usjc__editor.has-drawer .usjc__controls{grid-column:2}.usjc__controls-head{padding:18px 20px 14px;border-bottom:1px solid var(--line);background:#f4f4f1}.usjc__controls-head h2{margin:0;color:var(--ink);font-size:27px;line-height:1;letter-spacing:-.025em}.usjc__controls-head p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.usjc__controls-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 14px;scrollbar-width:thin}.usjc__editor:not(.has-drawer) .usjc__controls-scroll{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);grid-template-areas:'garment garment' 'preset colours' 'preset artwork';column-gap:20px;align-content:start}.usjc__editor:not(.has-drawer) .usjc__section--garment{grid-area:garment}.usjc__editor:not(.has-drawer) .usjc__section:nth-child(2){grid-area:preset;border-right:1px solid var(--line);padding-right:20px}.usjc__editor:not(.has-drawer) .usjc__section:nth-child(3){grid-area:colours}.usjc__editor:not(.has-drawer) .usjc__section--artwork{grid-area:artwork}.usjc__section{padding:15px 0;border-bottom:1px solid var(--line)}.usjc__section:last-child{border-bottom:0}.usjc__section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.usjc__section-title strong{display:block;color:var(--ink);font-size:14px;line-height:1.25}.usjc__section-title span{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.4}.usjc__section--garment{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px}.usjc__section--garment .usjc__section-title{margin:0}.usjc select,.usjc input[type=text],.usjc input[type=number],.usjc input[type=file]{width:100%;min-height:39px;border:1px solid #c2c8ca;background:#fff;color:#222;padding:7px 10px;outline:none}.usjc select:focus,.usjc input:focus{border-color:var(--mint-dark);box-shadow:0 0 0 2px rgba(79,194,197,.14)}.usjc__link-button{border:0;background:transparent;padding:1px 0;color:var(--mint-dark);font-size:11px;font-weight:900;cursor:pointer}.usjc__link-button:hover{text-decoration:underline}.usjc__link-button:disabled{color:#9ca4a7;cursor:not-allowed;text-decoration:none}.usjc__designs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.usjc__designs button{position:relative;min-height:64px;padding:6px;border:1px solid #c8cdcf;background:#fff;color:#23282b;cursor:pointer;text-align:left;font-size:10.5px;line-height:1.25}.usjc__designs button:hover{border-color:#949da0}.usjc__designs button.is-active{border:2px solid var(--mint-dark);padding:5px;background:#f5ffff;font-weight:900}.usjc__designs button.is-active::after{content:"✓";position:absolute;top:4px;right:5px;width:16px;height:16px;display:grid;place-items:center;background:var(--mint);color:#123638;font-size:10px}.usjc__swatch{display:block;height:23px;margin-bottom:5px;border:1px solid rgba(0,0,0,.12)}.usjc__colour-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.usjc__colour-row label{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:40px;padding:6px 7px;border:1px solid #c8cdcf;background:#fff;color:#41494d;font-size:10.5px}.usjc__colour-row input[type=color]{width:34px;height:25px;padding:2px;border:1px solid #aeb5b7;background:#fff}.usjc__artwork-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.usjc__artwork-buttons button{position:relative;min-height:58px;border:1px solid #c6cbcd;background:#fff;color:#252b2e;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;cursor:pointer;font-size:11px;font-weight:850}.usjc__artwork-buttons button svg{width:18px;height:18px;color:var(--mint-dark)}.usjc__artwork-buttons button.has-content{border-color:var(--mint-dark);background:var(--mint-soft);color:#123638}.usjc__artwork-buttons button.has-content svg{color:#123638}.usjc__artwork-buttons button i{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#c4cacc}.usjc__artwork-buttons button.has-content i{background:var(--mint-dark)}
.usjc__drawer{grid-column:3;height:100%;min-width:0;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.usjc__drawer-head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 17px 14px;border-bottom:1px solid var(--line);background:#f6f7f6}.usjc__drawer-head strong{display:block;color:var(--ink);font-size:16px}.usjc__drawer-head span{display:block;margin-top:3px;color:var(--muted);font-size:10.5px}.usjc__drawer-head .usjc__icon-button{width:34px;height:34px;box-shadow:none}.usjc__drawer-body{min-height:0;overflow-y:auto;padding:15px 17px 20px;overscroll-behavior:contain;scrollbar-width:thin}.usjc__drawer-block{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid var(--line)}.usjc__drawer-block:last-child{border-bottom:0;margin-bottom:0}.usjc__drawer-block h4{margin:0 0 9px;color:#2a3033;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.usjc__field{display:grid;gap:6px;margin:10px 0}.usjc__field>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#485155;font-size:11px;font-weight:800}.usjc__field small{color:#7a8386;font-size:9.5px;line-height:1.4}.usjc__upload{display:grid;gap:8px;padding:12px;border:1px dashed #aeb7b9;background:#f7f8f7}.usjc__upload strong{font-size:12px;color:#2b3134}.usjc__upload span{font-size:10px;color:#727b7e}.usjc__placements{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.usjc__placement{border:1px solid #c7ccce;background:#fff;padding:6px;color:#343b3f;font-size:10.5px;cursor:pointer}.usjc__placement.is-active{border-color:var(--mint-dark);background:var(--mint-soft);font-weight:900}.usjc__placement-visual{position:relative;display:block;height:47px;margin-bottom:5px;background:#f0f2f1;border:1px solid #e0e3e3;overflow:hidden}.usjc__placement-shirt{position:absolute;left:50%;top:6px;width:30px;height:35px;transform:translateX(-50%);background:#c7ccce;clip-path:polygon(23% 0,37% 7%,63% 7%,77% 0,100% 19%,84% 32%,80% 100%,20% 100%,16% 32%,0 19%)}.usjc__placement-dot{position:absolute;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#15191c;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--mint-dark)}.usjc__range-row{display:grid;gap:6px;margin:10px 0}.usjc__range-row>span{display:flex;justify-content:space-between;color:#50595d;font-size:10.5px}.usjc__range-row b{color:#22292c}.usjc input[type=range]{width:100%;accent-color:var(--mint-dark)}.usjc__pills,.usjc__flip-row{display:flex;flex-wrap:wrap;gap:6px}.usjc__pills button,.usjc__flip-row button{border:1px solid #c5cbcd;background:#fff;padding:7px 9px;color:#2d3437;font-size:10.5px;font-weight:750;cursor:pointer}.usjc__pills button.is-active,.usjc__flip-row button.is-active{border-color:var(--mint-dark);background:var(--mint-soft);color:#123638}.usjc__flip-row button{display:flex;align-items:center;gap:6px}.usjc__flip-indicator{width:24px;height:18px;display:grid;place-items:center;border:1px solid #abb4b6;color:#526064;font-size:12px;font-weight:900}.usjc__flip-row button.is-active .usjc__flip-indicator{border-color:var(--mint-dark);background:var(--mint);color:#123638}.usjc__adjust-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.usjc__adjust-row strong{font-size:11px}.usjc__nudge-pad{display:grid;grid-template-columns:28px 28px 28px;grid-template-rows:27px 27px 27px;gap:2px}.usjc__nudge-pad button{border:1px solid #c5cbcd;background:#fff;padding:0;color:#343c40;font-size:13px;cursor:pointer}.usjc__nudge-pad button:hover{border-color:var(--mint-dark);background:var(--mint-soft)}.usjc__nudge-centre{display:grid;place-items:center;color:#929a9d;font-size:9px}.usjc__drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.usjc__drawer-actions .usjc__solid-button{grid-column:1/-1}.usjc__solid-button,.usjc__text-button,.usjc__danger-button{min-height:39px;border:1px solid #171b1e;padding:8px 11px;font-size:11px;font-weight:900;cursor:pointer}.usjc__solid-button{background:#171b1e;color:#fff}.usjc__text-button{background:#fff;color:#252c30;border-color:#c4cacc}.usjc__danger-button{background:#fff;color:var(--danger);border-color:#d9b3b3}.usjc__empty-advanced{padding:15px;border:1px dashed #c7ccce;background:#f7f8f7;color:#737d80;font-size:11px;line-height:1.5}
.usjc__restore{position:absolute;z-index:50;top:8px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 30px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:#fff;border:1px solid #cfd4d5;box-shadow:0 9px 30px rgba(20,25,27,.15)}.usjc__restore strong,.usjc__restore span{display:block}.usjc__restore strong{font-size:12px}.usjc__restore span{margin-top:2px;color:var(--muted);font-size:10px}.usjc__restore-actions{display:flex;gap:7px}.usjc__restore button{min-height:34px;padding:6px 9px}
.usjc__modal[hidden]{display:none!important}.usjc__modal{position:fixed;inset:0;z-index:999999;overflow-y:auto;padding:18px 12px;display:flex;align-items:flex-start;justify-content:center}.usjc__modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.58)}.usjc__modal-card{position:relative;width:min(980px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;margin:auto 0;padding:20px;background:#f6f7f6;box-shadow:0 24px 90px rgba(0,0,0,.30);overscroll-behavior:contain}.usjc__modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}.usjc__modal-head h3{margin:0;color:#171a1d;font-size:26px}.usjc__modal-head p{margin:4px 0 0;color:#737c80;font-size:11px}.usjc__modal-head .usjc__icon-button{box-shadow:none}.usjc__review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.usjc__review-card{padding:8px;border:1px solid #d3d8d9;background:#fff;text-align:center}.usjc__review-card canvas{display:block;width:100%;height:auto;background:#e8ebea}.usjc__review-card strong{display:block;margin-top:5px;font-size:11px}.usjc__review-summary{margin-top:10px;padding:12px;border:1px solid #d7dbdc;background:#fff;color:#41494c;font-size:11px;line-height:1.6}.usjc__summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.usjc__summary-grid strong{color:#22292c}.usjc__summary-grid ul{margin:4px 0 0 15px;padding:0}.usjc__review-actions{position:sticky;bottom:-20px;display:flex;justify-content:flex-end;gap:7px;margin-top:10px;padding:9px 0 0;background:#f6f7f6}
@media(max-width:1280px){.usjc__shell{padding-left:8px;padding-right:8px}.usjc__editor{grid-template-columns:minmax(520px,1fr) 320px 320px}.usjc__canvas-wrap{width:min(610px,76vh,84%)}.usjc__controls-head{padding-left:16px;padding-right:16px}.usjc__controls-scroll{padding-left:16px;padding-right:16px}.usjc__editor:not(.has-drawer) .usjc__controls-scroll{column-gap:14px}.usjc__editor:not(.has-drawer) .usjc__section:nth-child(2){padding-right:14px}}
@media(max-width:1180px){.usjc{width:100%;margin-left:0;overflow:visible}.usjc__shell,.admin-bar .usjc__shell{height:auto;min-height:0;padding:0}.usjc__editor,.usjc__editor.has-drawer{height:auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-areas:"preview" "controls";overflow:visible;border-left:0;border-right:0}.usjc__preview{grid-area:preview;height:52dvh;min-height:390px;border-right:0;border-bottom:1px solid var(--line)}.usjc__controls,.usjc__editor.has-drawer .usjc__controls{grid-area:controls;grid-column:auto;height:auto;overflow:visible}.usjc__controls-scroll,.usjc__editor:not(.has-drawer) .usjc__controls-scroll{display:block;overflow:visible}.usjc__controls-head{padding:16px}.usjc__controls-scroll{padding:0 16px 12px}.usjc__designs{grid-template-columns:repeat(3,1fr)}.usjc__drawer{grid-column:auto;position:fixed;z-index:999995;left:0;right:0;bottom:0;height:auto;max-height:72dvh;border-left:0;border-top:1px solid #c6cccd;box-shadow:0 -18px 50px rgba(24,29,31,.22)}.usjc__drawer::before{content:"";position:fixed;inset:0;bottom:0;background:rgba(0,0,0,.28);z-index:-1;pointer-events:none}.usjc__drawer-body{max-height:calc(72dvh - 64px)}.usjc__production-note{font-size:9px}.usjc__preview-label{bottom:36px}}
@media(max-width:620px){.usjc__preview{height:47dvh;min-height:340px}.usjc__preview-controls{top:10px}.usjc__preview-controls--left{left:10px}.usjc__preview-controls--right{right:10px;gap:4px}.usjc__views button{min-width:66px;height:34px;padding:0 10px;font-size:11px}.usjc__icon-button{width:35px;height:35px}.usjc__icon-button svg{width:17px;height:17px}.usjc__preview-controls--right .usjc__icon-button[data-tooltip]::after{display:none}.usjc__stage{padding:45px 8px 28px}.usjc__canvas-wrap{width:min(94vw,410px)}.usjc__controls-head h2{font-size:23px}.usjc__controls-head p{font-size:10.5px}.usjc__section{padding:13px 0}.usjc__section--garment{grid-template-columns:65px 1fr}.usjc__designs{grid-template-columns:repeat(2,1fr)}.usjc__colour-row{grid-template-columns:1fr}.usjc__colour-row label{min-height:36px}.usjc__artwork-buttons button{min-height:52px;padding:6px;font-size:10.5px}.usjc__artwork-buttons button span{display:none}.usjc__summary-grid{grid-template-columns:1fr}.usjc__review-grid{grid-template-columns:1fr}.usjc__review-actions{display:grid;grid-template-columns:1fr}.usjc__modal{padding:7px}.usjc__modal-card{max-height:calc(100dvh - 14px);padding:13px}.usjc__restore{align-items:flex-start;flex-direction:column}.usjc__restore-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}


/* v0.10 — one compact main panel; option drawer truly extends to the right */
@media (min-width:1181px){
  .usjc__shell{
    width:min(1810px,100%);
    padding-left:18px;
    padding-right:18px;
  }
  .usjc__editor{
    --usjc-preview-target:1120px;
    --usjc-main-panel:330px;
    --usjc-extend-panel:360px;
    width:min(calc(var(--usjc-preview-target) + var(--usjc-main-panel)),100%);
    margin:0 auto;
    grid-template-columns:minmax(0,var(--usjc-preview-target)) var(--usjc-main-panel);
    transition:width .18s ease;
  }
  .usjc__editor.has-drawer{
    width:min(calc(var(--usjc-preview-target) + var(--usjc-main-panel) + var(--usjc-extend-panel)),100%);
    grid-template-columns:minmax(0,var(--usjc-preview-target)) var(--usjc-main-panel) var(--usjc-extend-panel);
  }
  .usjc__preview{grid-column:1;}
  .usjc__controls,
  .usjc__editor.has-drawer .usjc__controls{
    grid-column:2;
    width:var(--usjc-main-panel);
  }
  .usjc__drawer{
    grid-column:3;
    width:var(--usjc-extend-panel);
  }
  .usjc__controls-scroll,
  .usjc__editor:not(.has-drawer) .usjc__controls-scroll{
    display:block;
    overflow-y:auto;
    padding:0 16px 14px;
  }
  .usjc__editor:not(.has-drawer) .usjc__section--garment,
  .usjc__editor:not(.has-drawer) .usjc__section:nth-child(2),
  .usjc__editor:not(.has-drawer) .usjc__section:nth-child(3),
  .usjc__editor:not(.has-drawer) .usjc__section--artwork{
    grid-area:auto;
    border-right:0;
    padding-right:0;
  }
  .usjc__controls-head{padding:16px 16px 13px;}
  .usjc__controls-head h2{font-size:23px;}
  .usjc__controls-head p{font-size:10.5px;}
  .usjc__section{padding:13px 0;}
  .usjc__section--garment{grid-template-columns:64px 1fr;gap:8px;}
  .usjc__designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .usjc__designs button{min-height:61px;font-size:10.5px;}
  .usjc__colour-row{grid-template-columns:1fr;gap:6px;}
  .usjc__colour-row label{min-height:36px;}
  .usjc__artwork-buttons{grid-template-columns:repeat(3,minmax(0,1fr));}
  .usjc__artwork-buttons button{min-height:54px;padding:7px 4px;font-size:10.5px;}
  .usjc__artwork-buttons button span{display:none;}
}

@media (min-width:1181px) and (max-width:1500px){
  .usjc__editor{
    --usjc-preview-target:900px;
    --usjc-main-panel:315px;
    --usjc-extend-panel:330px;
  }
  .usjc__canvas-wrap{width:min(650px,76vh,84%);}
}


/* v0.11 — permanent two-panel desktop controls + reliable independent scrolling */
@media (min-width:1181px){
  .usjc__editor,
  .usjc__editor.has-drawer{
    --usjc-main-panel:320px;
    --usjc-extend-panel:360px;
    width:min(1810px,100%);
    margin:0 auto;
    grid-template-columns:minmax(0,1fr) var(--usjc-main-panel) var(--usjc-extend-panel);
  }
  .usjc__preview{grid-column:1;min-width:0;}
  .usjc__controls,
  .usjc__editor.has-drawer .usjc__controls{
    grid-column:2;
    width:auto;
    min-width:0;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .usjc__drawer{
    grid-column:3;
    width:auto;
    min-width:0;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border-left:1px solid var(--line);
  }
  .usjc__controls-scroll,
  .usjc__editor:not(.has-drawer) .usjc__controls-scroll,
  .usjc__drawer-body{
    flex:1 1 0;
    height:0;
    min-height:0;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
    touch-action:pan-y;
  }
  .usjc__controls-scroll,
  .usjc__editor:not(.has-drawer) .usjc__controls-scroll{
    display:block;
    padding:0 14px 18px;
  }
  .usjc__drawer-body{padding:14px 16px 22px;}
  .usjc__controls-head,.usjc__drawer-head{flex:0 0 auto;}
  .usjc__drawer-head{padding-right:16px;}
  .usjc__drawer-actions--single{grid-template-columns:1fr;}
  .usjc__drawer-actions--single .usjc__text-button{grid-column:1/-1;}
}

@media (min-width:1181px) and (max-width:1500px){
  .usjc__editor,
  .usjc__editor.has-drawer{
    --usjc-main-panel:300px;
    --usjc-extend-panel:330px;
  }
}

/* On mobile/tablet the second panel is stacked, not an auto-open bottom sheet. */
@media (max-width:1180px){
  .usjc__editor,
  .usjc__editor.has-drawer{
    grid-template-areas:"preview" "controls" "drawer";
  }
  .usjc__drawer{
    grid-area:drawer;
    position:relative;
    z-index:auto;
    left:auto;right:auto;bottom:auto;
    width:100%;
    max-height:none;
    height:auto;
    border-top:1px solid var(--line);
    box-shadow:none;
  }
  .usjc__drawer::before{display:none;}
  .usjc__drawer-body{
    height:auto;
    max-height:none;
    overflow:visible;
  }
}


/* v0.13 — compact review/download modal. Keep the full review below the site navbar on desktop. */
@media (min-width:621px){
  .usjc__modal{
    align-items:flex-start;
    justify-content:center;
    padding:112px 18px 18px;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .admin-bar .usjc__modal{padding-top:144px;}
  .usjc__modal-card{
    width:min(900px,calc(100vw - 36px));
    max-height:calc(100dvh - 130px);
    margin:0;
    padding:14px 16px 16px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
  }
  .admin-bar .usjc__modal-card{max-height:calc(100dvh - 162px);}
  .usjc__modal-head{margin-bottom:9px;gap:12px;}
  .usjc__modal-head h3{font-size:22px;line-height:1.1;}
  .usjc__modal-head p{margin-top:2px;font-size:10.5px;}
  .usjc__modal-head .usjc__icon-button{width:34px;height:34px;}
  .usjc__review-grid{gap:8px;}
  .usjc__review-card{padding:6px;}
  .usjc__review-card canvas{
    width:min(100%,320px);
    max-width:320px;
    margin:0 auto;
  }
  .usjc__review-card strong{margin-top:3px;font-size:10.5px;}
  .usjc__review-summary{margin-top:8px;padding:9px 10px;font-size:10.5px;line-height:1.42;}
  .usjc__summary-grid{gap:7px 16px;}
  .usjc__summary-grid ul{margin-top:2px;}
  .usjc__review-actions{
    position:static;
    margin-top:8px;
    padding:0;
    background:transparent;
  }
  .usjc__review-actions .usjc__text-button{min-height:38px;padding:8px 12px;}
}
@media (min-width:621px) and (max-height:760px){
  .usjc__modal{padding-top:100px;}
  .admin-bar .usjc__modal{padding-top:132px;}
  .usjc__modal-card{max-height:calc(100dvh - 116px);}
  .admin-bar .usjc__modal-card{max-height:calc(100dvh - 148px);}
  .usjc__review-card canvas{width:min(100%,280px);max-width:280px;}
  .usjc__review-summary{font-size:10px;}
}