/* Concept #45 artwork selection overlay: test integration */
.studio-art-picker-link{display:inline-flex;gap:14px;align-items:center;justify-content:center;margin:22px 0 18px;padding:14px 22px;border:1px solid #b89a6b;background:#faf7f1;color:#86643c;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-align:center;letter-spacing:.025em;line-height:1.35;transition:background .2s ease,border-color .2s ease,color .2s ease}
.studio-art-picker-link:hover,.studio-art-picker-link:focus-visible{background:#f0e8dc;border-color:#957347;color:#684b2c;text-decoration:none}
.studio-art-picker-link:focus-visible{outline:2px solid #957347;outline-offset:3px}
.studio-art-picker-link span{font-size:19px;line-height:1}
@media(max-width:480px){.studio-art-picker-link{width:100%;padding:15px 16px;font-size:14px}}
.art-picker-open{overflow:hidden}
.art-picker{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:22px}
.art-picker.open{display:flex}
.art-picker-backdrop{position:absolute;inset:0;background:rgba(24,25,25,.72);backdrop-filter:blur(4px)}
.art-picker-panel{position:relative;width:min(1060px,100%);max-height:min(90vh,920px);overflow:auto;background:#faf9f6;color:#282725;box-shadow:0 18px 70px #0005;padding:clamp(22px,4vw,48px)}
.art-picker-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.art-picker-header h2{font-weight:400;font-size:clamp(26px,3vw,40px);margin:9px 0 10px}
.art-picker-header p{color:#77736d;font-size:14px;line-height:1.6;margin:0}
.art-picker-close{background:transparent;border:0;color:#555;font-size:36px;line-height:1;cursor:pointer;padding:0 4px}
.art-picker-filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 25px}
.art-picker-filters button{border:1px solid #d7d1c8;background:transparent;color:#69645e;padding:9px 13px;font:inherit;font-size:11px;letter-spacing:.045em;cursor:pointer}
.art-picker-filters button.active,.art-picker-filters button:hover{border-color:#a78653;color:#7d5d30;background:#f1eae0}
.art-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
.art-picker-tile{background:transparent;border:0;padding:0;cursor:pointer;text-align:left;color:inherit;min-width:0}
.art-picker-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#e9e6e1;overflow:hidden;border:2px solid transparent}
.art-picker-thumb img{width:100%;height:100%;object-fit:contain}
.art-picker-tile:hover .art-picker-thumb,.art-picker-tile.selected .art-picker-thumb{border-color:#b99b68}
.art-picker-title{display:block;margin-top:9px;font-size:13px}
.art-picker-category{display:block;margin-top:3px;color:#8d877e;font-size:11px}
@media(max-width:700px){.art-picker{padding:10px}.art-picker-panel{max-height:95vh;padding:20px}.art-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.art-picker-filters{margin:20px 0}.art-picker-header p{font-size:12px}}

/* Stable overlay size: keep heading and filters stationary while artwork scrolls. */
.art-picker-panel{height:min(90vh,760px);display:flex;flex-direction:column;overflow:hidden}
.art-picker-header,.art-picker-filters{flex-shrink:0}
.art-picker-grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:2px 8px 8px 2px;scrollbar-gutter:stable}
@media(max-width:700px){.art-picker-panel{height:95vh}.art-picker-grid{overflow-y:auto}}