.sticker-layout{display:grid;grid-template-columns:380px minmax(0,1fr) 360px;border-bottom:1px solid}
.sticker-controls{border-inline-end:1px solid}.sticker-controls details{padding:20px;border-bottom:1px solid}.sticker-controls summary{font-weight:bold;cursor:pointer}.sticker-controls label{display:block;font-size:12px;margin:12px 0}.sticker-controls input:not([type=checkbox]),.sticker-controls select{display:block;width:100%;box-sizing:border-box;margin-top:6px}.sticker-controls input:not([type=range]):not([type=checkbox]),.sticker-controls select{padding:10px;border:1px solid;background:white;font:inherit}.sticker-controls output{float:inline-end}.sticker-controls fieldset{border:1px solid #ddd}
.sticker-mat{background-color:#1e3a34;background-image:linear-gradient(#2f5249 1px,transparent 1px),linear-gradient(90deg,#2f5249 1px,transparent 1px);background-size:32px 32px;min-height:720px;padding:24px;box-sizing:border-box;color:#a9c4bc;display:flex;flex-direction:column;justify-content:space-between}.sticker-mat small{font-size:10px}.sticker-mat p{text-align:center}#sticker-preview{width:100%;max-width:420px;align-self:center}#sticker-preview svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 10px #0005)}.sticker-pack{padding:24px;border-inline-start:1px solid;min-width:0}.sticker-pack h2{font-size:48px;margin:20px 0}.sticker-pack button{width:100%;margin:6px 0;white-space:normal}.sticker-pack small{font-size:11px}.sticker-pack [role=status]{font-size:13px;overflow-wrap:anywhere}
@media(max-width:1100px){.sticker-layout{grid-template-columns:300px minmax(0,1fr)}.sticker-pack{grid-column:1/-1;border-top:1px solid}.sticker-mat{min-height:600px}}
@media(max-width:650px){.sticker-layout{display:flex;flex-direction:column}.sticker-controls{border-inline-end:0}.sticker-mat{min-height:440px}.sticker-pack{border-inline-start:0}}
.sticker-measured{position:relative;width:calc(100% - 40px);max-width:420px;align-self:center;margin-block:32px 48px;margin-inline-end:40px}
.sticker-measure-width,.sticker-measure-height{position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;direction:ltr}
.sticker-measure-width{inset-inline:0;bottom:-32px;height:12px;border-inline:1px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat}
.sticker-measure-height{inset-inline-end:-32px;top:0;bottom:0;width:12px;border-block:1px solid currentColor;background:linear-gradient(currentColor,currentColor) center/1px 100% no-repeat}
.sticker-measure-width span,.sticker-measure-height span{background:#1e3a34;padding:4px;white-space:nowrap}
.sticker-measure-height span{writing-mode:vertical-rl}
.sticker-mat{overflow:auto}.sticker-measured{flex-shrink:0}
.sticker-toolbar{display:flex;flex-wrap:wrap;border-block:1px solid #0a0a0a}
.sticker-toolbar button,.sticker-toolbar output{font:inherit;font-size:11px;padding:12px;border:0;border-inline-end:1px solid #0a0a0a;background:white;color:#0a0a0a}
.sticker-toolbar button{cursor:pointer}.sticker-toolbar button[aria-pressed=true]{background:#0a0a0a;color:white}.sticker-toolbar button:disabled{opacity:.4;cursor:default}
.sticker-plates:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sticker-plates>div{padding:12px;border-inline-end:1px solid #ddd;text-align:center;font-size:10px;min-width:0}
.sticker-plates svg{display:block;width:100%;height:auto}
.sticker-contribution{margin:20px 0;display:grid;gap:8px}.sticker-contribution label{font-size:13px;font-weight:bold}.sticker-contribution input{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #0a0a0a;border-radius:0;background:white;color:#0a0a0a;font:inherit;direction:ltr}.sticker-contribution small{line-height:1.5;color:#5c5c5c}