main[data-slug="white-border-maker"] #work{border:1px solid #e2dae8;border-radius:22px;padding:clamp(14px,2.5vw,28px);box-shadow:0 6px 25px #21172808}
.border-studio{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(16px,2.5vw,32px);align-items:stretch}
#border-form{display:flex;flex-flow:column;align-items:stretch;justify-content:center;min-width:0}
#border-form #photo[hidden]{display:none!important}
#border-form .photo-drop{display:grid;align-content:center;justify-items:center;text-align:center;gap:5px;min-height:156px;padding:20px 10px;background:#f8f4fc;border:1.5px dashed #bda7d1;border-radius:15px}
#border-form .photo-drop.is-dragging{background:#eee1fd;border-color:#7547a1}
.photo-drop strong{font:800 clamp(20px,2.2vw,27px)/1.16 Manrope,sans-serif;letter-spacing:-.045em;color:#171219;max-width:100%;overflow-wrap:anywhere}
.photo-hint{font-size:12px;color:#63586b}
#work #browse-photo,#work #border-save{font:700 14px/1.3 Manrope,sans-serif;min-height:42px;margin:8px 0 0;padding:11px 22px;border-radius:24px;background:#231b29;color:#fff;align-self:start;text-decoration:none}
#work #browse-photo:hover,#work #border-save:hover{background:#4a315b}
.frame-settings{display:grid;grid-template-columns:1.1fr 1fr 1.05fr;gap:10px;margin-top:18px}
#work #border-form .frame-settings label{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;min-width:0;font:700 12px/1.3 Manrope,sans-serif;color:#524a59}
#work #border-form .frame-settings select,.colour-control{box-sizing:border-box;display:flex;align-items:center;height:42px;width:100%;min-width:0;border:1px solid #dcd5e2;border-radius:9px;padding:0 9px;background:white;font:650 13px Manrope,sans-serif;color:#241c29;margin:0}
.colour-control{position:relative;gap:6px;font-variant-numeric:tabular-nums}
#work #border-form .colour-control input{appearance:none;width:22px;min-width:22px;height:22px;padding:0;border:1px solid #cfc5d5;border-radius:50%;cursor:pointer;overflow:hidden;background:transparent}
.colour-control input::-webkit-color-swatch-wrapper{padding:0}.colour-control input::-webkit-color-swatch{border:0;border-radius:50%}
#work #border-status:empty{display:none}#work #border-status:not(:empty){margin:10px 0 0;font-size:13px}
#work .frame-display{border-radius:14px;margin:0;background:#f1edf3;display:grid;grid-template-rows:auto 1fr;min-width:0;padding:12px 16px 16px}
.frame-display figcaption{font:700 12px Manrope,sans-serif;color:#605569}
.frame-stage{display:grid;place-items:center;min-height:150px;padding-top:8px}
#work .frame-stage :is(img,canvas):not([hidden]){display:block;width:auto;height:auto;max-height:185px;max-width:100%;margin:0;border:0;box-shadow:0 2px 8px #281d3324}
@media(max-width:700px){.border-studio{grid-template-columns:minmax(0,1fr)}#border-form .photo-drop{min-height:145px}.frame-settings{gap:7px}.frame-stage{min-height:130px}#work .frame-stage :is(img,canvas):not([hidden]){max-height:150px}}
@media(max-width:410px){.frame-settings{grid-template-columns:1fr 1fr}.frame-settings label:last-child{grid-column:1/-1}.colour-control{width:100%}}