:root{--header-h: 100px;--footer-h: 100px;--album-h: 110px}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;font-family:system-ui,sans-serif;background:#000}#bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.app{height:100vh;display:flex;flex-direction:column;background:#0000;color:#fff}.header{height:var(--header-h);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3}.footer{height:var(--footer-h);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000000b3;font-size:14px;gap:4px}.content{height:calc(100vh - var(--header-h) - var(--footer-h));display:flex;flex-direction:column;gap:12px;padding:12px}.stream-wrapper{flex:1;display:flex;gap:16px;min-height:0}.stream-panel{position:relative;flex:3;background:#000000b3;border-radius:16px;overflow:hidden;min-height:0}.stream-panel canvas{width:100%;height:100%;display:block;object-fit:cover}.camera-off-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;letter-spacing:1px;pointer-events:none}.control-panel{flex:1;background:#000000b3;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}button{padding:12px;border-radius:8px;border:none;cursor:pointer}.album-strip{height:var(--album-h);flex-shrink:0;display:flex;gap:12px;padding:10px;overflow-x:auto;background:#000000b3;border-radius:12px}.album-strip img{height:90px;border-radius:10px;cursor:pointer;transition:transform .2s ease}.album-strip img:hover{transform:scale(1.08)}.image-modal{position:fixed;inset:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center}.image-modal img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:12px;box-shadow:0 0 40px #000c}