.border-builder{width:min(940px,94vw)!important;max-width:94vw!important;max-height:92vh;overflow:auto;padding:22px}.border-builder-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(200px,1fr);gap:24px}.border-builder-controls{display:grid;gap:12px}.border-builder-controls label{display:grid;gap:6px;font:500 14px/1.4 Arial}.border-builder-controls input:not([type=range]),.border-builder-controls select{width:100%;box-sizing:border-box}.border-builder-controls output{font:600 13px Arial;color:#173b68}.border-builder-controls input[type=range]{width:100%;padding:0;accent-color:#173b68}.border-builder-controls p,.border-builder-preview-wrap p{font:13px/1.5 Arial}.border-builder-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.border-builder-icons button{display:grid;justify-items:center;padding:6px!important;font:12px Arial!important}.border-builder-icons canvas{width:32px;height:32px}.border-builder-icons [aria-pressed=true]{outline:2px solid #173b68;background:#e6eef6}.border-builder-preview-wrap{position:sticky;top:0;align-self:start}.border-builder-preview{padding:14px;background:repeating-conic-gradient(#e4e5e2 0% 25%,#fff 0% 50%) 0 0/16px 16px;border:1px solid #bac8bd;border-radius:8px}.border-builder-preview canvas{display:block;width:100%;height:auto}.border-builder footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.border-builder footer button:last-child{background:#173b68;color:white}.border-builder-choose>button{display:flex;align-items:center;gap:12px;margin:8px 0;width:100%}.border-builder-choose img{width:52px;height:52px;object-fit:contain}.custom-frame-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.custom-frame-list>div{flex-wrap:wrap}@media(max-width:640px){.border-builder-layout{grid-template-columns:1fr}.border-builder-preview-wrap{position:static;grid-row:1}.border-builder-preview{max-width:260px;margin:auto}.border-builder{padding:14px}.border-builder footer{flex-wrap:wrap}}
.border-builder-controls label,.border-builder-controls fieldset{margin:0!important}.border-builder-controls input,.border-builder-controls select{margin:0!important;padding:7px!important}.border-builder-controls input[type=range]{padding:0!important}.border-builder-controls p{margin:0}.border-builder-controls fieldset{padding:8px}.border-builder-controls{gap:10px}.border-builder-controls input[type=color]{height:34px}
.border-builder-versions{display:grid;gap:8px;margin-top:16px}.border-builder-versions button{display:flex;align-items:center;gap:10px;text-align:left;font:13px Arial!important;padding:8px!important}.border-builder-versions canvas{width:90px;height:auto;max-height:90px;object-fit:contain;background:#fff}.border-builder-versions [aria-pressed=true]{outline:2px solid #173b68;background:#edf2f6}
.border-builder-controls .border-builder-check{display:flex;align-items:center;gap:9px}.border-builder-controls .border-builder-check input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;padding:0!important}.border-builder-controls label[hidden]{display:none!important}
.border-motif-list{display:grid;gap:8px}.border-motif-list>div{display:grid;grid-template-columns:38px 1fr 32px 32px 32px;align-items:center;gap:6px;padding:9px;border:1px solid #c5d0c7;border-radius:8px;background:#fffefa}.border-motif-list img{width:36px;height:36px;object-fit:contain}.border-motif-list span{font:12px Arial;grid-column:2/6;overflow-wrap:anywhere}.border-motif-list input{grid-column:1/3}.border-motif-list output{grid-column:3/6}.border-motif-list button{padding:5px!important;min-height:30px}.border-motif-list button:first-of-type{grid-column:3}
.border-motif-preview{display:block;width:100%;height:68px;object-fit:contain;padding:8px;margin:0 0 12px;box-sizing:border-box;border:1px dashed #bac8bd;border-radius:8px}.border-builder-preview canvas{height:270px;object-fit:contain}.border-builder-versions{grid-template-columns:repeat(2,minmax(0,1fr))}.border-builder-versions button{flex-direction:column;font-size:11px!important;gap:4px}.border-builder-versions canvas{height:55px;width:100%;max-height:55px}@media(max-width:640px){.border-builder-preview canvas{height:180px}.border-motif-preview{height:45px}.border-builder-versions{grid-template-columns:repeat(3,minmax(0,1fr))}}