.example-images{margin-bottom:20px}.example-images .example-header{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.example-images .example-text{display:flex;flex-direction:row;gap:4px;align-items:center}@media(min-width:640px){.example-images .example-text{flex-direction:column;gap:2px;align-items:flex-start}}.example-images .example-text .example-hint,.example-images .example-text .example-label{font-weight:600;color:#6b7280;font-size:14px}.example-images .example-grid{display:flex;gap:8px}.example-images .example-button{position:relative;width:48px;height:48px;border-radius:16px;border:2px solid #e5e7eb;background:none;padding:0;cursor:pointer;transition:all .15s ease;overflow:hidden}@media(min-width:640px){.example-images .example-button{width:56px;height:56px}}.example-images .example-button:hover:not(.disabled){border-color:#41907c;transform:scale(1.05)}.example-images .example-button:hover:not(.disabled) .example-image-container{transform:scale(1.1)}.example-images .example-button:active:not(.disabled){transform:scale(1.02);opacity:.8}.example-images .example-button:active:not(.disabled) .example-image-container{transform:scale(1.05)}.example-images .example-button.disabled{opacity:.5;cursor:not-allowed}.example-images .example-button:focus-visible{outline:2px solid #41907c;outline-offset:2px}.example-images .example-button.selected{border-color:#41907c;border-width:3px}.example-images .example-image-container{width:100%;height:100%;overflow:hidden;border-radius:14px;transition:transform .15s ease}.example-images .example-image{width:100%;height:100%;object-fit:cover;display:block}.example-images .selected-badge{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#41907c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.example-images .confirm-button{padding:8px 16px;background:#41907c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.example-images .confirm-button:hover:not(:disabled){background:#357a66;transform:translateY(-1px)}.example-images .confirm-button:disabled{opacity:.5;cursor:not-allowed}