/* BP client theme tokens: default colours retained; scene artwork untouched. */
/* Presets and exact measurements share the same question and live preview. */
.wd-dimension-question .wd-size-presets{
 gap:9px;
 margin-top:12px;
}
.wd-dimension-question .wd-size-presets .option{
 display:grid;
 grid-template-columns:28px minmax(0,1fr);
 grid-template-rows:auto auto;
 align-content:center;
 align-items:center;
 column-gap:9px;
 row-gap:2px;
 min-height:76px;
 padding:11px 12px;
 text-align:left;
}
.wd-dimension-question .wd-size-presets .opt-icon{
 grid-column:1;
 grid-row:1 / 3;
 width:28px;
 height:30px;
 margin:0;
}
.wd-dimension-question .wd-size-presets strong{grid-column:2;font-size:13px;line-height:1.2;}
.wd-dimension-question .wd-size-presets small{grid-column:2;margin:0;font-size:11px;line-height:1.3;}
.wd-dimension-question .wd-size-presets .option[aria-checked=true]::after{
 top:4px;
 right:4px;
 width:14px;
 height:14px;
 line-height:14px;
 font-size:9px;
}
.wd-exact{
 min-inline-size:0;
 margin:15px 0 0;
 padding:9px 13px 11px;
 border:1px solid #e6e1d9;
 border-radius:13px;
 background:linear-gradient(140deg,#fcfbf8,#fff);
 transition:border-color var(--qr-t1) var(--qr-e-io),background var(--qr-t1) var(--qr-e-io);
}
.wd-exact:focus-within{border-color:#e8b08e;background:#fffaf5;}
.wd-exact legend{
 max-width:100%;
 padding:0 5px;
 color:var(--ink,#1e293b);
 font-size:12px;
 font-weight:750;
 line-height:1.6;
}
.wd-exact legend span{
 display:inline-block;
 margin-left:5px;
 padding:0 6px;
 border:1px solid #ece5dc;
 border-radius:20px;
 color:var(--muted,#657080);
 background:#fff;
 font-size:10px;
 font-weight:600;
 line-height:1.6;
 vertical-align:1px;
}
.wd-exact-fields{
 display:grid;
 grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) auto;
 gap:9px;
 align-items:end;
 max-width:530px;
}
.wd-exact-fields label{
 display:block;
 min-width:0;
 color:var(--ink,#1e293b);
 font-size:12px;
 font-weight:750;
 line-height:1.35;
}
.wd-exact-fields label>span{color:var(--muted,#657080);font-weight:500;}
.wd-exact-fields input{
 display:block;
 width:100%;
 min-width:0;
 min-height:45px;
 margin-top:5px;
 padding:8px 10px;
 border:1.5px solid #c9cac7;
 border-radius:9px;
 background:#fff;
 color:var(--ink,#1e293b);
 font:inherit;
 font-size:19px;
 font-weight:750;
 font-variant-numeric:tabular-nums;
 line-height:1.2;
 transition:border-color var(--qr-t1) var(--qr-e-io),box-shadow var(--qr-t1) var(--qr-e-io);
 appearance:textfield;
 -moz-appearance:textfield;
}
.wd-exact-fields input::-webkit-inner-spin-button,.wd-exact-fields input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.wd-exact-fields input::placeholder{color:#afb3b6;font-weight:500;opacity:1;}
@media(hover:hover){.wd-exact-fields input:hover{border-color:#969c9e;}}
.wd-exact-fields input:focus{outline:none;border-color:var(--orange,#ea580c);box-shadow:0 0 0 3px #ea580c14;}
.wd-exact-fields input[aria-invalid=true]{border-color:#b43c2a;box-shadow:0 0 0 2px #b43c2a0a;}
.wd-exact-fields input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b43c2a18;}
.wd-exact-fields .wd-times{display:grid;place-items:center;height:45px;color:#92938d;font-size:22px;font-weight:400;}
.wd-clear-exact{
 min-height:45px;
 min-width:46px;
 padding:8px 5px;
 border:0;
 border-radius:7px;
 background:transparent;
 color:var(--muted,#657080);
 font-size:12px;
 font-weight:650;
 text-decoration:underline;
 text-underline-offset:3px;
 transition:background var(--qr-t1) var(--qr-e-io),color var(--qr-t1) var(--qr-e-io);
}
@media(hover:hover){.wd-clear-exact:hover{background:var(--orange-soft,#fff4ec);color:var(--orange-deep,#c2410c);}}
.wd-clear-exact:focus-visible{outline:2px solid var(--orange,#ea580c);outline-offset:1px;}
.wd-exact #dimension-help{
 margin:8px 0 0;
 color:var(--muted,#657080);
 font-size:11px;
 line-height:1.5;
}
.wd-exact #dimension-error{margin:6px 0 0;color:#ac3020;font-size:12px;font-weight:600;line-height:1.4;}
.wd-exact #dimension-error:empty{display:none;}

@media(min-width:1001px){
 .workspace:has(.wd-dimension-question){grid-template-rows:minmax(280px,1fr) 403px;}
 .wd-dimension-question .question{padding-top:17px;padding-bottom:12px;}
}
@media(min-width:1001px) and (max-height:819px){
 .workspace:has(.wd-dimension-question){grid-template-rows:minmax(0,1fr) 355px;}
 .wd-dimension-question .question{padding-top:12px;padding-bottom:8px;}
 .wd-dimension-question .wd-size-presets{margin-top:10px;}
 .wd-dimension-question .wd-size-presets .option{min-height:66px;padding:9px 11px;}
 .wd-exact{margin-top:12px;padding-top:7px;padding-bottom:9px;}
}
@media(max-width:1000px){
 .wd-dimension-question .wd-size-presets{gap:7px;margin-top:11px;}
 .wd-dimension-question .wd-size-presets .option{grid-template-columns:22px minmax(0,1fr);column-gap:6px;min-height:72px;padding:9px 7px;}
 .wd-dimension-question .wd-size-presets .opt-icon{width:22px;height:28px;}
 .wd-dimension-question .wd-size-presets strong{font-size:12px;}
 .wd-dimension-question .wd-size-presets small{font-size:10px;}
 .wd-exact{margin-top:13px;padding:8px 10px 10px;}
 .wd-exact legend{font-size:11px;padding:0 4px;}
 .wd-exact legend span{font-size:9px;margin-left:3px;}
 .wd-exact-fields{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 43px;gap:7px;max-width:none;}
 .wd-exact-fields label{font-size:11px;}
 .wd-exact-fields input{font-size:18px;min-height:44px;padding:8px 9px;}
 .wd-exact-fields .wd-times{height:44px;font-size:20px;}
 .wd-clear-exact{min-width:43px;min-height:44px;font-size:11px;}
 .wd-exact #dimension-help{font-size:11px;line-height:1.45;}
}
@media(max-width:1000px) and (max-height:720px){
 .wd-dimension-question .q-help{font-size:12px;line-height:1.4;}
 .wd-dimension-question .wd-size-presets{margin-top:9px;}
 .wd-dimension-question .wd-size-presets .option{min-height:66px;padding:7px 6px;column-gap:5px;}
 .wd-exact{margin-top:11px;padding-top:6px;padding-bottom:8px;}
 .wd-exact #dimension-help{margin-top:6px;}
}
@media(max-width:360px){
 .wd-dimension-question .wd-size-presets .option{display:flex;flex-direction:column;gap:3px;text-align:center;min-height:75px;padding:7px 4px;}
 .wd-dimension-question .wd-size-presets .opt-icon{height:21px;}
 .wd-dimension-question .wd-size-presets small{font-size:9px;}
 .wd-exact-fields{gap:5px;grid-template-columns:minmax(0,1fr) 11px minmax(0,1fr) 40px;}
 .wd-clear-exact{min-width:40px;padding:8px 2px;}
}
@media(prefers-reduced-motion:reduce){
 .wd-exact,.wd-exact-fields input,.wd-clear-exact{transition:none;}
}