.pattern-comments-panel{background:var(--stg-paper);border-radius:var(--stg-r-xl);display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden}.pattern-comments-panel .tm-modal-header{align-items:flex-start;border-bottom:none;display:flex;justify-content:space-between;padding:var(--sp-6) var(--sp-6) var(--sp-4)}.pattern-comments-panel .tm-modal-header h3{color:var(--stg-ink);font-family:var(--font-display);font-size:24px;font-weight:400;margin:0}.pattern-comments-panel .tm-modal-close{background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-3);cursor:pointer;display:grid;font-size:20px;height:36px;line-height:1;place-items:center;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);width:36px}.pattern-comments-panel .tm-modal-close:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.pattern-comments-modal-body{display:flex;flex:1;flex-direction:column;overflow:hidden}.pattern-comments-modal-lead{color:var(--stg-ink);font-family:var(--font-display);font-size:20px;min-height:28px;padding:0 var(--sp-6) var(--sp-2)}.pattern-comments-policy{color:var(--stg-ink-4);font-size:12px;padding:0 var(--sp-6) var(--sp-3)}.pattern-comments-list{display:flex;flex:1;flex-direction:column;gap:var(--sp-4);overflow-y:auto;padding:var(--sp-4) var(--sp-6) 0}.edit-control-group{background:var(--stg-paper-2);border-top:1px solid var(--stg-border);padding:var(--sp-4) var(--sp-6)}.pattern-comments-panel .tm-modal-label{color:var(--stg-ink-4);display:block;font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.pattern-comments-textarea{background:var(--stg-paper);border:2px solid transparent;border-radius:var(--stg-r-lg);color:var(--stg-ink);font-family:var(--font-ui);font-size:14px;margin-bottom:var(--sp-3);min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:border-color var(--dur-2) var(--ease);width:100%}.pattern-comments-textarea:focus{border-color:var(--stg-ink)}.pattern-comments-textarea::placeholder{color:var(--stg-ink-4)}.pattern-comments-panel .tm-profile-btn--primary{background:var(--stg-accent);border:none;border-radius:var(--stg-r-pill);color:var(--stg-accent-ink);cursor:pointer;font-family:var(--font-display);font-size:16px;padding:8px 20px;transition:filter var(--dur-2) var(--ease)}.pattern-comments-panel .tm-profile-btn--primary:hover{filter:brightness(1.05)}.pattern-comments-panel .tm-profile-btn--ghost{background:transparent;border:none;color:var(--stg-ink-2);cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px}#patternCommentsGuestHint{border-top:1px solid var(--stg-border);color:var(--stg-ink-3);font-size:14px;padding:var(--sp-4) var(--sp-6)}.pc-reply-bar{align-items:center;background:var(--stg-paper-deep);border-radius:var(--stg-r-md);color:var(--stg-ink-2);display:flex;font-size:13px;justify-content:space-between;margin-bottom:var(--sp-3);padding:6px 10px}.collaboration-request-modal{background:var(--stg-paper);border-radius:var(--stg-r-xl);display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:min(480px,calc(100vw - 2rem))}.collaboration-request-modal .modal-header{align-items:center;display:flex;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-3)}.collaboration-request-modal .modal-title{color:var(--stg-ink);font-family:var(--font-display);font-size:1.35rem;font-weight:400;margin:0}.collaboration-request-modal .modal-body{padding:0 var(--sp-6) var(--sp-4)}.collaboration-request-modal__lead{color:var(--stg-ink-2);font-size:14px;line-height:1.5;margin:0 0 var(--sp-4)}.collaboration-request-modal .stg-textarea{min-height:88px;resize:vertical}.collaboration-request-modal__footer{justify-content:flex-end}.confirm-icon{background:var(--stg-pop-peach);border-radius:var(--stg-r-pill);color:var(--stg-ink);display:grid;height:48px;margin-bottom:var(--sp-4);place-items:center;width:48px}.confirm-icon .stg-icon{height:24px;width:24px}.sequencer-kit-modal{display:flex;flex-direction:column;max-height:min(88vh,720px);max-width:min(520px,96vw);overflow:hidden;padding:0;width:100%}.sequencer-kit-modal__header{align-items:flex-start;display:flex;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-4)}.sequencer-kit-modal__heading{min-width:0}.sequencer-kit-modal__eyebrow{color:var(--stg-ink-4);font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 6px;text-transform:uppercase}.sequencer-kit-modal__title{color:var(--stg-ink);font-family:var(--font-display);font-size:24px;font-weight:400;margin:0}.sequencer-kit-modal__close{flex-shrink:0}.sequencer-kit-modal__body{overflow-y:auto;padding:0 var(--sp-6) var(--sp-4)}.sequencer-kit-modal__list{display:flex;flex-direction:column;gap:10px}.sequencer-kit-modal .sample-picker-row{align-items:center;background:var(--stg-paper-deep);border:1px solid transparent;border-radius:var(--stg-r-lg);display:flex;gap:12px;padding:10px 12px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);width:100%}.sequencer-kit-modal .sample-picker-row:hover{transform:translateY(-1px)}.sequencer-kit-modal .sample-picker-row.is-selected{background:color-mix(in srgb,var(--stg-accent) 28%,var(--stg-paper) 72%);border-color:color-mix(in srgb,var(--stg-ink) 18%,transparent)}.sequencer-kit-modal .sample-picker-select{align-items:flex-start;background:transparent;border:none;color:var(--stg-ink);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;padding:0;text-align:left}.sequencer-kit-modal .sample-picker-name{display:block;font-size:14px;font-weight:500;line-height:1.4;width:100%;word-break:break-word}.sequencer-kit-modal .sample-tag{color:var(--stg-ink-3);font-size:12px}.sequencer-kit-modal .sample-play-btn{background:var(--stg-paper);border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-2);cursor:pointer;display:grid;height:34px;padding:0;place-items:center;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);width:34px}.sequencer-kit-modal .sample-play-btn:hover{background:var(--stg-ink);color:var(--stg-paper)}.sequencer-kit-modal .sample-play-btn svg{display:block;margin-left:1px}.sequencer-kit-modal__footer{border-top:1px solid var(--stg-border);padding:var(--sp-4) var(--sp-6) var(--sp-5)}.sequencer-kit-modal__volume{display:flex;flex-direction:column;gap:10px}.sequencer-kit-modal__volume-label{color:var(--stg-ink-4);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sequencer-kit-modal__volume-row{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.sequencer-kit-modal__slider{accent-color:var(--stg-ink);width:100%}.sequencer-kit-modal__volume-value{color:var(--stg-ink-2);font-size:13px;font-weight:600;min-width:40px;text-align:right}.sequencer-kit-modal__send-hint{color:var(--stg-ink-4);font-size:11px;margin:0}.tm-modal-panel--report-user{background:var(--stg-paper);border-radius:var(--stg-r-xl);display:flex;flex-direction:column;max-height:90vh;max-width:440px;overflow:hidden}.tm-modal-panel--report-user .tm-modal-header{align-items:center;border-bottom:none;display:flex;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-4)}.tm-modal-panel--report-user .tm-modal-header h3{color:var(--stg-ink);font-family:var(--font-display);font-size:24px;font-weight:400;margin:0}.tm-modal-panel--report-user .tm-modal-close{background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-3);cursor:pointer;display:grid;height:36px;place-items:center;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);width:36px}.tm-modal-panel--report-user .tm-modal-close .stg-icon,.tm-modal-panel--report-user .tm-modal-close svg{height:20px;width:20px}.tm-modal-panel--report-user .tm-modal-close:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.tm-modal-panel--report-user .tm-modal-body{flex:1;overflow-y:auto;padding:0 var(--sp-6) var(--sp-5)}.tm-modal-panel--report-user .tm-modal-desc{color:var(--stg-ink-2);font-size:14px;line-height:1.5;margin:0 0 var(--sp-5)}.tm-modal-panel--report-user .tm-modal-field-group{margin-bottom:var(--sp-4)}.tm-modal-panel--report-user .report-reason-group{display:flex;flex-direction:column;gap:8px}.tm-modal-panel--report-user .report-radio{align-items:center;background:var(--stg-paper);border:1px solid var(--stg-border);border-radius:var(--stg-r-lg);cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.tm-modal-panel--report-user .report-radio:hover{background:var(--stg-paper-deep)}.tm-modal-panel--report-user .report-radio.is-selected{background:var(--stg-paper-deep);border-color:var(--stg-ink)}.tm-modal-panel--report-user .report-radio input{accent-color:var(--stg-ink);height:16px;margin:0;width:16px}.tm-modal-panel--report-user .report-radio span{color:var(--stg-ink);font-size:14px;font-weight:500}.tm-modal-panel--report-user .tm-modal-label{color:var(--stg-ink-4);display:block;font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.tm-modal-panel--report-user .tm-modal-input,.tm-modal-panel--report-user .tm-modal-textarea{background:var(--stg-paper-deep);border:2px solid transparent;border-radius:var(--stg-r-lg);color:var(--stg-ink);font-family:var(--font-ui);outline:none;padding:12px 14px;transition:border-color var(--dur-2) var(--ease);width:100%}.tm-modal-panel--report-user .tm-modal-input:focus,.tm-modal-panel--report-user .tm-modal-textarea:focus{border-color:var(--stg-ink)}.tm-modal-panel--report-user .tm-modal-textarea{font-size:14px;min-height:88px;resize:vertical}.tm-modal-panel--report-user .tm-modal-input::placeholder,.tm-modal-panel--report-user .tm-modal-textarea::placeholder{color:var(--stg-ink-4)}.tm-modal-panel--report-user .tm-modal-footer{border-top:none;display:flex;gap:var(--sp-3);justify-content:flex-end;padding:0}.tm-modal-panel--report-user .tm-profile-btn--ghost{background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-2);cursor:pointer;font-size:15px;font-weight:500;padding:10px 14px;transition:background var(--dur-1) var(--ease)}.tm-modal-panel--report-user .tm-profile-btn--ghost:hover{background:var(--stg-paper-deep)}.tm-modal-panel--report-user .tm-profile-btn--primary{background:var(--stg-ink);border:none;border-radius:var(--stg-r-pill);color:var(--stg-paper);cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:filter var(--dur-2) var(--ease)}.tm-modal-panel--report-user .tm-profile-btn--primary:hover{filter:brightness(1.08)}.tm-modal-panel--report-content{background:var(--stg-paper);border-radius:var(--stg-r-xl);display:flex;flex-direction:column;max-height:90vh;max-width:440px;overflow:hidden}.tm-modal-panel--report-content .tm-modal-header{align-items:center;border-bottom:none;display:flex;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-5) var(--sp-6) var(--sp-4)}.tm-modal-panel--report-content .tm-modal-header h3{color:var(--stg-ink);font-family:var(--font-display);font-size:24px;font-weight:400;margin:0}.tm-modal-panel--report-content .tm-modal-close{background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-3);cursor:pointer;display:grid;height:36px;place-items:center;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);width:36px}.tm-modal-panel--report-content .tm-modal-close .stg-icon,.tm-modal-panel--report-content .tm-modal-close svg{height:20px;width:20px}.tm-modal-panel--report-content .tm-modal-close:hover{background:var(--stg-paper-deep);color:var(--stg-ink)}.tm-modal-panel--report-content .tm-modal-body{flex:1;overflow-y:auto;padding:0 var(--sp-6) var(--sp-5)}.tm-modal-panel--report-content .tm-modal-desc{color:var(--stg-ink-2);font-size:14px;line-height:1.5;margin:0 0 var(--sp-5)}.tm-modal-panel--report-content .tm-modal-field-group{margin-bottom:var(--sp-4)}.tm-modal-panel--report-content .report-reason-group{display:flex;flex-direction:column;gap:8px}.tm-modal-panel--report-content .report-radio{align-items:flex-start;background:var(--stg-paper);border:1px solid var(--stg-border);border-radius:var(--stg-r-lg);cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.tm-modal-panel--report-content .report-radio:hover{background:var(--stg-paper-deep)}.tm-modal-panel--report-content .report-radio.is-selected{background:var(--stg-paper-deep);border-color:var(--stg-ink)}.tm-modal-panel--report-content .report-radio input{accent-color:var(--stg-ink);height:16px;margin:2px 0 0;width:16px}.tm-modal-panel--report-content .report-radio__copy{display:flex;flex-direction:column;gap:2px}.tm-modal-panel--report-content .report-radio__copy strong{color:var(--stg-ink);font-size:14px;font-weight:600}.tm-modal-panel--report-content .report-radio__copy small{color:var(--stg-ink-3);font-size:12px;line-height:1.4}.tm-modal-panel--report-content .tm-modal-label{color:var(--stg-ink-4);display:block;font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.tm-modal-panel--report-content .tm-modal-textarea{background:var(--stg-paper-deep);border:2px solid transparent;border-radius:var(--stg-r-lg);color:var(--stg-ink);font-family:var(--font-ui);font-size:14px;min-height:88px;outline:none;padding:12px 14px;resize:vertical;transition:border-color var(--dur-2) var(--ease);width:100%}.tm-modal-panel--report-content .tm-modal-textarea:focus{border-color:var(--stg-ink)}.tm-modal-panel--report-content .tm-modal-textarea::placeholder{color:var(--stg-ink-4)}.tm-modal-panel--report-content .tm-modal-footer{border-top:none;display:flex;gap:var(--sp-3);justify-content:flex-end;padding:0 var(--sp-6) var(--sp-6)}.tm-modal-panel--report-content .tm-profile-btn--ghost{background:transparent;border:none;border-radius:var(--stg-r-pill);color:var(--stg-ink-2);cursor:pointer;font-size:15px;font-weight:500;padding:10px 14px;transition:background var(--dur-1) var(--ease)}.tm-modal-panel--report-content .tm-profile-btn--ghost:hover{background:var(--stg-paper-deep)}.tm-modal-panel--report-content .tm-profile-btn--primary{background:var(--stg-ink);border:none;border-radius:var(--stg-r-pill);color:var(--stg-paper);cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:filter var(--dur-2) var(--ease)}.tm-modal-panel--report-content .tm-profile-btn--primary:hover{filter:brightness(1.08)}#contentReportError{color:#9a342d;font-size:13px;line-height:1.4;margin:0}.stg-share-modal{background:var(--stg-paper);border-radius:var(--stg-r-xl);max-width:440px;padding:var(--sp-6)}.share-pattern-preview{align-items:center;background:var(--stg-paper-2);border-radius:var(--stg-r-lg);display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4)}.share-pattern-icon{background:var(--stg-paper-deep);border-radius:var(--stg-r-md);color:var(--stg-ink-3);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.share-pattern-name{color:var(--stg-ink);font-size:14px;font-weight:600}.share-pattern-author{color:var(--stg-ink-3);font-size:13px}.share-copy-row{display:flex;gap:8px;margin-bottom:var(--sp-5)}.share-url-input{background:var(--stg-paper-deep);color:var(--stg-ink);cursor:text;flex:1;font-family:var(--font-ui);outline:none;padding:10px 14px}.share-copy-btn,.share-url-input{border:none;border-radius:var(--stg-r-lg);font-size:14px}.share-copy-btn{background:var(--stg-ink);color:var(--stg-paper);cursor:pointer;font-weight:600;padding:0 16px;transition:filter var(--dur-2) var(--ease)}.share-copy-btn:hover{filter:brightness(1.15)}.share-socials-label{color:var(--stg-ink-2);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.share-socials-row{display:flex;gap:12px}.share-social-btn{background:var(--stg-paper-deep);border:none;border-radius:var(--stg-r-lg);color:var(--stg-ink);cursor:pointer;display:grid;height:48px;place-items:center;transition:background var(--dur-2) var(--ease);width:48px}.share-social-btn:hover{background:var(--stg-cream)}