.streamer-photo-panel{margin:22px 0 28px;padding:24px;border:1px solid #315167;border-radius:20px;background:radial-gradient(ellipse at 5% 0,#197e9330,transparent 65%),linear-gradient(145deg,#102637,#0c1b2c);color:#e3effb;scroll-margin-top:110px;box-shadow:0 12px 32px #020b1826}
.streamer-photo-heading h3{margin:6px 0 8px;font-size:21px;letter-spacing:-.025em;color:#eff7ff}.streamer-photo-kicker{font-size:10px;font-weight:850;letter-spacing:.12em;color:#83e4f3}.streamer-photo-heading>p{font-size:13px;line-height:1.65;color:#b5cddd;margin:0}.streamer-photo-body{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;margin-top:22px;align-items:start}.streamer-photo-preview{display:grid;justify-items:center;gap:10px}.streamer-photo-avatar{display:grid;place-items:center;width:112px;height:112px;border-radius:26px;border:1px solid #5dc5d180;overflow:hidden;background:linear-gradient(135deg,#175569,#243954);box-shadow:0 0 0 6px #53c9dc0b,0 10px 26px #020b1830;color:#c7f8ff;font-size:40px;font-weight:800}.streamer-photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.streamer-photo-avatar img[hidden],.streamer-photo-avatar span[hidden]{display:none}.streamer-photo-preview>small{color:#a7c8d9;font-size:11px;text-align:center;line-height:1.6}.streamer-photo-controls{min-width:0}.streamer-photo-file{display:grid;gap:8px;font-size:12px;font-weight:750;color:#e4f5fb}.streamer-photo-file input{width:100%;min-width:0;border:1px solid #34566b;border-radius:11px;background:#0a1a29;color:#c5ddec;padding:9px;font-size:12px;line-height:1.5}.streamer-photo-file input::file-selector-button{border:0;border-radius:7px;padding:9px 14px;margin-right:12px;background:#244c61;color:#e7f9ff;font:inherit;font-weight:750;cursor:pointer}.streamer-photo-hint{margin:9px 0 15px;color:#acc6d7!important;font-size:11px!important;line-height:1.7!important}.streamer-photo-consent{display:flex!important;gap:10px;align-items:flex-start;font-size:12px!important;line-height:1.65!important;color:#c9dce9!important;font-weight:500!important}.streamer-photo-consent input{flex:0 0 17px;width:17px!important;height:17px;min-height:0!important;margin:2px 0 0;padding:0;accent-color:#73e5ee}.streamer-photo-feedback{margin:10px 0;color:#91f1dd;font-size:12px;line-height:1.65}.streamer-photo-feedback:empty{display:none}.streamer-photo-feedback.is-error{color:#ffb4bd}.streamer-photo-actions{display:flex;align-items:center;gap:15px;margin-top:16px;flex-wrap:wrap}.streamer-photo-actions .button{gap:24px;min-height:43px;background:linear-gradient(110deg,#79eaf0,#46cbdc);color:#092332!important;font-size:12px;font-weight:850;border:1px solid #89eaf2;border-radius:10px}.streamer-photo-actions .button:disabled{opacity:.55;cursor:default}.streamer-photo-reset{border:0;background:none;color:#bbd7e5;font-size:12px;cursor:pointer;padding:10px}.streamer-photo-footer{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid #34506588}.streamer-photo-footer>div{max-width:650px}.streamer-photo-footer p{margin:0 0 6px;color:#a9c5d6;font-size:11px;line-height:1.75}.streamer-photo-remove{flex:none;max-width:250px}.streamer-photo-remove summary{cursor:pointer;color:#f4b7bc;font-size:11px;padding:5px 0;list-style:none}.streamer-photo-remove summary::-webkit-details-marker{display:none}.streamer-photo-remove form{margin-top:9px;padding:12px;border:1px solid #90617155;border-radius:10px;background:#301f2e40}.streamer-photo-remove .button{font-size:11px;min-height:36px;color:#ffd5db;border-color:#7a4c59;background:#291e2b}.streamer-photo-panel :is(input,button,summary):focus-visible{outline:2px solid #82eff5;outline-offset:4px}.creator-directory .creator-avatar{width:64px;height:64px;overflow:hidden;border-color:#102536;border-radius:20px}.creator-avatar img,.streamer-featured-avatar img{display:block;width:100%;height:100%;object-fit:cover}.streamer-featured-avatar{overflow:hidden}.streamer-photo-panel [hidden]{display:none!important}
@media(max-width:640px){.streamer-photo-panel{padding:20px 16px;border-radius:16px}.streamer-photo-body{grid-template-columns:1fr;gap:18px}.streamer-photo-preview{display:flex;align-items:center;justify-content:flex-start;gap:16px}.streamer-photo-avatar{width:84px;height:84px;flex:0 0 84px;border-radius:22px}.streamer-photo-preview>small{text-align:left}.streamer-photo-footer{flex-direction:column;gap:10px}.streamer-photo-remove{max-width:none;width:100%}.streamer-photo-actions .button{flex:1;justify-content:center}}
@media(prefers-reduced-motion:no-preference){.streamer-photo-avatar{transition:box-shadow .2s}.streamer-photo-panel:focus-within .streamer-photo-avatar{box-shadow:0 0 0 6px #53c9dc16,0 10px 26px #020b1830}}