.reels-poc-section { width: 100%; max-width: 1200px; box-sizing: border-box; margin: 30px auto; padding: 22px; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.68); border-radius: 24px; overflow: hidden; box-shadow: 0 14px 34px rgba(0,0,0,.12); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.reels-panel-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.reels-panel-header h3 { margin:0; color:var(--ui-title-color); font-family:var(--font-title); font-size:24px; }
.reels-eyebrow { margin:0 0 5px; color:var(--ui-text); font:700 11px var(--font-body); letter-spacing:1.5px; }
.reels-helper { max-width:520px; margin:0; color:var(--ui-text); font:14px/1.45 var(--font-body); }
.reels-poc-actions { display:flex; gap:12px; flex-wrap:wrap; }
.reels-poc-actions .btn { min-width:240px; }
.reels-variant-light { background:var(--btn-r1l-bg) !important; color:var(--btn-r1l-text) !important; border:1px solid var(--btn-r1l-border) !important; }
.reels-variant-dark { background:var(--ui-btn-gen-slides-bg) !important; color:var(--ui-btn-gen-slides-text) !important; border:1px solid transparent !important; }
.reels-clip-actions .reels-clip-refresh,
.reels-clip-actions .reels-clip-download { min-width:0; flex:1; width:auto !important; margin:0 !important; padding:9px 6px; font-size:11px; }
.reels-clip-actions .reels-clip-download { margin-top:0 !important; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; text-align:center; }
.reels-poc-status { min-height:1.4em; margin:14px 0; color:var(--ui-text); font-family:var(--font-body); }
.reels-carousel-wrap { display:flex; align-items:center; gap:10px; min-width:0; }
.reels-poc-result { display:flex; gap:16px; width:100%; min-width:0; overflow-x:auto; scroll-behavior:smooth; padding:4px 2px 12px; scrollbar-width:thin; }
.reels-clip-card { flex:0 0 230px; padding:12px; border:1px solid rgba(255,255,255,.62); border-radius:16px; background:rgba(255,255,255,.44); box-shadow:0 5px 16px rgba(0,0,0,.1); }
.reels-clip-card h4 { margin:0 0 8px; color:var(--ui-title-color); font:700 15px var(--font-title); }
.reels-clip-card video { display:block; width:100%; aspect-ratio:9/16; object-fit:cover; border-radius:10px; background:#111; }
.reels-clip-actions { display:flex; gap:7px; margin-top:9px; }
.reels-clip-actions .btn { min-width:0; flex:1; padding:9px 6px; font-size:11px; }
.reels-scroll-button { flex:0 0 38px; width:38px; height:50px; border:1px solid var(--ui-border); border-radius:12px; background:rgba(255,255,255,.48); color:var(--ui-text); cursor:pointer; font-size:30px; line-height:1; }
.reels-scroll-button:hover { background:rgba(255,255,255,.78); }
.reels-poc-download { margin-top:14px; }
.reels-poc-error { color:var(--ui-danger-text,#a00000); }
@media (max-width:680px) { .reels-poc-section { border-radius:20px; padding:16px; } .reels-panel-header { display:block; } .reels-helper { margin-top:8px; } .reels-clip-card { flex-basis:190px; } .reels-scroll-button { flex-basis:32px; width:32px; } }