/* Approved compact brand row. Existing tagline fitter measures its new width. */
html body .cine-brand{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important}
html body .cine-brand>img{width:clamp(100px,27vw,150px)!important;max-width:30%!important;flex:0 0 auto!important;height:auto!important;margin:0!important;object-fit:contain}
html body .cine-brand>p.eyeroom-condensed-tagline{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important;padding-left:12px!important;border-left:1px solid #d4af5755;text-align:left!important;box-sizing:border-box!important}
.community-cover{position:relative}
.community-cover>.profile-cover-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
.community-cover>.profile-cover-edit{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;z-index:1}
.profile-cover-edit span{font:12px system-ui,sans-serif;background:#0009;color:#f1d28b;padding:6px 10px;border-radius:14px}
.hub-avatar[data-photo-edit]{cursor:pointer}
.hub-avatar[data-photo-edit]:focus-visible,.profile-cover-edit:focus-visible{outline:2px solid #edc367;outline-offset:3px}
#profile-cover-editor{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #c8a85d66;border-radius:24px;background:linear-gradient(140deg,#101813,#183225);color:#f3f1e8;padding:20px}
#profile-cover-editor::backdrop{background:#000a}
#profile-cover-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#profile-cover-editor h2{margin:0;font:600 22px system-ui,sans-serif}
#profile-cover-editor header button{min-width:44px;min-height:44px;background:transparent;color:#e7c778;font-size:24px}
#profile-cover-editor canvas{width:100%;height:auto;aspect-ratio:3/1;border-radius:14px;background:#0c120f;display:block;margin:14px 0}
#profile-cover-editor input[type=range]{display:block;width:100%;margin:10px 0 18px}
#profile-cover-editor label{display:block;margin:14px 0;font-size:14px}
#profile-cover-editor input[type=file]{display:block;max-width:100%;margin-top:10px;font-size:16px}
#profile-cover-editor .actions{display:flex;flex-wrap:wrap;gap:10px}
#profile-cover-editor [hidden]{display:none!important}