.scene-library-page { min-height: 100vh; background: #080d14; color: #dbe7f5; }
.scene-library-hero { padding: 145px 0 68px; border-bottom: 1px solid rgba(127,163,205,.14); background: radial-gradient(circle at 18% 15%, rgba(12,113,230,.2), transparent 35%), linear-gradient(180deg,#0a1220,#080d14); }
.scene-library-hero h1 { margin: 18px 0 14px; font-size: clamp(36px,6vw,66px); letter-spacing: -.04em; }
.scene-library-hero p { max-width: 720px; color: #91a0b4; font-size: 16px; line-height: 1.8; }
.scene-browser-section,.scene-detail-section { padding: 62px 0 100px; }
.scene-browser-toolbar { display: grid; grid-template-columns: minmax(260px,1fr) 190px 150px; gap: 12px; }
.scene-browser-toolbar input,.scene-browser-toolbar select { height: 48px; padding: 0 15px; border: 1px solid rgba(127,163,205,.22); border-radius: 11px; color: #dce9f8; background: #0d151f; font: inherit; }
.scene-browser-summary { margin: 18px 0 24px; color: #728198; font-size: 13px; }
.public-scene-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.public-scene-card { overflow: hidden; border: 1px solid rgba(127,163,205,.17); border-radius: 16px; background: #0d141f; color: inherit; transition: .2s ease; }
.public-scene-card:hover { transform: translateY(-4px); border-color: rgba(32,137,255,.62); box-shadow: 0 22px 50px rgba(0,0,0,.3); }
.public-scene-preview { position: relative; aspect-ratio: 16/9; display: grid; place-items: center; overflow: hidden; color: #66758b; background: #090e16; }
.public-scene-preview img { width:100%;height:100%;object-fit:cover; }
.public-scene-preview em { position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:999px;color:#fff;background:rgba(5,10,18,.78);font-size:11px;font-style:normal; }
.public-scene-info { padding: 18px; }
.public-scene-info h2 { margin:0;color:#f1f6fd;font-size:17px; }
.public-scene-info p { min-height:42px;margin:10px 0 17px;color:#8492a6;font-size:12px;line-height:1.7; }
.public-scene-meta { display:flex;justify-content:space-between;gap:10px;color:#65748a;font-size:11px; }
.public-scene-meta b { color:#4b9eff;font-weight:600; }
.scene-browser-state { grid-column:1/-1;padding:70px 20px;border:1px dashed rgba(127,163,205,.2);border-radius:16px;color:#75849a;text-align:center; }
.scene-back-link { display:inline-flex;margin-bottom:25px;color:#69aaff; }
.public-scene-detail { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:42px;align-items:start; }
.scene-detail-media { overflow:hidden;border:1px solid rgba(127,163,205,.18);border-radius:20px;background:#0b111b; }
.scene-detail-media img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }
.scene-detail-placeholder { display:grid;place-items:center;aspect-ratio:16/9;color:#718096; }
.scene-detail-copy { padding:10px 0; }
.scene-detail-copy h1 { margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.15; }
.scene-detail-copy>p { color:#93a1b4;line-height:1.85; }
.scene-detail-tags { display:flex;gap:8px;flex-wrap:wrap;margin:16px 0; }
.scene-detail-tags span { padding:5px 9px;border:1px solid rgba(77,157,255,.25);border-radius:999px;color:#74adf5;background:rgba(24,111,218,.08);font-size:11px; }
.scene-detail-facts { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0; }
.scene-detail-facts div { padding:13px;border:1px solid rgba(127,163,205,.15);border-radius:10px;background:#0d151f; }
.scene-detail-facts span { display:block;color:#67768c;font-size:10px; }
.scene-detail-facts b { display:block;margin-top:5px;color:#dbe8f7;font-size:13px; }
.scene-detail-notice { margin:20px 0;padding:15px;border-left:3px solid #218bff;color:#8fa0b5;background:rgba(22,111,213,.08);font-size:12px;line-height:1.7; }
.scene-detail-actions { display:flex;gap:12px;flex-wrap:wrap; }
.scene-detail-actions a { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700; }
.scene-detail-primary { color:#fff;background:#087cff; }
.scene-detail-secondary { border:1px solid rgba(127,163,205,.25);color:#cbd9e9; }
.scene-library-footer { padding:25px 0;border-top:1px solid rgba(127,163,205,.13);color:#68778d;font-size:12px; }
.scene-library-footer .container { display:flex;justify-content:space-between;gap:20px; }
.scene-library-footer a { color:#68aaff; }
@media(max-width:900px){.public-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-scene-detail{grid-template-columns:1fr}.scene-browser-toolbar{grid-template-columns:1fr 1fr}.scene-browser-toolbar input{grid-column:1/-1}}
@media(max-width:620px){.scene-library-hero{padding-top:115px}.public-scene-grid{grid-template-columns:1fr}.scene-browser-toolbar{grid-template-columns:1fr}.scene-browser-toolbar input{grid-column:auto}.scene-detail-facts{grid-template-columns:1fr}.scene-library-footer .container{display:block}}