.preprod-comments-highlights{pointer-events:none;z-index:999;position:fixed;inset:0}.preprod-comments-highlight{pointer-events:auto;cursor:pointer;background:#fed15747;border:none;border-radius:2px;padding:0;transition:background-color .14s,box-shadow .14s;position:absolute}.preprod-comments-highlight:hover{background:#fec3028c}.preprod-comments-highlight.is-active{background:#fec302a6;box-shadow:inset 0 -2px #fe7b02d9}body[data-preprod-comment-pulse] .preprod-comments-highlight.is-active{animation:1.4s ease-out preprod-comment-pulse}@keyframes preprod-comment-pulse{0%{background:#fe7b02d9;box-shadow:0 0 #fe7b0280}60%{background:#fec302a6;box-shadow:0 0 0 12px #fe7b0200}to{background:#fec302a6;box-shadow:0 0 0 12px #fe7b0200}}.preprod-comments-selection-bubble{z-index:2147483640;color:#fff;font:600 12px/1 var(--font-display), system-ui, sans-serif;letter-spacing:.02em;border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;background:#111;border:none;padding:8px 12px;position:fixed;transform:translate(8px,-42px);box-shadow:0 6px 24px #00000047}.preprod-comments-selection-bubble:hover{background:#000}.preprod-comments-fab{color:#fff;cursor:pointer;z-index:2147483641;background:#fe7b02;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:transform .16s,background .16s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #fe7b0273}.preprod-comments-fab.is-open{background:#d66800;transform:scale(.92)}.preprod-comments-fab-badge{color:#fff;font:700 11px/1 var(--font-display), system-ui, sans-serif;border-radius:var(--radius-control);text-align:center;background:#111;min-width:20px;padding:4px 6px;position:absolute;top:-4px;right:-4px}body[data-preprod-comments-gutter=open]{padding-right:340px}@media (max-width:900px){body[data-preprod-comments-gutter=open]{padding-right:0}}.preprod-comments-gutter{z-index:2147483642;width:340px;max-width:100vw;font:13px/1.5 var(--font-sans), system-ui, sans-serif;color:#1f1f1f;background:#fafafa;border-left:1px solid #00000014;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}body[data-preprod="1"] .preprod-comments-gutter{top:44px}@media (max-width:640px){body[data-preprod="1"] .preprod-comments-gutter{top:64px}}.preprod-comments-gutter-head{background:#fff;border-bottom:1px solid #0000000f;flex-direction:column;flex:none;gap:8px;padding:12px 14px 10px;display:flex}.preprod-comments-gutter-title-row{justify-content:space-between;align-items:center;display:flex}.preprod-comments-gutter-title{font:600 14px/1 var(--font-display), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.06em}.preprod-comments-gutter-head-actions{align-items:center;gap:6px;display:flex}.preprod-comments-gutter-reset{color:#c01e1e;border-radius:var(--radius-control);font:600 10px/1 var(--font-display), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #a30f2738;padding:3px 9px}.preprod-comments-gutter-reset:hover{background:#a30f2714;border-color:#a30f2780}.preprod-comments-gutter-close{cursor:pointer;color:#555;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.preprod-comments-gutter-close:hover{color:#111}.preprod-comments-gutter-filters{gap:4px;display:flex;overflow-x:auto}.preprod-comments-gutter-chip{border-radius:var(--radius-control);color:#444;cursor:pointer;white-space:nowrap;background:#0000000a;border:1px solid #0000;flex:none;padding:4px 10px;font-size:11px;font-weight:500}.preprod-comments-gutter-chip:hover{background:#00000012}.preprod-comments-gutter-chip.is-active{color:#fff;background:#111;border-color:#111}.preprod-comments-gutter-chip-count{opacity:.6;font-variant-numeric:tabular-nums;margin-left:5px}.preprod-comments-gutter-search{align-items:center;display:flex;position:relative}.preprod-comments-gutter-search-input{width:100%;font:12px/1.4 var(--font-sans), system-ui, sans-serif;background:#fafafa;border:1px solid #0000001f;border-radius:6px;padding:6px 28px 6px 10px}.preprod-comments-gutter-search-input:focus{background:#fff;border-color:#fe7b02;outline:2px solid #fe7b024d}.preprod-comments-gutter-search-clear{color:#888;cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:16px;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.preprod-comments-gutter-search-clear:hover{color:#111}.preprod-comments-gutter-body{flex:1;position:relative;overflow:hidden auto}.preprod-comments-gutter-body.is-anchored{padding:0;overflow:hidden}.preprod-comments-gutter-body.is-list{flex-direction:column;gap:10px;padding:12px;display:flex}.preprod-comments-gutter-empty{color:#888;text-align:center;padding:40px 24px;font-size:12px;line-height:1.5}.preprod-comments-scroll-indicator{z-index:4;color:#fff;border-radius:var(--radius-control);font:600 11px/1 var(--font-display), system-ui, sans-serif;letter-spacing:.04em;cursor:pointer;pointer-events:auto;background:#111111eb;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 14px;transition:transform .16s,background .16s;display:flex;position:absolute;left:12px;right:12px;box-shadow:0 6px 18px #00000038}.preprod-comments-scroll-indicator:hover{background:#fe7b02;transform:translateY(-1px)}.preprod-comments-scroll-indicator-up{top:8px}.preprod-comments-scroll-indicator-down{bottom:8px}.preprod-comments-scroll-indicator-count{font-size:12px;font-weight:700}.preprod-comments-scroll-indicator-label{text-transform:uppercase;opacity:.85}.preprod-comments-bubble{box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:8px;flex-direction:column;gap:8px;width:calc(100% - 24px);margin:0 12px;padding:10px 12px;transition:box-shadow .18s,border-color .18s,opacity .18s;display:flex;box-shadow:0 1px 2px #0000000a}.preprod-comments-gutter-body.is-anchored .preprod-comments-bubble{margin:0 12px;position:absolute;top:0;left:0;right:0}.preprod-comments-gutter-body.is-anchored .preprod-comments-bubble.is-expanded{overscroll-behavior:contain;max-height:calc(100% - 24px);overflow:hidden auto}.preprod-comments-bubble:hover{border-color:#00000029;box-shadow:0 4px 14px #00000012}.preprod-comments-bubble.is-active{z-index:2;border-color:#fe7b0299;box-shadow:0 6px 24px #fe7b022e}.preprod-comments-bubble.is-resolved{opacity:.55;background:#f7f7f7}.preprod-comments-bubble.is-collapsed{cursor:pointer}.preprod-comments-bubble-quote{color:#8a6d00;word-break:break-word;background:#fed15738;border-left:3px solid #fec302a6;border-radius:4px;padding:4px 8px;font-size:11px;font-style:italic;line-height:1.4}.preprod-comments-bubble-cms-ref{color:#888;font-size:10px}.preprod-comments-bubble-cms-ref code{background:#0000000f;border-radius:3px;padding:1px 4px;font-size:10px}.preprod-comments-bubble-head{align-items:center;gap:8px;display:flex}.preprod-comments-bubble-avatar{color:#fff;width:26px;height:26px;font:600 12px/1 var(--font-display), system-ui, sans-serif;text-transform:uppercase;background:linear-gradient(135deg,#fe7b02,#ffa84a);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.preprod-comments-bubble-head-text{flex-direction:column;flex:1;min-width:0;display:flex}.preprod-comments-bubble-author{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.preprod-comments-bubble-time{color:#888;font-size:10px}.preprod-comments-bubble-pill{font:600 9px/1 var(--font-display), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#555;border-radius:var(--radius-control);background:#0000000f;padding:3px 7px}.preprod-comments-bubble-excerpt{color:#333;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.preprod-comments-bubble-meta{color:#888;font-size:11px}.preprod-comments-bubble-messages{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.preprod-comments-bubble-message{flex-direction:column;gap:4px;display:flex}.preprod-comments-bubble-body{color:#222;white-space:pre-wrap;word-break:break-word;padding-left:34px;font-size:12px;line-height:1.5}.preprod-comments-bubble-reply{border-top:1px solid #0000000f;flex-direction:column;gap:6px;padding-top:8px;display:flex}.preprod-comments-bubble-reply textarea,.preprod-comments-bubble-textarea{width:100%;font:inherit;resize:vertical;box-sizing:border-box;border:1px solid #00000024;border-radius:6px;min-height:56px;padding:6px 8px;font-size:12px}.preprod-comments-bubble-reply textarea:focus,.preprod-comments-bubble-textarea:focus{border-color:#fe7b02;outline:2px solid #fe7b0259}.preprod-comments-bubble-reply-actions{justify-content:flex-end;display:flex}.preprod-comments-bubble-error{color:#c01e1e;font-size:11px}.preprod-comments-bubble-actions{justify-content:flex-end;gap:6px;display:flex}.preprod-comments-bubble-controls{border-top:1px solid #0000000f;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;display:flex}.preprod-comments-bubble-control{color:#888;text-transform:uppercase;letter-spacing:.06em;flex-direction:column;flex:140px;gap:3px;min-width:0;font-size:9px;display:flex}.preprod-comments-bubble-control select{background:#fff;border:1px solid #00000024;border-radius:5px;width:100%;max-width:100%;padding:4px 6px;font-size:12px}.preprod-comments-bubble-btn-primary,.preprod-comments-bubble-btn-ghost,.preprod-comments-bubble-btn-resolve{font:600 12px/1 var(--font-display), system-ui, sans-serif;cursor:pointer;border:none;border-radius:5px;padding:6px 12px}.preprod-comments-bubble-btn-primary{color:#fff;background:#fe7b02}.preprod-comments-bubble-btn-primary:hover:not(:disabled){background:#d66800}.preprod-comments-bubble-btn-primary:disabled{color:#999;cursor:not-allowed;background:#e0e0e0}.preprod-comments-bubble-btn-ghost{color:#555;background:0 0}.preprod-comments-bubble-btn-ghost:hover:not(:disabled){background:#0000000a}.preprod-comments-bubble-btn-resolve{color:#fff;background:#111}.preprod-comments-bubble-btn-resolve:hover{background:#000}.preprod-comments-bubble-btn-resolve.is-reopen{color:#555;background:0 0;border:1px solid #00000029}.preprod-comments-bubble-btn-resolve.is-reopen:hover{background:#0000000a}.preprod-comments-bubble-btn-export{cursor:pointer;background:0 0;border:1px solid #00000024;border-radius:5px;padding:4px 10px;font-size:14px;line-height:1}.preprod-comments-bubble-btn-export:hover{background:#0000000a}body[data-preprod-comment-exported]:after{content:"Fil copié dans le presse-papiers";z-index:2147483645;color:#fff;font:600 12px/1 var(--font-display), system-ui, sans-serif;background:#111;border-radius:6px;padding:8px 14px;animation:1.8s ease-out preprod-comments-export-pop;position:fixed;bottom:76px;right:20px;box-shadow:0 8px 24px #0003}@keyframes preprod-comments-export-pop{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.preprod-comments-bubble-collapse{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:6px;right:6px}.preprod-comments-bubble-collapse:hover{color:#111;background:#0000000d}.preprod-comments-bubble.is-expanded{position:relative}.preprod-comments-mention{color:#8a5c00;white-space:nowrap;background:#fec3022e;border-radius:3px;padding:0 4px;font-weight:500}.preprod-comments-mention.is-unknown{color:#888;background:#0000000d;text-decoration:line-through}.preprod-comments-mention-wrap{width:100%;position:relative}.preprod-comments-mention-list{z-index:10;background:#fff;border:1px solid #0000001f;border-radius:6px;max-height:240px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.preprod-comments-mention-item{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;display:flex}.preprod-comments-mention-item.is-active,.preprod-comments-mention-item:hover{background:#fe7b021a}.preprod-comments-mention-name{color:#111;font-size:12px;font-weight:600}.preprod-comments-mention-email{color:#888;font-size:10px}.preprod-comments-bubble-msg-menu{flex:none;position:relative}.preprod-comments-bubble-msg-menu-btn{cursor:pointer;color:#888;letter-spacing:.06em;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.preprod-comments-bubble-msg-menu-btn:hover{color:#111;background:#0000000f}.preprod-comments-bubble-msg-menu-list{z-index:5;background:#fff;border:1px solid #0000001f;border-radius:6px;min-width:140px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000024}.preprod-comments-bubble-msg-menu-list li button{text-align:left;cursor:pointer;color:#222;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 10px;font-size:12px;display:block}.preprod-comments-bubble-msg-menu-list li button:hover{background:#0000000d}.preprod-comments-bubble-msg-menu-list li button.is-danger{color:#c01e1e}.preprod-comments-bubble-msg-menu-list li button.is-danger:hover{background:#a30f2714}.preprod-comments-bubble-edit{flex-direction:column;gap:6px;padding-left:34px;display:flex}.preprod-comments-bubble-reply-actions{justify-content:flex-end;gap:6px;display:flex}.preprod-comments-bubble-edited{color:#aaa;font-style:italic}@keyframes preprod-comments-resolve-fade{0%{background:#28a7452e}to{background:#f7f7f7}}.preprod-comments-bubble.is-resolved{animation:.7s ease-out preprod-comments-resolve-fade}.preprod-comments-highlight:hover,.preprod-comments-highlight.is-paired-hover{background:#fec302b3;box-shadow:inset 0 -2px #fe7b02d9}.preprod-comments-bubble.is-paired-hover{z-index:3;border-color:#fe7b02b3;box-shadow:0 6px 24px #fe7b0240}.preprod-comments-avatar-wrap{flex:none;display:inline-flex;position:relative}.preprod-comments-avatar-card{z-index:5;color:#fff;white-space:nowrap;font:12px/1.4 var(--font-sans), system-ui, sans-serif;pointer-events:none;background:#111;border-radius:6px;flex-direction:column;gap:2px;padding:6px 10px;display:none;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 6px 16px #0000002e}.preprod-comments-avatar-card strong{font-weight:600}.preprod-comments-avatar-card-email{opacity:.75;font-size:10px}.preprod-comments-avatar-wrap:hover .preprod-comments-avatar-card{display:flex}.preprod-comments-bubble-reactions-wrap{padding-left:34px}.preprod-comments-reactions{flex-wrap:wrap;align-items:center;gap:4px;display:flex;position:relative}.preprod-comments-reaction-chip{border-radius:var(--radius-control);cursor:pointer;background:#0000000a;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:12px;line-height:1.2;display:inline-flex}.preprod-comments-reaction-chip:hover{background:#00000014}.preprod-comments-reaction-chip.is-mine{background:#fec30238;border-color:#fe7b0280}.preprod-comments-reaction-emoji{font-size:13px;line-height:1}.preprod-comments-reaction-count{color:#555;font-size:11px}.preprod-comments-reaction-add{border-radius:var(--radius-control);cursor:pointer;color:#888;background:0 0;border:1px dashed #0000002e;padding:2px 8px;font-size:11px;line-height:1.2}.preprod-comments-reaction-add.is-compact{padding:2px 6px;font-size:14px}.preprod-comments-reaction-add:hover{color:#444;background:#0000000a;border-style:solid}.preprod-comments-reaction-picker{z-index:6;background:#fff;border:1px solid #0000001f;border-radius:6px;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000024}.preprod-comments-reaction-picker-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;line-height:1}.preprod-comments-reaction-picker-btn:hover{background:#0000000f}.preprod-comments-bell{color:#111;cursor:pointer;z-index:2147483641;background:#fff;border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:inline-flex;position:fixed;bottom:20px;right:84px;box-shadow:0 6px 16px #0000001f}.preprod-comments-bell.has-unread{border-color:#fe7b0280}.preprod-comments-bell-badge{color:#fff;font:700 10px/1 var(--font-display), system-ui, sans-serif;border-radius:var(--radius-control);text-align:center;background:#fe7b02;min-width:16px;padding:3px 5px;position:absolute;top:-3px;right:-3px}.preprod-comments-inbox{z-index:2147483643;width:360px;max-width:calc(100vw - 40px);max-height:60vh;font:13px/1.5 var(--font-sans), system-ui, sans-serif;background:#fff;border:1px solid #0000001a;border-radius:8px;flex-direction:column;display:flex;position:fixed;bottom:76px;right:20px;box-shadow:0 16px 40px #0000002e}.preprod-comments-inbox-head{font:600 13px/1 var(--font-display), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.preprod-comments-inbox-mark-all{cursor:pointer;font:500 11px/1 var(--font-display), system-ui, sans-serif;color:#555;text-transform:none;letter-spacing:0;background:0 0;border:none}.preprod-comments-inbox-mark-all:hover{color:#fe7b02}.preprod-comments-inbox-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.preprod-comments-inbox-empty{text-align:center;color:#888;padding:30px 16px;font-size:12px}.preprod-comments-inbox-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:#222;background:0 0;border:none;border-bottom:1px solid #0000000a;grid-template-columns:24px 1fr auto;align-items:start;gap:8px;padding:10px 14px;display:grid}.preprod-comments-inbox-item:hover{background:#fe7b020d}.preprod-comments-inbox-item.is-unread{background:#fe7b0214}.preprod-comments-inbox-item.is-unread:before{content:"";background:#fe7b02;border-radius:50%;width:6px;height:6px;margin-top:6px;margin-left:-10px;position:absolute}.preprod-comments-inbox-item-icon{text-align:center;width:24px;font-size:13px}.preprod-comments-inbox-item-text{font-size:12px;line-height:1.4}.preprod-comments-inbox-item-path{color:#888;font-size:11px}.preprod-comments-inbox-item-time{color:#888;white-space:nowrap;font-size:10px}.preprod-comments-toast{z-index:2147483644;color:#fff;font:13px/1.4 var(--font-sans), system-ui, sans-serif;background:#111;border-radius:8px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;max-width:360px;padding:10px 12px;animation:.2s ease-out preprod-comments-toast-in;display:grid;position:fixed;bottom:76px;right:20px;box-shadow:0 16px 40px #0000004d}@keyframes preprod-comments-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preprod-comments-toast-icon{font-size:16px}.preprod-comments-toast-text strong{font-weight:600}.preprod-comments-toast-link{color:#fff;border-radius:var(--radius-control);font:600 11px/1 var(--font-display), system-ui, sans-serif;cursor:pointer;background:0 0;border:1px solid #fff6;padding:4px 10px}.preprod-comments-toast-link:hover{background:#ffffff26}.preprod-comments-toast-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}@media (max-width:640px){.preprod-comments-gutter{width:100vw;max-width:100vw}.preprod-comments-bell{right:80px}.preprod-comments-inbox{width:calc(100vw - 20px);right:10px}.preprod-comments-toast{max-width:none;left:10px;right:10px}}