.rail-profile{flex-shrink:0;position:relative}.rail-profile-trigger{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:10px;place-items:center;padding:5px;display:grid}.rail-profile-trigger:hover,.rail-profile-trigger[aria-expanded=true]{background:var(--hover)}.rail-profile-avatar{color:#fff;background:#7b8b89;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.rail-profile-panel{z-index:60;border:1px solid var(--line);background:var(--surface-raised);width:260px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ink);border-radius:18px;margin:0;padding:8px;font-family:inherit;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 36px #0004}.rail-profile-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:0 8px 6px;padding:10px 0 15px;display:flex}.rail-profile-heading .rail-profile-avatar{width:24px;height:24px;font-size:11px}.rail-profile-identity{min-width:0}.rail-profile-identity strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.4;display:block}.rail-profile-identity>span{overflow-wrap:anywhere;color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4;display:block}.rail-profile-item{width:100%;min-height:44px;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:14px;display:flex}.rail-profile-item:hover:not(:disabled){background:var(--hover)}.rail-profile-item svg{width:20px;height:20px}
.weekly-credit-wrap{flex-shrink:0;position:relative}.weekly-credit-trigger{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;place-items:center;padding:9px;display:grid}.weekly-credit-trigger:hover,.weekly-credit-trigger[aria-expanded=true]{background:var(--hover)}.weekly-credit-ring{width:26px;height:26px;overflow:visible}.weekly-credit-ring circle{fill:none;stroke-width:2px}.weekly-credit-track{stroke:color-mix(in srgb, var(--ink) 25%, transparent)}.weekly-credit-progress{stroke:var(--ink);stroke-linecap:round}.weekly-credit-center{fill:currentColor;opacity:.65}.weekly-credit-ring.is-unknown{opacity:.4}.weekly-credit-popover{z-index:65;border:1px solid var(--line);background:var(--surface-raised);width:290px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ink);border-radius:18px;padding:12px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0004}.weekly-credit-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;display:flex}.weekly-credit-heading h2{color:var(--muted);margin:0;font-size:13px;font-weight:500}.weekly-credit-heading .icon-button{width:28px;height:28px;padding:6px}.weekly-credit-heading .icon-button svg{width:16px;height:16px}.weekly-credit-summary{justify-content:space-between;align-items:baseline;gap:12px;margin:14px 0;display:flex}.weekly-credit-summary strong{white-space:nowrap;font-size:12px;font-weight:600}.weekly-credit-values{margin:0}.weekly-credit-values>div{justify-content:space-between;align-items:baseline;gap:10px;margin:11px 0;display:flex}.weekly-credit-values dt{color:var(--muted)}.weekly-credit-values dd{text-align:right;white-space:nowrap;margin:0}.weekly-credit-status,.weekly-credit-renewal{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.5}.weekly-credit-error{color:var(--danger);margin:12px 0;font-size:12px;line-height:1.5}.weekly-credit-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.weekly-credit-actions button{min-height:34px;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:6px 9px;font-size:12px}.weekly-credit-actions button:hover:not(:disabled){background:var(--hover)}
.scroll-to-bottom-button{z-index:6;border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;padding:7px;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0002}.scroll-to-bottom-button:hover{background:var(--hover)}.scroll-to-bottom-button svg{width:18px;height:18px;transform:rotate(180deg)}@media (max-width:760px),(pointer:coarse){.scroll-to-bottom-button{width:40px;height:40px;padding:10px}}
.image-library{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.image-library-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px 20px;display:flex}.image-library-header h1{color:var(--ink);letter-spacing:-.45px;margin:0;font-size:24px;font-weight:600;line-height:1.5}.image-library-header h1:focus{outline:none}.image-library-header-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.image-library-search{border:1px solid var(--line);width:240px;min-width:0;height:38px;color:var(--muted);border-radius:22px;align-items:center;gap:9px;padding:0 13px;display:flex}.image-library-search:focus-within{border-color:var(--muted)}.image-library-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:14px}.image-library-search input::-webkit-search-cancel-button{-webkit-appearance:none}.image-library-search input::-webkit-search-decoration{-webkit-appearance:none}.image-library-search .icon-button{width:20px;min-width:20px;height:24px;padding:0}.image-library .image-library-create{background:var(--ink);min-height:38px;color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:22px;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:600}.image-library .image-library-create:hover{opacity:.9}.image-library-navigation{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 32px 28px;display:flex}.image-library-tabs{gap:6px;display:flex}.image-library-tabs button{min-height:36px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:22px;padding:8px 17px;font-size:14px;font-weight:600}.image-library-tabs button[aria-selected=true],.image-library-tabs button:hover{background:var(--hover);color:var(--ink)}.image-library-navigation-actions{align-items:center;gap:5px;display:flex}.image-library-navigation-actions .icon-button{width:32px;height:32px;color:var(--muted)}.image-library-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 32px 32px;overflow-y:auto}.image-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));align-items:start;gap:16px;display:grid}.image-library-grid[data-kind=uploaded]{columns:180px;column-gap:16px;display:block}.image-library-card{break-inside:avoid;background:var(--surface);border-radius:12px;min-width:0;margin:0;display:block;overflow:hidden}.image-library-grid[data-kind=uploaded] .image-library-card{margin-bottom:16px}.image-library-preview{width:100%;display:block;overflow:hidden}.image-library-preview>button{cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:0;display:block}.image-library-preview img{object-fit:cover;width:100%;height:auto;transition:filter .15s;display:block}.image-library-preview>button:hover img{filter:brightness(.9)}.image-library-preview>button:focus-visible{outline-offset:-4px}.image-library-preview-error{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px;font-size:13px;line-height:1.6;display:flex}.image-library-preview-error p{margin:0}.image-library-preview-error button,.image-library-alert button,.image-library-more button,.image-library-viewer-actions button,.image-library-viewer-actions a{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);font:inherit;cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:13px;line-height:1.3;text-decoration:none;display:inline-flex}.image-library-preview-error button:hover,.image-library-alert button:hover,.image-library-more button:hover,.image-library-viewer-actions button:hover{background:var(--hover)}.image-library-status,.image-library-empty{text-align:center;min-height:250px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:50px 24px;display:flex}.image-library-empty h2{color:var(--ink);margin:0;font-size:17px;font-weight:500}.image-library-alert{border:1px solid var(--line);color:var(--danger);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;margin:0 0 18px;padding:14px 16px;font-size:14px;line-height:1.6}.image-library-alert p{margin:0 0 10px}.image-library-more{justify-content:center;padding-top:12px;display:flex}.image-library-viewer{border:1px solid var(--line);background:var(--surface);width:min(1100px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:16px;padding:0;box-shadow:0 20px 80px #0008}.image-library-viewer[open]{flex-direction:column;display:flex}.image-library-viewer::backdrop{background:#000b}.image-library-viewer-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.image-library-viewer-heading h2{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:500;line-height:1.4}.image-library-viewer-preview{background:var(--paper);place-items:center;min-height:0;display:grid;overflow:auto}.image-library-viewer-preview>img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 210px);display:block}.image-library-viewer-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:14px 18px;display:flex}.image-library-viewer-actions>span{color:var(--muted);flex:1;font-size:12px;line-height:1.5}.image-library-viewer-actions>a{background:var(--ink);color:var(--paper)}.image-library-viewer-actions>a:hover{opacity:.9}@media (prefers-reduced-motion:reduce){.image-library-preview img{transition:none}}@media (max-width:760px){.image-library-header{flex-wrap:wrap;gap:18px;padding:22px 16px 18px}.image-library-header h1{font-size:23px}.image-library-header-actions{justify-content:space-between;gap:10px;width:100%}.image-library-search{flex:1;width:auto}.image-library .image-library-create{padding:8px 15px}.image-library-navigation{gap:8px;padding:0 16px 22px}.image-library-tabs{gap:2px}.image-library-tabs button{padding:8px 13px}.image-library-scroll{padding:0 16px 24px}.image-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:12px}.image-library-grid[data-kind=uploaded]{columns:140px;column-gap:12px}.image-library-card{border-radius:10px}.image-library-grid[data-kind=uploaded] .image-library-card{margin-bottom:12px}.image-library-viewer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.image-library-viewer-heading,.image-library-viewer-actions{padding:13px}.image-library-viewer-actions>span{flex-basis:100%}.image-library-viewer-preview>img{max-height:calc(100dvh - 240px)}}
