.poster-frame-colors[hidden],.poster-frame-color[hidden]{display:none!important}
.poster-frame-colors{border:0;padding:0;margin:8px 0 10px;min-width:0;width:100%}
.poster-frame-colors legend{font-weight:600;font-size:16px;margin-bottom:10px}
.poster-frame-color-grid{display:flex;gap:12px;flex-wrap:wrap}
.poster-frame-color{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;width:74px;font-size:13px;line-height:1.3;gap:5px}
.poster-frame-color input{position:absolute;opacity:0;width:1px;height:1px}
.poster-frame-sample{display:block;width:60px;height:56px;border-radius:3px;background:#eee;position:relative;border:2px solid transparent;box-sizing:border-box}
.poster-frame-sample:before{content:"";position:absolute;inset:6px;background:linear-gradient(135deg,#454545 0 49%,#151515 50%);clip-path:polygon(0 0,50% 40%,100% 0,100% 55%,50% 100%,0 55%)}
[data-color="white-wood"] .poster-frame-sample:before{background:linear-gradient(135deg,#fafafa 0 49%,#c9c9c6 50%)}
[data-color="natural-wood"] .poster-frame-sample:before{background:repeating-linear-gradient(15deg,#d9ba8a 0 3px,#e9cea4 4px 7px)}
[data-color="black-metal"] .poster-frame-sample:before{background:linear-gradient(135deg,#606060 0 49%,#222 50%);inset:10px 6px}
.poster-frame-color input:checked + .poster-frame-sample{border-color:#354577;box-shadow:0 0 0 1px #354577}
.poster-frame-color input:focus-visible + .poster-frame-sample{outline:3px solid #3566bd;outline-offset:3px}
.poster-frame-colors small{display:block;font-size:11px;color:#777;margin-top:10px}
.poster-frame-sample{object-fit:contain;background:#fff;padding:0}
.poster-frame-color-grid{gap:18px}
.poster-frame-colors legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}