.camera-library{margin:34px 0 46px;padding:27px;border:1px solid rgba(85,199,216,.24);border-radius:24px;background:radial-gradient(circle at 88% 0,rgba(36,169,184,.12),transparent 34%),linear-gradient(145deg,rgba(13,31,52,.96),rgba(8,19,36,.97));box-shadow:0 22px 55px rgba(2,8,23,.23)}
.camera-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.camera-library-head h3{margin:5px 0 7px!important;color:#f5fbff!important;font-size:27px!important}.camera-library-head p{max-width:730px;margin:0!important;color:#a8bbcf!important;font-size:13px!important;line-height:1.75!important}.camera-eyebrow{color:#61d5df;font-size:10px;font-weight:850;letter-spacing:.16em}.camera-count{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(97,213,223,.3);border-radius:999px;background:rgba(32,152,167,.1);color:#c5f7fb;font-size:11px;font-weight:750}
.camera-base-card{display:grid;grid-template-columns:minmax(300px,1.08fr) minmax(290px,.92fr);overflow:hidden;border:1px solid rgba(100,217,227,.38);border-radius:20px;background:rgba(6,17,32,.9)}.camera-base-media,.camera-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:#06111f;cursor:zoom-in;overflow:hidden}.camera-base-media{min-height:320px}.camera-base-media img,.camera-image-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.camera-base-media:hover img,.camera-image-button:hover img{transform:scale(1.025)}.camera-id,.camera-kind,.camera-base-flag{position:absolute;top:11px;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:850;letter-spacing:.05em;backdrop-filter:blur(8px)}.camera-id{left:11px;background:rgba(5,14,28,.86);color:#fff}.camera-kind{right:11px;background:rgba(30,139,153,.9);color:#fff}.camera-base-flag{right:11px;background:linear-gradient(135deg,#f0b64f,#dc8334);color:#251304}.camera-base-body{padding:25px}.camera-anchor-label{display:inline-flex;padding:5px 8px;border-radius:7px;background:rgba(235,168,55,.12);color:#f5c66e;font-size:10px;font-weight:800;letter-spacing:.08em}.camera-base-body h4{margin:9px 0 9px!important;color:#fff!important;font-size:23px!important}.camera-base-body>p{margin:0 0 16px!important;color:#acbdd0!important;font-size:13px!important;line-height:1.72!important}.camera-rule{display:grid;grid-template-columns:88px 1fr;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid rgba(145,165,191,.16);border-radius:10px;background:rgba(10,27,47,.7);font-size:11px;line-height:1.55}.camera-rule b{color:#89dbe2}.camera-rule span{color:#c2cfdd}.camera-rule.accent{border-color:rgba(235,171,61,.26);background:rgba(160,100,23,.1)}.camera-rule.accent b{color:#f1bd62}
.camera-open{width:100%;margin-top:14px;padding:10px 11px;border:1px solid rgba(89,206,218,.36);border-radius:10px;background:linear-gradient(135deg,rgba(30,154,169,.18),rgba(67,112,208,.13));color:#d9fbff;font-weight:750;cursor:pointer}.camera-open:hover{border-color:#65d6df;background:rgba(39,155,169,.26)}.camera-open.base{margin-top:17px;border-color:rgba(235,171,61,.34);background:rgba(178,109,20,.12);color:#ffe4ae}.camera-open.base:hover{border-color:#eeba60;background:rgba(178,109,20,.22)}
.camera-output-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:23px 1px 13px}.camera-output-head>div{display:flex;align-items:baseline;gap:10px}.camera-output-head strong{color:#eff9ff;font-size:15px}.camera-output-head span,.camera-output-head small{color:#8196ad;font-size:11px}.camera-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.camera-output-card{overflow:hidden;border:1px solid rgba(139,163,189,.19);border-radius:16px;background:rgba(6,17,32,.83);transition:.2s ease}.camera-output-card:hover{transform:translateY(-2px);border-color:rgba(83,198,211,.5);box-shadow:0 14px 30px rgba(2,8,23,.32)}.camera-image-button{aspect-ratio:16/10}.camera-output-body{padding:14px}.camera-output-body h5{margin:0 0 7px!important;color:#f2f7fc!important;font-size:15px!important;line-height:1.4}.camera-output-body p{display:-webkit-box;min-height:57px;overflow:hidden;margin:0 0 10px!important;color:#9cafc3!important;font-size:11px!important;line-height:1.65!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}.camera-source{padding:7px 8px;border-radius:8px;background:rgba(34,92,110,.13);color:#8eabbc;font-size:10px}.camera-source b{color:#70d9e1}
@media(max-width:1120px){.camera-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.camera-library{padding:17px}.camera-library-head,.camera-output-head{align-items:flex-start;flex-direction:column}.camera-base-card{grid-template-columns:1fr}.camera-base-media{min-height:0;aspect-ratio:16/10}.camera-output-grid{grid-template-columns:1fr}.camera-output-head>div{align-items:flex-start;flex-direction:column}.camera-count{align-self:flex-start}}