#patternCommentsOverlay.modal-overlay,#patternCommentsOverlay.tm-modal-overlay{align-items:flex-start;justify-content:center;overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-top:max(5vh,24px)}#patternCommentsOverlay .pattern-comments-panel,.pattern-comments-panel{background:var(--stg-paper,#161a14);border:1px solid var(--stg-border,rgba(244,236,216,.12));border-radius:var(--stg-r-lg,20px);display:flex;flex-direction:column;margin:0 auto;max-height:min(88vh,calc(100dvh - 48px));max-width:680px;overflow:hidden;width:min(680px,calc(100vw - 32px))}#patternCommentsOverlay .tm-modal-header,.pattern-comments-panel .tm-modal-header{align-items:flex-start;border-bottom:none;display:flex;justify-content:space-between;padding:16px 20px 8px}.pc-comments-kicker{color:var(--stg-ink-3);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.pattern-comments-modal-lead{color:var(--stg-ink);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:6px 0 0;padding:0}#patternCommentsOverlay .tm-modal-close,.pattern-comments-panel .tm-modal-close{background:transparent;border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3);cursor:pointer;display:grid;height:28px;min-width:28px;padding:0;place-items:center;width:28px}#patternCommentsOverlay .tm-modal-close:hover,.pattern-comments-panel .tm-modal-close:hover{background:var(--stg-paper-deep,rgba(244,236,216,.08));color:var(--stg-ink)}.pattern-comments-modal-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}#patternCommentsComposer.edit-control-group,.pattern-comments-panel .edit-control-group{align-items:flex-end;background:var(--stg-paper-2,#12150f);border:1px solid var(--stg-border,rgba(244,236,216,.12));border-radius:16px;display:flex;gap:12px;margin:0 20px 4px;padding:10px 12px}.pattern-comments-panel .tm-modal-label{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.pattern-comments-textarea{background:transparent;border:none;border-radius:0;box-sizing:border-box;color:var(--stg-ink);flex:1;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;margin:0;min-height:40px;padding:6px 4px;resize:vertical;width:auto}.pattern-comments-textarea:focus{outline:none}.pattern-comments-textarea::placeholder{color:var(--stg-ink-4)}.pattern-comments-panel .tm-profile-btn--primary{background:var(--stg-accent,#d9f274);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-accent-ink,#161a14);cursor:pointer;flex-shrink:0;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.875rem;font-weight:600;line-height:1.2;padding:8px 18px}.pattern-comments-panel .tm-profile-btn--primary:hover{filter:brightness(1.05)}.pattern-comments-toolbar{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 16px}.pc-comments-heading{align-items:center;color:var(--stg-ink);display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:1.0625rem;font-weight:700;gap:8px;margin:0}.pc-comments-count{align-items:center;background:var(--stg-accent,#d9f274);border-radius:999px;color:var(--stg-ink-on-pop,#161a14);display:inline-flex;font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:700;height:1.25rem;justify-content:center;line-height:1;min-width:1.5rem;padding:0 6px}.pattern-comments-list{display:flex;flex:1;flex-direction:column;gap:28px;overflow-y:auto;padding:8px 20px 24px}.pattern-comment-row{--pc-gap-name-body:14px;--pc-gap-body-actions:16px;background:transparent!important;border:none!important;box-shadow:none!important;color:var(--stg-ink);display:flex;flex-direction:column;gap:0;padding:0!important}.pattern-comment-row__main{align-items:start;column-gap:8px;display:grid;grid-template-columns:28px minmax(0,1fr)}.pattern-comment-row--reply .pattern-comment-row__main{grid-template-columns:24px minmax(0,1fr)}.pattern-comment-avatar{align-items:center;align-self:center;background:var(--stg-accent,#d9f274)!important;border-radius:50%!important;color:var(--stg-ink-on-pop,#161a14)!important;display:flex!important;flex-shrink:0;font-family:var(--font-ui,"Inter Tight",sans-serif)!important;font-size:.625rem!important;font-weight:600;grid-column:1;grid-row:1;height:28px!important;justify-content:center;transform:none!important;width:28px!important}.pattern-comment-row--reply .pattern-comment-avatar{font-size:.5625rem!important;height:24px!important;width:24px!important}.pattern-comment-content{display:contents}.pattern-comment-meta{align-items:baseline;align-self:center;display:flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;gap:.75em;grid-column:2;grid-row:1;line-height:1;margin:0}.pattern-comment-author-link{color:var(--stg-ink)!important;font-family:inherit;font-size:1em;font-weight:700;line-height:1;text-decoration:none}.pattern-comment-author-link:hover{text-decoration:underline}.pattern-comment-time{color:var(--stg-ink-4);font-family:inherit;font-size:.8125em;font-weight:400;line-height:1;opacity:.7}.pattern-comment-body{color:var(--stg-ink);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.9375rem;grid-column:2;grid-row:2;line-height:1.5;margin:var(--pc-gap-name-body) 0 0;word-break:break-word}.pattern-comment-body--system{font-style:italic;opacity:.7}.pattern-comment-actions{align-items:center;border:none;display:flex;flex-wrap:wrap;gap:28px;grid-column:2;grid-row:3;margin:var(--pc-gap-body-actions) 0 0;padding:0}.pc-reaction-cluster{align-items:center;display:flex;gap:20px}.pattern-comment-action{align-items:center;background:transparent;border:none;color:var(--stg-ink-3);cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.8125rem;font-weight:500;gap:6px;letter-spacing:normal;padding:0;text-transform:none;transition:color var(--dur-1,.12s) var(--ease,ease)}.pattern-comment-action:hover{color:var(--stg-ink)}.pattern-comment-action .stg-icon-host,.pattern-comment-action svg,.pc-ico{align-items:center;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.pc-reaction-count{color:inherit;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700}.pattern-comment-action.is-on,.pc-reaction-btn.is-on,.pc-reaction-btn.pc-reaction-active{color:var(--stg-accent,#d9f274)}.pattern-comment-action--reply{font-weight:600}.pattern-comment-action--more{color:var(--stg-ink-4)}.pattern-comment-action--more:hover{color:var(--stg-ink)}.pattern-comment-action--danger{color:#e06050;font-size:.75rem}.pattern-comment-action--danger:hover{text-decoration:underline}.pattern-comment-replies{border-left:1px solid var(--stg-border,rgba(244,236,216,.18));display:flex;flex-direction:column;gap:24px;margin:28px 0 0 20px;padding:0 0 0 20px}.pattern-comment-row--reply{background:transparent!important;box-shadow:none!important;padding:0!important}.pattern-comment-row--hidden{opacity:.55}.pattern-comments-composer--inline-reply{align-items:flex-end;background:var(--stg-paper-2,#12150f);border:1px solid var(--stg-border,rgba(244,236,216,.12));border-radius:16px;display:flex;gap:12px;margin:16px 0 0 20px;padding:10px 12px}.pattern-comments-composer--inline-reply .pattern-comments-composer__content{display:flex;flex:1;flex-direction:column;gap:8px}.pc-composer-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.pc-inline-toggle-btn{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink,#161a14);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:16px;padding:10px 16px;text-transform:uppercase;transition:background var(--dur-1,.12s) var(--ease,ease)}.pc-inline-toggle-btn:hover{background:var(--stg-paper,#fff)}.pc-composer-actions .modal-btn.primary{background:var(--stg-ink,#161a14);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-paper,#fff);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:12px;font-weight:600;padding:8px 16px}.pattern-comments-loading,.pc-comments-empty,.pc-comments-guest-hint{color:var(--stg-ink-3);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.875rem;margin:0 20px 16px}.sequencer-comments-separator{display:none}.sequencer-comments-panel.cmt-sec{background:transparent;border:none;border-radius:0;border-top:1px solid var(--stg-border,rgba(22,26,20,.08));margin:24px 0 48px;max-width:none;padding:16px 0 0;width:100%}.sequencer-comments-panel .head{align-items:baseline;display:flex;gap:8px;margin-bottom:4px}#sequencer-comments-title,.sequencer-comments-panel .head h2{color:var(--stg-ink);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:22px;font-weight:400;letter-spacing:-.02em;margin:0;text-transform:none}.sequencer-comments-count,.sequencer-comments-panel .cnt{background:var(--stg-paper-deep,#f3f2ee);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;padding:2px 8px}.sequencer-comments-count.hidden,.sequencer-comments-panel .cnt.hidden{display:none}.sequencer-comments-panel .hint,.sequencer-comments-panel__hint{color:var(--stg-ink-3,#6b6b5f);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:13px;margin:0 0 16px}.pc-comment-btn{align-items:center;background:transparent;border:none;color:var(--stg-ink-3);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;gap:.2rem;padding:0 .1rem}.pc-comment-btn:hover{color:var(--stg-ink)}.pc-comment-count{font-variant-numeric:tabular-nums}