.generation-comment-panel{position:fixed;z-index:1300;width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;box-sizing:border-box;background:#202020;color:#e9e9e9;border:1px solid #373737;border-radius:14px;box-shadow:0 12px 36px #0005;font-family:inherit;font-size:13px;line-height:1.5;overscroll-behavior:contain}
.generation-comment-panel[hidden],.generation-comment-pins[hidden]{display:none!important}
.generation-comment-panel *{box-sizing:border-box}
.gc-header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px;border-bottom:1px solid #ffffff0b}
.gc-header h3{margin:0;flex:1;font-size:14px;line-height:20px;font-weight:600}
.gc-button{appearance:none;border:0;background:transparent;color:inherit;border-radius:6px;padding:4px 6px;font:inherit;line-height:20px;cursor:pointer;text-align:left}
.gc-button:hover:not(:disabled){background:#ffffff0d}
.gc-button:focus-visible,.gc-filter:focus-visible,.gc-input:focus-visible{outline:2px solid #6ea5ff;outline-offset:2px}
.gc-button:disabled{opacity:.4;cursor:default}
.gc-close{font-size:20px;line-height:22px;width:26px;padding:0;text-align:center;color:#a6a6a6}
.gc-filter{border:0;background:#2b2b2b;color:#aaa;font-size:12px;max-width:82px;border-radius:5px;padding:4px}
.gc-content{padding:8px 12px;max-height:340px;overflow:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}
.gc-muted{margin:12px 0;color:#939393;font-size:12px;line-height:20px;text-align:center}
.gc-thread{display:flex;align-items:flex-start;gap:8px;width:100%;padding:8px 0;border-bottom:1px solid #ffffff0b;border-radius:0}
.gc-thread-number{display:inline-flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;background:#383838;border-radius:50%;font-size:11px;color:#ddd}
.gc-thread-summary{flex:1;min-width:0;font-size:13px;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.gc-thread-replies{flex:none;color:#999;font-size:11px;line-height:20px}
.gc-thread-head{display:flex;align-items:center;justify-content:space-between;margin:-2px -6px 8px;font-size:12px;color:#aaa}
.gc-resolve{color:#b7c7ac}
.gc-message{padding:8px 0;border-bottom:1px solid #ffffff0b}
.gc-message-meta{display:flex;align-items:center;gap:6px}
.gc-avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#494949;font-size:11px;color:#fff}
.gc-author{font-size:12px;max-width:115px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.gc-time{margin-left:auto;color:#868686;font-size:11px}
.gc-message-text{margin:7px 0 0;font-size:13px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}
.gc-message-actions{display:flex;justify-content:flex-end;gap:4px;font-size:11px}
.gc-subtle{color:#858585}
.gc-danger{color:#ed9999}
.gc-resolved-state{font-size:12px;color:#9aa595;margin:10px 0}
.gc-error{padding:8px 12px;font-size:12px;color:#f3a3a3;overflow-wrap:anywhere}
.gc-error .gc-button{display:block;text-decoration:underline}
.gc-compose{border-top:1px solid #ffffff0b;padding:10px 12px 12px}
.gc-location-help{font-size:11px;color:#898989;line-height:16px;margin:0 0 8px}
.gc-input{display:block;resize:vertical;width:100%;min-height:60px;max-height:150px;padding:8px;border:1px solid #3a3a3a;border-radius:8px;background:#191919;color:#e9e9e9;font-family:inherit;font-size:13px;line-height:20px;box-shadow:none}
.gc-input::placeholder{color:#858585}
.gc-compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.gc-count{font-size:10px;color:#737373}
.gc-send{background:#eee;color:#171717;text-align:center;font-size:12px;padding:3px 12px;border-radius:6px}
.gc-send:hover:not(:disabled){background:#fff}
.gc-new{margin:0 12px 10px;color:#aaa;font-size:12px}
.generation-comment-pins{position:fixed;inset:0;pointer-events:none;z-index:1299}
.generation-comment-pins .gc-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:50% 50% 50% 4px;border:2px solid #e9e9e9;background:#252525;color:#fff;box-shadow:0 2px 8px #0006;pointer-events:auto;font:12px/1 system-ui,sans-serif}
.generation-comment-pins .gc-pin:hover,.generation-comment-pins .gc-pin.is-active{background:#3879dc}
.generation-comment-pins .gc-pin.is-resolved{background:#52674d;opacity:.8}
.generation-comment-pins .gc-draft-pin{background:#3879dc;font-size:18px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.generation-comment-panel,.generation-comment-pins{scroll-behavior:auto}}