.demo-modal.webcam-library { max-width: 1080px; width: min(1080px, 94vw); max-height: 88vh; display: flex; flex-direction: column; }
.webcam-library h2 { margin: 0; font-size: 23px; }
.webcam-library header p, .webcam-library footer p { margin: 7px 0 0; color: #98a3b5; font-size: 12px; }
.webcam-library footer p { margin-right: auto; }
.webcam-library-tools { display: flex; gap: 12px; padding: 12px 22px; }
.webcam-library-tools input { flex: 1; }
.webcam-library-tools input, .webcam-library-tools select { background: #111722; color: #cad2df; border: 1px solid #343d4c; border-radius: 8px; padding: 10px; }
.webcam-preset-grid { min-height: 0; grid-auto-rows: max-content; flex: 1; overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; padding: 8px 22px 22px; }
.webcam-preset-card { text-align: left; background: #151d29; border: 1px solid #303b4b; border-radius: 12px; overflow: hidden; color: #d2dbe8; cursor: pointer; padding: 0 0 12px; }
.webcam-preset-card:hover { border-color: #718398; }
.webcam-preset-card[aria-pressed="true"] { border-color: #66dec5; box-shadow: 0 0 0 1px #66dec5; }
.webcam-preset-card strong { display: block; margin: 12px 13px 6px; font-size: 14px; }
.webcam-preset-card p { font-size: 12px; line-height: 1.5; color: #9ba9bc; margin: 0 13px; }
.webcam-preset-art { height: 108px; position: relative; background: radial-gradient(ellipse at 60% 80%, hsl(var(--preset-hue) 60% 26%), #111627); }
.webcam-preset-art svg { width: 100%; height: 100%; fill: hsl(var(--preset-hue) 70% 65% / .13); stroke: hsl(var(--preset-hue) 90% 78%); stroke-width: 1; }
.webcam-preset-art span { position: absolute; bottom: 7px; right: 10px; font-size: 10px; color: #c4d1df; text-transform: uppercase; letter-spacing: .08em; }
#btnWebcamCapture { font-size: 11px; white-space: nowrap; padding: 7px 10px; margin-left: 8px; }

.webcam-library .demo-modal-header, .webcam-library .demo-modal-footer, .webcam-library-tools { flex-shrink: 0; }
.webcam-library .demo-modal-footer .btn { white-space: nowrap; }
.webcam-preset-card { min-height: 210px; }