:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-canvas: #E5E5E5;--text-primary: #000000;--text-secondary: #666666;--border: #E0E0E0;--border-strong: #000000;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--hp-text: #0A0A0A;--hp-text-muted: #666666;--hp-text-dim: #9A9A9A;--hp-text-faint: #AEAEB2;--hp-page-bg: #FCFCFC;--hp-surface: #FFFFFF;--hp-surface-raised: #FAFAFA;--hp-surface-hover: #F4F4F4;--hp-border: #E2E2E2;--hp-border-subtle: #EFEFEF;--hp-track: #EDEDED;--hp-brand: #febc2e;--hp-danger: #E5484D;--hp-radius-sm: 8px;--hp-radius-md: 10px;--hp-radius-lg: 12px;--hp-radius-xl: 14px;--hp-radius-2xl: 18px;--hp-nav-width: 236px;--hp-topbar-height: 63px}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1A1A1A;--bg-canvas: #2A2A2A;--text-primary: #FFFFFF;--text-secondary: #999999;--border: #333333;--border-strong: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}.ext-check-split{display:grid;grid-template-columns:1fr 1.6fr;min-height:300px;width:100%}.ext-check-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;border-right:1px solid var(--border);pointer-events:none;-webkit-user-select:none;user-select:none}.ext-check-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 20px;gap:8px}.ext-check__header{display:flex;align-items:center;gap:12px}.ext-check__icon{flex-shrink:0;opacity:.6}.ext-check__title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.ext-check__desc{font-size:13px;color:var(--text-secondary);line-height:1.5;max-width:360px;margin:0}.prereq-list{display:flex;flex-direction:column;gap:5px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;width:100%;max-width:360px}.prereq-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.prereq-item.satisfied{color:#22c55e}.prereq-item.failed{color:var(--chrome-error, #ef4444)}.prereq-item.blocked,.prereq-item.checking{color:var(--text-secondary)}.prereq-item__icon{display:flex;align-items:center;flex-shrink:0}.prereq-item__tag{font-size:11px;font-weight:400;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.prereq-item.failed .prereq-item__tag{color:var(--chrome-error, #ef4444);border-color:var(--chrome-error, #ef4444);background:transparent}.ext-check__install-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.ext-check__install-btn:hover{opacity:.8}.ext-check__check-again{font-size:12px;color:var(--text-secondary);text-decoration:underline;cursor:pointer;background:none;border:none}.ext-check__check-again:hover{color:var(--text-primary)}.ext-check__spinner{animation:ext-spin 1s linear infinite}@keyframes ext-spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background-color .2s}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column}.content-area{flex:1;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;overflow:auto;outline:none}.content-area:focus{border-color:var(--border-strong)}.preview-grid{width:100%;height:100%;padding:var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-md);align-content:start}.preview-screen-card{width:400px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .2s}.preview-screen-card:hover{border-color:var(--text-secondary)}.preview-screen-card.selected{border-color:var(--border-strong);border-width:2px}.preview-screen-thumb{height:180px;background:#fff;overflow:hidden}.preview-screen-thumb iframe{border:none;pointer-events:none}.preview-screen-info{padding:var(--space-sm);background:var(--bg-secondary);display:flex;align-items:center;gap:var(--space-xs)}.preview-screen-info .check-icon{display:none;color:var(--text-primary);flex-shrink:0}.preview-screen-card.selected .check-icon{display:block}.preview-screen-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border)}.footer-actions{display:flex;gap:var(--space-sm)}.modal-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.modal-btn.secondary:hover{background:var(--bg-secondary)}.modal-btn.primary{background:var(--text-primary);border:none;color:var(--bg-primary)}.modal-btn.primary:hover{opacity:.8}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl)}.loading-text{font-size:14px;color:var(--text-secondary)}.fp-scan-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:480px;display:flex;flex-direction:column;overflow:hidden}.fp-scan-body{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);width:100%}.fp-scan-url{font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);word-break:break-all}.fp-scan-breakpoints{display:flex;gap:var(--space-xs);flex-wrap:wrap}.fp-bp-chip{font-size:12px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.fp-board-options{display:flex;flex-direction:column;gap:var(--space-sm)}.fp-board-option{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:14px;color:var(--text-primary)}.fp-board-name-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;outline:none;margin-left:calc(16px + var(--space-sm))}.fp-board-name-input:focus{border-color:var(--border-strong)}.fp-board-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;margin-left:calc(16px + var(--space-sm));border:1px solid var(--border);border-radius:var(--radius-sm)}.fp-board-item{text-align:left;padding:var(--space-xs) var(--space-sm);background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;border-radius:var(--radius-sm)}.fp-board-item:hover{background:var(--bg-secondary)}.fp-board-item.selected{background:var(--text-primary);color:#fff}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-scan-spinner{animation:fp-spin 1s linear infinite}.modal-base-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;transition:opacity .15s ease}.modal-base-overlay.modal-open{opacity:1}.modal-base-overlay.modal-closing{opacity:0}.modal-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:400px;opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease}.modal-card.modal-open{opacity:1;transform:scale(1)}.modal-card.modal-closing{opacity:0;transform:scale(.95)}.modal-title{font-size:18px;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary);text-align:center}.modal-description{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:var(--space-lg);line-height:1.5}.modal-input{width:100%;padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);margin-bottom:var(--space-md)}.modal-input:focus{border-color:var(--border-strong)}.modal-error{font-size:13px;color:#ef4444;margin:8px 0 0}.modal-actions{display:flex;gap:var(--space-sm);justify-content:center}.modal-btn{padding:var(--space-sm) var(--space-md);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;border:none}.modal-btn.primary{background-color:var(--text-primary);color:var(--bg-primary)}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn.secondary{background-color:transparent;border:1px solid var(--border);color:var(--text-primary)}.modal-icon{width:32px;height:32px;color:var(--text-primary);margin-bottom:var(--space-sm);display:block;margin-left:auto;margin-right:auto}.share-success-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#16a34a;margin-bottom:var(--space-md)}.share-success-check{width:14px;height:14px}.share-input{display:block;width:100%;padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);margin-bottom:var(--space-md);outline:none}.share-input:focus{border-color:var(--border-strong)}.share-input-chip-wrap{display:flex;align-items:center;gap:6px;padding:11px var(--space-md)}.share-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-primary);border:1px solid var(--border);border-radius:999px;padding:3px 8px 3px 4px;font-size:12px;font-weight:500;color:var(--text-primary)}.share-chip-x{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-secondary)}.share-chip-x svg{width:12px;height:12px}.share-search-results{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;margin:-8px 0 var(--space-md);overflow:hidden}.share-searching-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;font-size:13px;color:var(--text-secondary)}.share-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;animation:share-spin 1s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}.share-result-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .1s}.share-result-row:hover{background:#0000000f}.share-result-row:disabled{cursor:default;opacity:.6}.share-result-row:disabled:hover{background:none}.share-result-hint{margin-left:auto;font-size:12px;color:var(--text-secondary);flex-shrink:0}.share-result-empty{padding:var(--space-md) 12px;text-align:center}.share-result-empty-title{font-size:13px;font-weight:500;color:var(--text-primary)}.share-result-empty-text{font-size:12px;color:var(--text-secondary);margin-top:2px}.share-avatar{width:32px;height:32px;border-radius:50%;background-color:#febc2e;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.share-avatar img{width:100%;height:100%;object-fit:cover}.share-avatar.sm{width:20px;height:20px;font-size:10px}.share-invite-role-row{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.share-invite-role-label{font-size:13px;color:var(--text-secondary)}.share-role-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 8px;cursor:pointer;flex-shrink:0}.share-role-btn:hover{border-color:var(--border-strong)}.share-role-btn:disabled{opacity:.5;cursor:not-allowed}.share-chevron{width:12px;height:12px}.share-role-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;padding:4px 0;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;z-index:10}.share-role-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background-color .1s}.share-role-menu-item:hover{background:#00000026}.share-role-menu-item.danger{color:#ef4444}.share-role-menu-item.danger:hover{background:#ef44441a}.share-role-menu-icon{width:14px;height:14px;flex-shrink:0}.share-role-check{width:14px;height:14px;margin-left:auto}.share-error{margin:-8px 0 var(--space-md)}.share-section-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.share-person-row{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0}.share-person-row .share-role-menu{top:42px}.share-person-info{display:flex;flex-direction:column;min-width:0;margin-right:auto}.share-person-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-person-email{font-size:12px;color:var(--text-secondary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-person-role{font-size:12px;color:var(--text-secondary);flex-shrink:0}.share-actions{margin-top:var(--space-lg)}.share-actions .modal-btn{display:inline-flex;align-items:center;gap:6px}.share-btn-icon{width:16px;height:16px}.share-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--bg-primary);border-radius:50%;animation:share-spin 1s linear infinite}.report-fab{position:fixed;bottom:20px;right:20px;z-index:100;width:40px;height:40px;border-radius:50%;background-color:#1e1e1e;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #0006;color:#ffffffbf;font-size:18px;font-weight:500;line-height:1;letter-spacing:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.report-fab:hover{background-color:#2a2a2a;border-color:#ffffff52;color:#fffffff2}.report-fab:active{background-color:#333}.rm-overlay{--rm-surface: #ffffff;--rm-border: #e0e0e0;--rm-border-w: 1px;--rm-shadow: 0 12px 40px rgba(0, 0, 0, .12);--rm-rule: #ededed;--rm-text: #000000;--rm-muted: #666666;--rm-dim: #666666;--rm-x: #999999;--rm-hover: #f5f5f5;--rm-field-bg: #f5f5f5;--rm-field-border: #e0e0e0;--rm-field-focus: #000000;--rm-placeholder: #999999;--rm-drop-bg: #f5f5f5;--rm-drop-border: #e0e0e0;--rm-drop-icon: #999999;--rm-drag-bg: #ffffff;--rm-drag-border: #000000;--rm-ro-bg: #fafafa;--rm-ro-border: #eaeaea;--rm-ro-text: #666666;--rm-thumb-border: #e0e0e0;--rm-ph-bg: #f5f5f5;--rm-add-border: #e0e0e0;--rm-add-text: #666666;--rm-err: #dc2626;--rm-ok-bg: #16a34a;--rm-ok-fg: #ffffff;--rm-pri-bg: #000000;--rm-pri-fg: #ffffff;--rm-ghost-border: #e0e0e0;--rm-ghost-text: #000000;position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000;opacity:0;transition:opacity .15s ease}.board-page .rm-overlay{--rm-surface: #1c1c1c;--rm-border: rgba(255, 255, 255, .1);--rm-border-w: 1.994px;--rm-shadow: 0 12px 40px rgba(0, 0, 0, .5);--rm-rule: rgba(255, 255, 255, .1);--rm-text: #ffffff;--rm-muted: #9aa3b2;--rm-dim: #6b7280;--rm-x: rgba(255, 255, 255, .55);--rm-hover: rgba(255, 255, 255, .07);--rm-field-bg: rgba(255, 255, 255, .06);--rm-field-border: rgba(255, 255, 255, .14);--rm-field-focus: rgba(255, 255, 255, .3);--rm-placeholder: rgba(255, 255, 255, .35);--rm-drop-bg: rgba(255, 255, 255, .04);--rm-drop-border: rgba(255, 255, 255, .16);--rm-drop-icon: rgba(255, 255, 255, .45);--rm-drag-bg: rgba(255, 255, 255, .09);--rm-drag-border: rgba(255, 255, 255, .45);--rm-ro-bg: rgba(255, 255, 255, .03);--rm-ro-border: rgba(255, 255, 255, .1);--rm-ro-text: rgba(255, 255, 255, .6);--rm-thumb-border: rgba(255, 255, 255, .14);--rm-ph-bg: rgba(255, 255, 255, .06);--rm-add-border: rgba(255, 255, 255, .2);--rm-add-text: rgba(255, 255, 255, .5);--rm-err: #ff9c9c;--rm-ok-bg: #4ade80;--rm-ok-fg: #1c1c1c;--rm-pri-bg: #ffffff;--rm-pri-fg: #1c1c1c;--rm-ghost-border: rgba(255, 255, 255, .14);--rm-ghost-text: rgba(255, 255, 255, .82)}.rm-overlay.is-open{opacity:1}.rm-overlay.is-closing{opacity:0}.rm-card{position:relative;width:400px;max-width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--rm-surface);border:var(--rm-border-w) solid var(--rm-border);border-radius:14px;box-shadow:var(--rm-shadow);opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease}.rm-card.is-open{opacity:1;transform:scale(1)}.rm-card.is-closing{opacity:0;transform:scale(.95)}.rm-x{position:absolute;top:14px;right:14px;width:26px;height:26px;border:none;background:none;color:var(--rm-x);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:7px;z-index:10;transition:background .12s ease,color .12s ease}.rm-x:hover{background:var(--rm-hover);color:var(--rm-text)}.rm-x svg{width:16px;height:16px}.rm-body{padding:24px 24px 20px;overflow-y:auto;min-height:0}.rm-title{font-size:19px;font-weight:600;color:var(--rm-text);letter-spacing:-.01em;line-height:1.2;margin:0 0 6px}.rm-copy{font-size:13px;line-height:1.55;color:var(--rm-muted);margin:0 0 16px;padding-right:30px}.rm-textarea{width:100%;min-height:88px;padding:11px 12px;background:var(--rm-field-bg);border:1px solid var(--rm-field-border);border-radius:8px;font-size:12.5px;line-height:1.5;color:var(--rm-text);font-family:inherit;outline:none;resize:vertical;display:block;margin-bottom:10px}.rm-textarea::placeholder{color:var(--rm-placeholder)}.rm-textarea:focus{border-color:var(--rm-field-focus)}.rm-drop{width:100%;min-height:64px;border:1px dashed var(--rm-drop-border);border-radius:8px;background:var(--rm-drop-bg);display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;margin-bottom:14px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.rm-drop>svg{width:14px;height:14px;color:var(--rm-drop-icon)}.rm-drop-hint{font-size:12px;color:var(--rm-muted);pointer-events:none}.rm-drop.is-dragging{border-style:solid;border-color:var(--rm-drag-border);background:var(--rm-drag-bg)}.rm-drop.has-images{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px}.rm-thumbs{display:flex;flex-wrap:wrap;gap:8px;width:100%}.rm-thumb{position:relative;width:56px;height:56px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--rm-thumb-border)}.rm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rm-thumb-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .1s ease}.rm-thumb-remove svg{width:10px;height:10px}.rm-thumb:hover .rm-thumb-remove,.rm-thumb-remove:focus-visible{opacity:1}.rm-thumb.is-static{cursor:default}.rm-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--rm-ph-bg);color:var(--rm-muted);font-size:18px;font-weight:500}.rm-thumb-add{width:56px;height:56px;border-radius:6px;border:1px dashed var(--rm-add-border);background:none;color:var(--rm-add-text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .12s ease,color .12s ease}.rm-thumb-add svg{width:16px;height:16px}.rm-thumb-add:hover{border-color:var(--rm-field-focus);color:var(--rm-text)}.rm-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.rm-field-label{font-size:11.5px;color:var(--rm-dim)}.rm-screens-label{font-size:12px;color:var(--rm-dim);margin-top:3px}.rm-name{margin-bottom:2px}.rm-name-input{width:100%;height:34px;padding:0 12px;border-radius:8px;background:var(--rm-ro-bg);border:1px solid var(--rm-ro-border);color:var(--rm-ro-text);font-size:12.5px;font-family:inherit;outline:none}.rm-error{font-size:12px;color:var(--rm-err);line-height:1.45;margin:10px 0 0}.rm-title-row{display:flex;align-items:center;gap:9px;margin-bottom:6px}.rm-title-row .rm-title{margin-bottom:0}.rm-ok{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--rm-ok-bg);color:var(--rm-ok-fg);flex-shrink:0}.rm-ok svg{width:13px;height:13px}.rm-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px 16px;border-top:1px solid var(--rm-rule);flex-shrink:0}.rm-btn{height:32px;padding:0 15px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .12s ease,background .12s ease}.rm-btn--ghost{background:transparent;border:1px solid var(--rm-ghost-border);color:var(--rm-ghost-text);font-weight:500}.rm-btn--ghost:hover{background:var(--rm-hover)}.rm-btn--primary{background:var(--rm-pri-bg);color:var(--rm-pri-fg)}.rm-btn--primary:hover:not(:disabled){opacity:.88}.rm-btn:disabled{opacity:.45;cursor:not-allowed}.rm-spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.7;animation:rm-spin .6s linear infinite;flex-shrink:0}@keyframes rm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rm-overlay,.rm-card{transition:none}.rm-spinner{animation:none}}.hp-shell{display:flex;min-height:100vh;background:var(--hp-page-bg);color:var(--hp-text);font-family:Figtree,system-ui,sans-serif}.hp-shell *,.hp-shell *:before,.hp-shell *:after{box-sizing:border-box}.hp-nav svg,.hp-topbar svg{flex:0 0 auto}.hp-nav{width:var(--hp-nav-width);flex:0 0 var(--hp-nav-width);background:var(--hp-surface);border-right:1px solid var(--hp-border);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.hp-nav-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:6px 10px 18px}.hp-nav-brand-mark{width:22px;height:22px}.hp-nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--hp-radius-sm);font-size:13.5px;font-weight:500;color:var(--hp-text-muted);margin-bottom:1px;text-decoration:none;transition:background .12s ease,color .12s ease}.hp-nav-item:hover{background:var(--hp-surface-hover);color:var(--hp-text)}.hp-nav-item.is-active{background:var(--hp-surface-hover);color:var(--hp-text);font-weight:600}.hp-plan{margin-top:auto;background:var(--hp-surface-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);padding:14px}.hp-plan-row{display:flex;align-items:center;gap:7px}.hp-plan-title{font-size:12px;font-weight:600}.hp-plan-pill{background:var(--hp-brand);border-radius:999px;color:var(--hp-text);font-size:9.5px;font-weight:700;letter-spacing:.5px;padding:2px 7px}.hp-plan-bar{height:5px;background:var(--hp-track);border-radius:999px;overflow:hidden;margin-top:8px}.hp-plan-bar i{display:block;height:5px;background:var(--hp-text);border-radius:999px}.hp-plan-bar i.is-pro{background:var(--hp-brand)}.hp-plan-meta{font-size:11px;color:var(--hp-text-muted);margin-top:6px}.hp-plan-upgrade{display:block;width:100%;background:var(--hp-brand);border:none;border-radius:var(--hp-radius-md);color:var(--hp-text);font-size:13px;font-weight:600;text-align:center;padding:9px 0;margin-top:10px;cursor:pointer}.hp-plan-upgrade:hover{filter:brightness(.96)}.hp-main{flex:1 1 auto;min-width:0;background:var(--hp-page-bg);display:flex;flex-direction:column}.hp-topbar{height:var(--hp-topbar-height);flex:0 0 var(--hp-topbar-height);background:var(--hp-surface);border-bottom:1px solid var(--hp-border);padding:14px 32px;display:flex;align-items:center;justify-content:flex-end;position:sticky;top:0;z-index:20}.hp-page{padding:30px 32px 48px}.hp-page-title{font-size:26px;font-weight:700;letter-spacing:-.728px;margin:0}.hp-page-subtitle{font-size:14px;color:var(--hp-text-dim);margin:5px 0 0}.hp-page-subtitle--spaced{margin-bottom:26px}.hp-avatar-wrapper{position:relative}.hp-avatar{width:34px;height:34px;border-radius:50%;background:#262626;border:none;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;padding:0}.hp-avatar-img{width:100%;height:100%;object-fit:cover}.hp-user-menu{position:absolute;top:calc(100% + 10px);right:0;width:244px;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);padding:6px;box-shadow:0 10px 28px #0000001a;z-index:30;transform-origin:top right;animation:hp-menu-in .12s ease-out}@keyframes hp-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hp-user-menu.is-closing{animation:hp-menu-out 90ms ease-in forwards;pointer-events:none}@keyframes hp-menu-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.hp-user-menu,.hp-user-menu.is-closing{animation:none}}.hp-user-menu-info{display:flex;align-items:center;gap:10px;padding:10px}.hp-user-menu-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#262626;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.hp-user-menu-details{min-width:0;display:flex;flex-direction:column}.hp-user-menu-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-user-menu-email{font-size:11.5px;color:var(--hp-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-user-menu-divider{height:1px;background:var(--hp-border-subtle);margin:4px 0}.hp-user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:9px;font-size:13px;font-weight:500;color:var(--hp-text);text-align:left;cursor:pointer}.hp-user-menu-item:hover{background:var(--hp-surface-hover)}.hp-user-menu-icon{width:16px;height:16px;flex:0 0 16px;color:var(--hp-text-muted)}.hp-user-menu-figma{width:16px;height:16px;flex:0 0 16px;object-fit:contain}.ls-sec{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-2xl);padding:34px 36px;margin-bottom:24px}.ls-sec:last-child{margin-bottom:0}.ls-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:36px;align-items:center}.ls-grid>*{min-width:0}.ls-eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--hp-text-faint);margin-bottom:8px}.ls-ehead{display:flex;align-items:center;gap:9px;margin-bottom:8px}.ls-ehead .ls-eyebrow{margin-bottom:0}.ls-pill{background:var(--hp-brand);border-radius:999px;color:var(--hp-text);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px}.ls-h2{font-size:25px;font-weight:700;letter-spacing:-.4px;margin:0}.ls-sd{font-size:14px;color:#6e6e73;line-height:1.55;margin:9px 0 0;max-width:480px}.ls-hint{font-size:12.5px;color:var(--hp-text-dim);margin-top:14px;line-height:1.5}.ls-hint b{color:var(--hp-text);font-weight:600}.ls-dot{width:16px;height:16px;flex:0 0 16px;border-radius:5px;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.ls-mark{width:16px;height:16px;flex:0 0 16px;object-fit:contain}.ls-tchips{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.ls-tchip{display:flex;align-items:center;gap:7px;background:var(--hp-surface-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);padding:8px 13px;font-size:12.5px;font-weight:500}.ls-btnrow{display:flex;gap:10px;margin-top:20px}.ls-primary{display:flex;align-items:center;gap:8px;background:var(--hp-text);border:none;border-radius:var(--hp-radius-md);color:#fff;font-size:14px;font-weight:600;padding:11px 18px;cursor:pointer}.ls-ghost{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);color:var(--hp-text);font-size:14px;font-weight:600;padding:11px 18px;cursor:pointer}.ls-vid{position:relative;height:270px;border-radius:var(--hp-radius-xl);background-color:#e9e9ec;background-image:radial-gradient(circle,#d5d5d8 1.3px,#0000 1.3px);background-size:15px 15px;border:1px solid var(--hp-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.ls-play{width:54px;height:54px;border-radius:50%;background:#0a0a0ae6;display:flex;align-items:center;justify-content:center;color:#fff}.ls-play-abs{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%)}.ls-vtag{position:absolute;left:13px;bottom:13px;background:#0a0a0ad1;border-radius:6px;color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px}.ls-browser{position:absolute;left:30px;right:30px;top:30px;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-sm);box-shadow:0 8px 24px #00000014;overflow:hidden}.ls-bbar{height:22px;background:#f2f2f2;border-bottom:1px solid #ECECEC;display:flex;align-items:center;gap:4px;padding:0 9px}.ls-bdot{width:6px;height:6px;border-radius:50%;background:#d0d0d0}.ls-bbody{height:132px;background:repeating-linear-gradient(#fff,#fff 10px,#fafafa 10px 20px)}.ls-pmar{margin-top:20px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.ls-pmrow{--ls-gap: 14px;display:flex;gap:var(--ls-gap);width:max-content;animation:ls-marquee 60s linear infinite reverse}.ls-pmar:hover .ls-pmrow{animation-play-state:paused}.ls-pcard{width:216px;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);overflow:hidden;flex:0 0 auto}.ls-pthumb{position:relative;height:128px;background-color:#e9e9ec;background-image:radial-gradient(circle,#d5d5d8 1.3px,#0000 1.3px);background-size:14px 14px}.ls-ppage{position:absolute;inset:12px;background:var(--hp-surface);border-radius:5px;box-shadow:0 1px 5px #0000001a;overflow:hidden}.ls-sl,.ls-sg,.ls-sb,.ls-sy{position:absolute}.ls-sl{background:#2f2f2f;border-radius:1.5px}.ls-sg{background:#e4e4e4;border-radius:1.5px}.ls-sb{background:#f2f2f2;border-radius:2px}.ls-sy{background:var(--hp-brand);border-radius:2px}.ls-prev{position:absolute;inset:0;background:#0a0a0a57;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.ls-pcard:hover .ls-prev,.ls-pcard:focus-within .ls-prev{opacity:1}.ls-prevb{background:var(--hp-surface);border-radius:var(--hp-radius-sm);padding:7px 13px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 3px 10px #00000038}.ls-pfoot{padding:9px 12px;display:flex;align-items:center;gap:8px;border-top:1px solid #F2F2F2}.ls-ptitle{font-size:12.5px;font-weight:600}.ls-pbadge{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--hp-text-dim);font-weight:500}.ls-pbadge .ls-dot{width:15px;height:15px;flex-basis:15px;border-radius:4px;font-size:8px}.ls-pbadge .ls-mark{width:15px;height:15px;flex-basis:15px}.ls-install{margin-top:22px;padding:18px;background:var(--hp-surface-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl)}.ls-brs{display:flex;gap:8px;margin-bottom:15px}.ls-br{width:38px;height:38px;border-radius:var(--hp-radius-md);background:var(--hp-surface);border:1px solid var(--hp-border);display:flex;align-items:center;justify-content:center}.ls-br img{width:22px;height:22px;object-fit:contain}.ls-irow{display:flex;align-items:center;gap:12px}.ls-itxt{min-width:0}.ls-iheading{font-size:14.5px;font-weight:600}.ls-isub{font-size:12px;color:var(--hp-text-dim);margin-top:2px}.ls-installbtn{margin-left:auto;background:var(--hp-text);border-radius:var(--hp-radius-md);color:#fff;font-size:13.5px;font-weight:600;padding:11px 20px;white-space:nowrap;flex:0 0 auto;text-decoration:none}.ls-popular{margin-top:26px;padding-top:22px;border-top:1px solid #F0F0F0}.ls-popular-label{margin-bottom:12px}.ls-mwrap{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ls-mrow{--ls-gap: 10px;display:flex;gap:var(--ls-gap);width:max-content;animation:ls-marquee 40s linear infinite}.ls-mwrap:hover .ls-mrow{animation-play-state:paused}.ls-chip{display:flex;align-items:center;gap:8px;background:var(--hp-surface-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);padding:9px 13px;font-size:12.5px;font-weight:500;white-space:nowrap}@keyframes ls-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - (var(--ls-gap) / 2)))}}@media(prefers-reduced-motion:reduce){.ls-pmrow,.ls-mrow{animation:none}}.bl-hrow{display:flex;align-items:center;margin-bottom:22px}.bl-new-btn{margin-left:auto;display:inline-flex;align-items:center;gap:9px;background:var(--hp-text);border:none;color:#fff;border-radius:var(--hp-radius-md);font-size:14px;font-weight:600;padding:11px 18px;cursor:pointer;font-family:inherit}.bl-new-btn__plus{font-size:19px;font-weight:500;line-height:1;margin-top:1px}.bl-new-btn:hover{opacity:.88}.bl-tabs{display:flex;gap:26px;border-bottom:1px solid var(--hp-border);margin-bottom:24px}.bl-tab{display:flex;align-items:center;gap:6px;padding:0 0 13px;background:none;border:none;font-family:inherit;font-size:14px;font-weight:500;color:var(--hp-text-muted);cursor:pointer}.bl-tab.is-active{color:var(--hp-text);font-weight:600;box-shadow:inset 0 -1px 0 var(--hp-text)}.bl-tab-count{font-size:12px;color:var(--hp-text-dim);font-weight:500}.bl-tab-empty{grid-column:1 / -1;font-size:14px;color:var(--hp-text-dim);padding:8px 0}.bl-tab-empty-link{background:none;border:none;padding:0;font:inherit;color:var(--hp-text);font-weight:600;text-decoration:underline;cursor:pointer}.bl-create{display:flex;align-items:center;gap:22px;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-2xl);padding:24px 28px;margin:24px 0}.bl-create-canvas{width:120px;height:76px;flex:0 0 120px;border-radius:var(--hp-radius-lg);background-color:#f1f1f3;background-image:radial-gradient(circle,#dadade 1.3px,#0000 1.3px);background-size:14px 14px;border:1px dashed #DADADE}.bl-create-text{flex:1}.bl-create-def{font-size:15px;line-height:1.5;color:#3a3a3c}.bl-create-def b{color:var(--hp-text);font-weight:600}.bl-create-btn{margin-top:14px;background:var(--hp-text);border:none;color:#fff;border-radius:var(--hp-radius-lg);font-size:14px;font-weight:600;padding:11px 18px;cursor:pointer;font-family:inherit}.bl-create-btn:hover{opacity:.88}.boards-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 320px);padding:40px 20px;text-align:center;gap:12px}.boards-error-icon{width:56px;height:56px;color:#d97706;margin-bottom:4px}.boards-error-title{font-size:18px;font-weight:600;color:var(--hp-text)}.boards-error-text{font-size:14px;color:var(--hp-text-muted);margin-bottom:8px}.boards-error .bl-new-btn{margin-left:0}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.board-card{background-color:#f5f5f5;border:1px solid #E0E0E0;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s;overflow:hidden}.board-card:hover{border-color:var(--hp-text)}.board-card-thumbnail{aspect-ratio:16 / 8;background-color:#e5e5e5;display:flex;align-items:center;justify-content:center;overflow:hidden}.board-card-thumbnail-img{width:100%;height:100%;object-fit:contain}.board-card-thumbnail-letter{font-size:32px;font-weight:600;color:#333;-webkit-user-select:none;user-select:none}.board-card-body{height:56px;padding:8px 16px;display:flex;flex-direction:column;justify-content:center}.board-card-name{font-size:13px;font-weight:600;color:var(--hp-text);line-height:19.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-card-rename-input{font-size:13px;font-weight:600;color:var(--hp-text);background:transparent;border:1px solid var(--hp-text);border-radius:var(--radius-sm);padding:1px 4px;width:100%;outline:none}.board-card-meta{font-size:12px;color:var(--hp-text-muted);line-height:18px;margin:2px 0 0}.board-card-skeleton{cursor:default;pointer-events:none}.board-card-skeleton:hover{border-color:#e0e0e0}.board-card-thumbnail-skeleton-bg{background-color:var(--hp-border);position:relative;overflow:hidden}.skeleton-line{position:relative;overflow:hidden;background-color:var(--hp-border);border-radius:4px}.skeleton-line-name{width:60%;height:13px;margin-bottom:6px}.skeleton-line-meta{width:40%;height:12px}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.boards-context-menu{position:fixed;z-index:1000;min-width:180px;padding:4px 0;background-color:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);box-shadow:0 10px 28px #0000001f;animation:context-menu-in .12s ease-out}@keyframes context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.boards-context-menu .context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:var(--hp-text);background:none;border:none;cursor:pointer;text-align:left;transition:background-color .1s;font-family:inherit}.boards-context-menu .context-menu-item:hover{background:var(--hp-surface-hover)}.boards-context-menu .context-menu-item.disabled{color:var(--hp-text-dim);cursor:not-allowed;opacity:.5}.boards-context-menu .context-menu-item.disabled:hover{background:none}.boards-context-menu .context-menu-item.danger{color:#ef4444}.boards-context-menu .context-menu-item.danger:hover{background:#ef44441a}.boards-context-menu .context-menu-icon{width:16px;height:16px;flex-shrink:0}.boards-context-menu .context-menu-divider{height:1px;margin:4px 0;background-color:var(--hp-border)}.board-toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;height:52px;padding:0 10px;gap:6px;background:var(--cc-surface);border:var(--cc-border-width) solid var(--cc-border);border-radius:13px;box-shadow:var(--cc-shadow-bar);z-index:100;-webkit-user-select:none;user-select:none;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}@media(prefers-reduced-motion:reduce){.board-toolbar{transition-duration:.01ms}}.board-toolbar__divider{width:1.5px;height:22px;background:var(--cc-divider);flex-shrink:0;margin:0 2px}.board-toolbar__icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:none;border-radius:9px;color:var(--cc-icon);cursor:pointer;transition:background .15s,color .15s}.board-toolbar__icon-btn:hover{background:var(--cc-hover);color:var(--cc-icon-strong)}.board-toolbar__icon-btn.active{background:var(--cc-selected);color:var(--cc-icon-strong)}.board-toolbar__icon{width:17px;height:17px;display:block;flex-shrink:0}.board-toolbar__icon[src*=arrow-cursor]{transform:rotate(-7.42deg)}.board-toolbar__mode-group{position:relative}.board-toolbar__mode-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:60px;height:36px;background:transparent;border:1px solid var(--cc-border);border-radius:9px;cursor:pointer;transition:background .15s}.board-toolbar__mode-btn:hover{background:var(--cc-hover)}.board-toolbar__chevron-icon{width:11px;height:11px;opacity:.8;flex-shrink:0}.board-toolbar__mode-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;width:220px;background:var(--cc-surface);border:var(--cc-border-width) solid var(--cc-border);border-radius:11px;padding:6px;box-shadow:var(--cc-shadow-bar);z-index:200;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.board-toolbar__dropdown-item{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .1s}.board-toolbar__dropdown-item:hover{background:var(--cc-hover)}.board-toolbar__dropdown-icon{width:17px;height:17px;flex-shrink:0;opacity:.55}.board-toolbar__dropdown-icon[src*=arrow-cursor]{transform:rotate(-7.42deg)}.board-toolbar__dropdown-item.active .board-toolbar__dropdown-icon{opacity:1}.board-toolbar__dropdown-label{flex:1;font-family:Figtree,sans-serif;font-size:15px;font-weight:500;color:var(--cc-text-muted);letter-spacing:-.01em}.board-toolbar__dropdown-item.active .board-toolbar__dropdown-label{color:var(--cc-icon-strong)}.board-toolbar__dropdown-right{display:flex;align-items:center;gap:6px;margin-left:auto}.board-toolbar__check-icon{width:16px;height:16px;flex-shrink:0}.board-toolbar__shortcut{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:var(--cc-text-dim);min-width:10px;text-align:center}.board-toolbar__color-swatch-btn{width:20px;height:20px;border-radius:50%;background:#e8e8e4;border:none;flex-shrink:0;display:block;transition:background .15s}.board-toolbar__agents-group{display:flex;align-items:center;gap:6px;max-width:320px;opacity:1;transition:max-width .24s cubic-bezier(.32,.72,0,1),opacity .16s ease,gap .24s cubic-bezier(.32,.72,0,1),margin .24s cubic-bezier(.32,.72,0,1)}.board-toolbar__agents-group:has(>.board-toolbar__agents:empty){overflow:hidden;max-width:0;opacity:0;gap:0;margin-left:-6px}@media(prefers-reduced-motion:reduce){.board-toolbar__agents-group{transition-duration:.01ms}}.board-toolbar__agents{display:flex;align-items:center}.board-toolbar__zen-btn{color:var(--cc-accent)}.board-toolbar__zen-btn:hover{background:var(--cc-hover);color:var(--cc-accent)}.section{position:absolute;box-sizing:border-box}.section-titles{position:absolute;inset:0;pointer-events:none}.section-title__input{pointer-events:auto;font:inherit;color:#0d99ff;background:#fff;border:1px solid #0d99ff;border-radius:2px;padding:1px 3px;outline:none;box-sizing:border-box}.section-selbox{position:absolute;pointer-events:none;outline:1px solid #0d99ff}.section-selbox--hover{outline:1px solid rgba(13,153,255,.45)}.section-handle{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid #0d99ff;box-sizing:border-box;pointer-events:auto}.section-handle--nw,.section-handle--se{cursor:nwse-resize}.section-handle--ne,.section-handle--sw{cursor:nesw-resize}.section-edge{position:absolute;pointer-events:auto}.section-edge--n,.section-edge--s{transform:translateY(-50%);cursor:ns-resize}.section-edge--w,.section-edge--e{transform:translate(-50%);cursor:ew-resize}.section-title{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;border-radius:8px;font-weight:600;white-space:nowrap;overflow:hidden;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.section-title--active{box-shadow:0 1px 3px #0000001a}.section-title--moving{box-shadow:0 3px 10px #0000002e}.comment-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fa0;color:#1c1c1c;font-weight:600;font-size:12px;line-height:1;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}.comment-avatar.agent{background:var(--cc-chip, #2f3037);color:var(--cc-mark-mono, #e6e9ef)}.comment-avatar.agent svg{width:64%;height:64%}.screen-rename-input{position:absolute;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;padding:0 3px;background:#fff;border:1px solid;border-radius:2px;box-sizing:content-box;outline:none}.canvas-container{flex:1;position:relative;overflow:clip;overscroll-behavior:none;background-color:var(--bg-canvas);transition:background-color .22s ease;cursor:grab;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.canvas-container{transition-duration:.01ms}}.canvas-container.grabbing{cursor:grabbing}.canvas-container.select-mode{cursor:default}.canvas-container.section-mode{cursor:crosshair}.canvas-viewport{position:absolute;top:0;left:0;transform-origin:0 0}.screen-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.screen-content{position:absolute;background:#e9e9ec;overflow:hidden;contain:layout style paint;pointer-events:none}.screen-content--transparent{background:transparent}.screen-content-shimmer{width:100%;border:none;pointer-events:none;background:linear-gradient(90deg,#d4d4d4 25%,#e0e0e0,#d4d4d4 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.screen-content-shadow{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}.screen-content-img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;border:none;pointer-events:none;z-index:1}.interaction-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.interaction-layer .element-text-editor{pointer-events:auto}@keyframes element-text-caret-blink{0%,to{opacity:1}50%{opacity:0}}.element-image-editor{z-index:1001;background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:var(--radius-md);box-shadow:0 4px 16px var(--chrome-shadow);padding:12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;animation:contextMenuFadeIn .15s ease-out}.image-editor-preview{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--chrome-border)}.image-editor-preview img{width:100%;height:80px;display:block}.image-editor-clear-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.image-editor-clear-btn:hover{background:#000c}.image-editor-upload-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--chrome-accent);animation:image-upload-progress 1.5s ease-in-out infinite}@keyframes image-upload-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.image-editor-error{font-size:11px;color:var(--chrome-error);padding:2px 0}.image-editor-replace-btn{width:100%;padding:6px 12px;border:1px dashed var(--chrome-border);border-radius:var(--radius-sm);background:var(--chrome-bg-hover);color:var(--chrome-text);font-size:12px;cursor:pointer;transition:border-color .15s,background-color .15s}.image-editor-replace-btn:hover{border-color:var(--chrome-accent);background:var(--chrome-bg)}.image-editor-section-label{font-size:11px;font-weight:500;color:var(--chrome-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.image-editor-fit-options{display:flex;flex-wrap:wrap;gap:4px}.image-editor-fit-btn{padding:4px 8px;border:1px solid var(--chrome-border);border-radius:var(--radius-sm);background:var(--chrome-bg-hover);color:var(--chrome-text);font-size:11px;cursor:pointer;transition:all .15s}.image-editor-fit-btn:hover{border-color:var(--chrome-accent)}.image-editor-fit-btn.active{background:var(--chrome-accent);border-color:var(--chrome-accent);color:#fff}.image-editor-actions{display:flex;gap:6px;margin-top:4px}.image-editor-cancel-btn,.image-editor-apply-btn{flex:1;padding:6px 0;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--chrome-border);transition:all .15s}.image-editor-cancel-btn{background:var(--chrome-bg-hover);color:var(--chrome-text)}.image-editor-cancel-btn:hover{background:var(--chrome-bg)}.image-editor-apply-btn{background:var(--chrome-accent);border-color:var(--chrome-accent);color:#fff}.image-editor-apply-btn:hover:not(:disabled){background:var(--chrome-accent-hover)}.image-editor-apply-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-indicator{position:absolute;bottom:calc(var(--space-lg) + 60px);right:var(--space-lg);padding:var(--space-xs) var(--space-sm);background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:var(--radius-sm);font-size:12px;color:var(--chrome-text-secondary);pointer-events:none;opacity:0;transition:opacity .3s}.zoom-indicator.visible{opacity:1}.selection-box{position:absolute;pointer-events:none;z-index:1000}.overlay-paint{position:absolute;top:0;left:0;z-index:0;pointer-events:none}.screen-context-menu{position:fixed;background:var(--cc-surface, #1c1c1c);border:var(--cc-border-width, 1.994px) solid var(--cc-border, rgba(255, 255, 255, .1));border-radius:11px;box-shadow:var(--cc-shadow-bar, 0 8px 32px rgba(0, 0, 0, .4));min-width:190px;padding:6px;z-index:10000;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.screen-context-menu .context-menu-item{display:flex;align-items:center;gap:9px;width:100%;height:34px;padding:0 10px;background:transparent;border:none;border-radius:8px;color:var(--cc-icon, rgba(255, 255, 255, .82));font-family:inherit;font-size:13px;cursor:pointer;text-align:left;transition:background-color .1s,color .1s}.screen-context-menu .context-menu-item:hover:not(.disabled){background:var(--cc-hover, rgba(255, 255, 255, .07));color:var(--cc-icon-strong, #fff)}.screen-context-menu .context-menu-item.disabled{color:var(--cc-text-dim, #6b7280);cursor:not-allowed;opacity:.6}.screen-context-menu .context-menu-item.danger:hover{background:#ff7b7b1f;color:#ff9c9c}.screen-context-menu .context-menu-item .menu-icon{width:16px;height:16px;flex-shrink:0;opacity:.7;transition:opacity .1s}.screen-context-menu .context-menu-item:hover:not(.disabled) .menu-icon{opacity:1}.screen-context-menu .context-menu-item .menu-icon.figma-icon{width:16px;height:16px}.screen-context-menu .context-menu-item .menu-label{flex:1}.screen-context-menu .context-menu-divider{height:1px;background:var(--cc-divider, rgba(255, 255, 255, .1));margin:5px -6px}.screen-context-menu .context-menu-item.connect-figma-row{cursor:default}.screen-context-menu .context-menu-item.connect-figma-row:hover{background:transparent}.screen-context-menu .context-menu-connect-btn{height:24px;padding:0 10px;background-color:var(--cc-icon-strong, #fff);color:var(--cc-surface, #1c1c1c);font-family:inherit;font-size:12px;font-weight:600;border-radius:7px;border:none;cursor:pointer;transition:opacity .2s;margin-left:auto}.screen-context-menu .context-menu-connect-btn:hover{opacity:.88}.screen-context-menu .menu-label-suffix{font-size:13px;color:var(--cc-text-dim, #6b7280)}.view-only-pill{position:absolute;right:var(--space-lg);bottom:var(--space-lg);display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#1c1c1c;border:2px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 8px 32px #00000059;color:#ffffffc7;font-size:12.5px;font-weight:600;-webkit-user-select:none;user-select:none;z-index:100}.view-only-pill svg{width:14px;height:14px;flex-shrink:0}.view-only-pill__tooltip{position:absolute;right:0;bottom:calc(100% + 10px);background:#2b2b2b;color:#ddd;font-size:12px;font-weight:400;padding:7px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 20px #00000059;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.view-only-pill__tooltip:after{content:"";position:absolute;right:26px;bottom:-5px;width:8px;height:8px;background:#2b2b2b;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transform:rotate(45deg)}.view-only-pill:hover .view-only-pill__tooltip{opacity:1}.canvas-container.comment-placement-mode,.canvas-container.comment-placement-mode .canvas-viewport,.canvas-container.comment-placement-mode .screen-layer,.canvas-container.comment-placement-mode .overlay-paint{cursor:crosshair}.comment-pin-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.comment-pin{pointer-events:auto;width:28px;height:28px;border-radius:50% 50% 50% 4px;background:var(--cc-accent, #FFAA00);color:var(--cc-surface, #1C1C1C);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;font-weight:700;box-shadow:0 2px 6px #00000040,0 0 0 2px #ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease-out;z-index:5}.comment-pin:hover{filter:brightness(1.1)}.comment-pin.agent{background:var(--cc-surface, #1C1C1C);color:#fff}.comment-pin.resolved{background:#9ca3af;color:#fff;opacity:.75}.comment-pin svg{width:16px;height:16px;display:block}.comment-pin-avatar{width:100%;height:100%;object-fit:cover;border-radius:inherit}.comment-pin-initial{font-size:13px;font-weight:700;line-height:1}.comment-hover-card{position:fixed;z-index:95;width:272px;background:#14161cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6e9ef;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 24px #0006;padding:10px 12px;pointer-events:none}.comment-hover-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-hover-author{font-size:13px;font-weight:600;color:#e6e9ef}.comment-hover-time{font-size:11px;color:#9aa3b2}.comment-hover-text{font-size:13px;line-height:1.45;color:#e6e9ef;white-space:pre-wrap;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.comment-hover-replies{margin-top:6px;font-size:12px;color:#6ea8fe}.bpk-wrap{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bpk-custom{display:flex;align-items:center;gap:8px;flex-shrink:0}.bpk-bp{width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:transparent;color:var(--cc-icon, rgba(255, 255, 255, .82));display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s ease,border-color .12s ease,color .12s ease}.bpk-bp svg{width:14px;height:14px}.bpk-bp:hover{background:var(--cc-hover, rgba(255, 255, 255, .07));color:var(--cc-icon-strong, #fff)}.bpk-bp.selected{background:var(--cc-selected, rgba(255, 255, 255, .12));border-color:#ffffff2e;color:var(--cc-icon-strong, #fff)}.bpk-bp[aria-disabled=true]{opacity:.32;cursor:not-allowed}.bpk-bp[aria-disabled=true]:hover{background:transparent;color:var(--cc-icon, rgba(255, 255, 255, .82))}.bpk-chip{display:flex;align-items:center;gap:4px;height:28px;padding:0 7px 0 9px;border-radius:7px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:var(--cc-text, #fff);font-size:11.5px;font-weight:500;font-family:inherit;flex-shrink:0;cursor:pointer;transition:background .12s ease}.bpk-chip:hover{background:#ffffff29}.bpk-chip svg{width:10px;height:10px;color:#ffffff80;flex-shrink:0}.bpk-chip:hover svg{color:#ffffffd9}.bpk-input{width:60px;height:28px;-moz-appearance:textfield;appearance:textfield;padding:0 8px;border:1px solid rgba(255,255,255,.14);border-radius:7px;font-size:11.5px;font-family:inherit;color:var(--cc-text, #fff);outline:none;background:#ffffff0f}.bpk-input::placeholder{color:#ffffff59}.bpk-input:focus{border-color:#ffffff4d}.bpk-input::-webkit-inner-spin-button,.bpk-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpk-input.invalid,.bpk-input.invalid:focus{border-color:#ff7b7b;color:#ff9c9c}.bpk-input:disabled{opacity:.32;cursor:not-allowed}.bpk-plus{width:28px;height:28px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:transparent;color:var(--cc-icon, rgba(255, 255, 255, .82));display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s ease,border-color .12s ease,color .12s ease}.bpk-plus svg{width:13px;height:13px}.bpk-plus.ready{background:#ffffff29;border-color:#ffffff4d;color:var(--cc-icon-strong, #fff)}.bpk-plus[aria-disabled=true]{opacity:.32;cursor:not-allowed}.bpk-plus[aria-disabled=true]:hover{background:transparent;border-color:#ffffff24}.scan-tool{position:relative;display:flex;align-items:center}.scan-pop{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);width:384px;background:var(--cc-surface, #1c1c1c);border:var(--cc-border-width, 1.994px) solid var(--cc-border, rgba(255, 255, 255, .1));border-radius:13px;box-shadow:0 12px 40px #00000080;padding:16px;text-align:left;z-index:200}.scan-pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--cc-surface, #1c1c1c)}.scan-pop__urlrow{display:flex;gap:8px;margin-bottom:12px}.scan-pop__url{flex:1;height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:var(--cc-text, #fff);font-size:12.5px;font-family:inherit;outline:none;min-width:0}.scan-pop__url::placeholder{color:#ffffff59}.scan-pop__url:focus{border-color:#ffffff4d}.scan-pop__url.invalid,.scan-pop__url.invalid:focus{border-color:#ff7b7b}.scan-pop__url:disabled{opacity:.4}.scan-pop__go{height:34px;padding:0 15px;border-radius:8px;background:#fff;color:#1c1c1c;border:none;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .12s ease}.scan-pop__go:hover:not(:disabled){opacity:.88}.scan-pop__go:disabled{opacity:.3;cursor:not-allowed}.scan-pop__go.busy{opacity:.55;cursor:default}.scan-pop__err{font-size:11.5px;color:#ff9c9c;margin:-4px 0 10px;line-height:1.45}.scan-pop__bar{height:2px;border-radius:2px;background:#ffffff1f;margin:-4px 0 12px;overflow:hidden}.scan-pop__bar span{display:block;width:38%;height:100%;background:#fff;border-radius:2px;animation:scan-pop-slide 1.1s ease-in-out infinite}@keyframes scan-pop-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(prefers-reduced-motion:reduce){.scan-pop__bar span{animation:none;width:100%;opacity:.5}}.scan-pop__brow{display:flex;align-items:flex-start;gap:12px}.scan-pop__brow.busy .bpk-wrap,.scan-pop__brow.busy .bpk-custom{opacity:.4;pointer-events:none}.scan-pop__msg{font-size:12.5px;line-height:1.5;color:var(--cc-text-muted, #9aa3b2);margin-bottom:12px}.scan-pop__row{display:flex;align-items:center;gap:8px}.scan-pop__ghost{height:34px;padding:0 13px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--cc-icon, rgba(255, 255, 255, .82));font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s ease,color .12s ease}.scan-pop__ghost:hover{background:var(--cc-hover, rgba(255, 255, 255, .07));color:var(--cc-icon-strong, #fff)}.scan-pop__examples{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.scan-pop__examples-label{font-size:11.5px;color:var(--cc-text-dim, #6b7280);margin-bottom:8px}.scan-pop__examples-list{display:flex;flex-direction:column;gap:4px}.scan-pop__example{display:flex;align-items:center;gap:9px;width:100%;padding:5px 7px;border:none;border-radius:7px;background:transparent;color:var(--cc-text, #fff);font-size:12px;font-family:inherit;text-align:left;cursor:pointer;transition:background .12s ease}.scan-pop__example:hover:not(:disabled){background:var(--cc-hover, rgba(255, 255, 255, .07))}.scan-pop__example:disabled{opacity:.4;cursor:not-allowed}.scan-pop__example-thumb{width:30px;height:22px;border-radius:4px;background:#ffffff14;object-fit:cover;flex-shrink:0}.scan-pop__example-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paste-modal__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-lg)}.paste-modal{position:relative;width:540px;max-width:100%;background:#1c1c1c;border:1.994px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 12px 40px #00000080;font-family:inherit}.paste-modal__close{position:absolute;top:14px;right:14px;width:26px;height:26px;border:none;background:none;color:#ffffff8c;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:7px;z-index:10;transition:background .12s ease,color .12s ease}.paste-modal__close:hover{background:#ffffff12;color:#fff}.paste-modal__close svg{width:16px;height:16px}.paste-modal__body{display:flex;gap:22px;padding:24px 24px 20px}.paste-modal__stack{position:relative;flex-shrink:0;width:150px;height:114px}.paste-modal__card{position:absolute;width:130px;height:96px;background:transparent;border:none;border-radius:5px;overflow:hidden;box-shadow:0 3px 10px #00000059}.paste-modal__card--back{background:#cfcfcf}.paste-modal__card--back+.paste-modal__card--back{background:#e4e4e4}.paste-modal__count{position:absolute;left:0;bottom:0;display:flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#fff;color:#1c1c1c;font-size:11px;font-weight:600;z-index:6}.paste-modal__frame{position:absolute;top:0;left:0;border:none;display:block;transform-origin:top left;pointer-events:none;background:transparent}.pm-pg{padding:8px 9px;display:flex;flex-direction:column;height:100%;background:#fff}.pm-pg__nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid #f0f0f0;margin-bottom:8px}.pm-pg__logo{width:30px;height:6px;background:#333;border-radius:2px}.pm-pg__links{display:flex;gap:3px}.pm-pg__links i{display:block;width:12px;height:4px;background:#dedede;border-radius:2px}.pm-pg__h{height:9px;background:#222;border-radius:3px;margin-bottom:5px}.pm-pg__sub{height:4px;background:#d8d8d8;border-radius:2px;margin-bottom:7px}.pm-pg__cta{height:10px;width:42px;background:#febc2e;border-radius:3px;margin-bottom:7px}.pm-pg__row{display:flex;gap:5px;flex:1}.pm-pg__row div{flex:1;background:#f5f5f5;border:1px solid #eee;border-radius:3px}.paste-modal__meta{flex:1;min-width:0;padding-right:30px}.paste-modal__title{font-size:19px;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}.paste-modal__copy{font-size:13px;line-height:1.55;color:var(--cc-text-muted, #9aa3b2)}.paste-modal__actions{display:flex;align-items:flex-start;gap:14px;padding:16px 24px 18px;border-top:1px solid rgba(255,255,255,.1)}.paste-modal__actions.busy .bpk-wrap,.paste-modal__actions.busy .bpk-custom{opacity:.4;pointer-events:none}.paste-modal__add{height:32px;padding:0 15px;border-radius:8px;background:#fff;color:#1c1c1c;border:none;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .12s ease}.paste-modal__add:hover:not(:disabled){opacity:.88}.paste-modal__add:disabled{opacity:.55;cursor:default}.figma-paste-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.figma-paste-modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:360px;text-align:center;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.figma-paste-icon-container{position:relative;display:inline-flex;margin-bottom:var(--space-md)}.figma-paste-large-icon{width:48px;height:48px;object-fit:contain}.figma-paste-success-badge{position:absolute;bottom:-4px;right:-4px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px}.figma-paste-modal-title{font-size:20px;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.figma-paste-modal-description{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.figma-paste-demo-container{margin-bottom:var(--space-lg);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.figma-paste-demo-video{display:block;width:100%;height:auto;object-fit:cover}.figma-paste-instruction-box{background-color:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.figma-paste-instruction-box p{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.figma-paste-shortcut{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.figma-paste-shortcut kbd{background-color:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-shadow:0 2px 0 var(--border)}.figma-paste-modal-actions{display:flex;justify-content:center}.figma-paste-modal-btn{padding:10px var(--space-xl);font-size:14px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;border:none;transition:background-color .2s}.figma-paste-modal-btn.primary{background-color:var(--text-primary);color:var(--bg-primary)}.figma-paste-modal-btn.primary:hover{background-color:var(--text-secondary)}.cd-section{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-text-dim);padding:15px 18px 9px}.cd-filter{display:flex;gap:2px;background:var(--cc-track);border-radius:8px;padding:3px;margin:0 18px 8px}.cd-filter button{flex:1;background:transparent;border:0;color:var(--cc-text-muted);font-size:11px;padding:6px 0;border-radius:6px;text-align:center;cursor:pointer;transition:background .12s ease,color .12s ease}.cd-filter button.active{background:var(--cc-selected);color:var(--cc-text)}.cd-list{flex:1;display:flex;flex-direction:column;padding:6px 10px 16px;overflow-y:auto}.cd-list::-webkit-scrollbar{width:6px}.cd-list::-webkit-scrollbar-thumb{background:var(--cc-chip-border);border-radius:3px}.cd-empty{color:var(--cc-text-dim);font-size:12px;padding:12px 8px;line-height:1.5}.cd-row{display:flex;gap:10px;align-items:flex-start;background:transparent;border:0;color:inherit;text-align:left;width:100%;padding:10px 8px;border-radius:10px;cursor:pointer;transition:background .12s ease}.cd-row:hover{background:var(--cc-hover)}.cd-row.resolved{opacity:.55}.cd-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cd-text{color:var(--cc-text);font-size:12.5px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cd-row.resolved .cd-text{text-decoration:line-through}.cd-meta{font-size:11px;color:var(--cc-text-dim)}.cd-reply-count{color:var(--cc-link)}.cd-repliers{display:inline-flex;align-items:center;vertical-align:middle;margin-right:5px}.cd-repliers .cd-replier{margin-left:-5px;border-radius:50%;box-shadow:0 0 0 1.5px var(--cc-surface);flex-shrink:0}.cd-repliers .cd-replier:first-child{margin-left:0}.cd-resolve{background:transparent;border:0;color:var(--cc-text-dim);font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;align-self:center;flex-shrink:0}.cd-row:hover .cd-resolve{color:var(--cc-resolve)}.board-topbar{position:fixed;top:16px;left:16px;z-index:60;display:flex;flex-direction:column;width:max-content;background:var(--cc-surface);border:var(--cc-border-width) solid var(--cc-border);border-radius:11px;box-shadow:var(--cc-shadow-panel);color:var(--cc-text);overflow:hidden;-webkit-user-select:none;user-select:none;height:44px;transition:width .24s cubic-bezier(.32,.72,0,1),height .24s cubic-bezier(.32,.72,0,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}.board-topbar.is-open{width:312px;height:calc(100vh - 32px)}.btb-body{position:absolute;inset:44px 0 0;min-height:0;display:flex;flex-direction:column;opacity:0;transition:opacity .09s ease}.board-topbar.is-open .btb-body{opacity:1;transition:opacity .15s ease .12s}@media(prefers-reduced-motion:reduce){.board-topbar,.btb-body,.board-topbar.is-open .btb-body{transition-duration:.01ms;transition-delay:0ms}}.btb-head{display:flex;align-items:center;flex:0 0 44px;height:44px;padding:0 8px;gap:5px}.board-topbar.is-open .btb-head{border-bottom:1.5px solid var(--cc-divider)}.btb-divider{width:1.5px;height:18px;background:var(--cc-divider);flex-shrink:0;margin:0 2px}.btb-divider--push{margin-left:auto}.btb-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--cc-icon);flex-shrink:0;cursor:pointer;transition:background .15s,color .15s}.btb-btn:hover{background:var(--cc-hover);color:var(--cc-icon-strong)}.btb-btn.active{background:var(--cc-selected);color:var(--cc-icon-strong)}.btb-ico{width:15px;height:15px;display:block;flex-shrink:0}.btb-name{font-family:Figtree,sans-serif;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--cc-text);white-space:nowrap;padding:0 6px;overflow:hidden;text-overflow:ellipsis;max-width:140px}.ta-root{position:relative;display:flex;align-items:center}.ta-avatars{display:flex;align-items:center;gap:6px}.ta-agent{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--cc-chip);color:var(--cc-mark-mono);border:1px solid var(--cc-chip-border);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.ta-agent:hover{transform:scale(1.06)}@keyframes ta-chip-in{0%{transform:scale(.55);opacity:0}to{transform:none;opacity:1}}.ta-agent,.ta-overflow{animation:ta-chip-in .22s cubic-bezier(.32,.72,0,1)}@media(prefers-reduced-motion:reduce){.ta-agent,.ta-overflow{animation:none}.ta-agent.acting:after{animation:none}}.ta-agent.selected{background:color-mix(in srgb,var(--cc-live) 22%,transparent);border-color:var(--cc-live)}.ta-agent.acting:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--cc-live);animation:ta-pulse 1.3s ease-out infinite;pointer-events:none}@keyframes ta-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ta-overflow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--cc-chip);color:var(--cc-text-muted);font-size:11px;font-weight:600;border:1px solid var(--cc-chip-border);cursor:pointer}.ta-overflow:hover{background:var(--cc-selected)}.ta-overflow.selected{background:color-mix(in srgb,var(--cc-live) 22%,transparent);color:var(--cc-live);border-color:var(--cc-live)}.ta-popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);width:300px;background:var(--cc-surface);border:var(--cc-border-width) solid var(--cc-border);border-radius:14px;padding:8px;box-shadow:var(--cc-shadow-bar);text-align:left;z-index:200}.ta-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--cc-surface)}.ta-roster-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px}.ta-roster-title{font-size:13px;font-weight:600;color:var(--cc-text)}.ta-roster-count{font-size:11px;color:var(--cc-text-muted)}.ta-roster-list{max-height:264px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.ta-roster-list::-webkit-scrollbar{width:6px}.ta-roster-list::-webkit-scrollbar-thumb{background:var(--cc-chip-border);border-radius:3px}.ta-roster-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;cursor:pointer;background:transparent;border:0;width:100%;text-align:left;color:inherit}.ta-roster-row:hover{background:var(--cc-hover)}.ta-roster-row.acting-row{background:color-mix(in srgb,var(--cc-live) 10%,transparent)}.ta-r-avatar{position:relative;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--cc-chip);border:1px solid var(--cc-chip-border);color:var(--cc-mark-mono);display:flex;align-items:center;justify-content:center}.ta-r-avatar.blue{border-color:var(--cc-live)}.ta-r-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ta-r-name{font-size:12.5px;font-weight:600;color:var(--cc-text)}.ta-r-sub{font-size:11px;color:var(--cc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ta-r-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px}.ta-r-status.on{color:var(--cc-live)}.ta-r-status.off{color:var(--cc-text-dim)}.ta-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ta-r-status.on .ta-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-live) 20%,transparent)}.ta-act-head{display:flex;align-items:center;gap:8px;padding:6px 6px 12px}.ta-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--cc-hover);color:var(--cc-icon);border:none;cursor:pointer;flex-shrink:0}.ta-back:hover{background:var(--cc-selected)}.ta-back svg{width:15px;height:15px}.ta-act-avatar{width:28px;height:28px;border-radius:50%;background:var(--cc-chip);border:1px solid var(--cc-chip-border);color:var(--cc-mark-mono);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ta-act-avatar.blue{border-color:var(--cc-live)}.ta-act-id{display:flex;flex-direction:column;min-width:0}.ta-act-name{font-size:13px;font-weight:600;color:var(--cc-text)}.ta-act-status{font-size:11px;color:var(--cc-live)}.ta-act-body{padding:0 6px 4px}.ta-act-empty{color:var(--cc-text-dim);font-size:12px;line-height:1.5;padding:4px 0}.ta-act-item{background:transparent;border:0;color:var(--cc-text-muted);font-size:12px;text-align:left;padding:6px 0;cursor:pointer;width:100%;line-height:1.5}.ta-act-item:hover{color:var(--cc-text)}.ta-act-item:disabled{cursor:default}.ta-act-sep{height:1px;background:var(--cc-border)}.comment-overlay{position:fixed;z-index:100;background:#14161cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6e9ef;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 24px #0006;width:320px;padding:12px;font-size:13px}.comment-overlay textarea{width:100%;min-height:56px;resize:vertical;background:transparent;border:0;color:inherit;outline:none;font-size:14px;font-family:inherit;line-height:1.4;padding:4px 0}.comment-overlay-divider{height:1px;background:#ffffff14;margin:8px 0}.comment-overlay-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-overlay-attach{background:transparent;border:0;color:#6b7280;cursor:not-allowed;padding:4px}.comment-overlay-send{width:32px;height:32px;border-radius:50%;background:#fa0;color:#1c1c1c;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease}.comment-overlay-send:hover:not(:disabled){background:#fbbf24}.comment-overlay-send:disabled{opacity:.4;cursor:not-allowed}.comment-overlay-context{color:#9aa3b2;font-size:11px;margin-bottom:6px}.comment-popover{position:fixed;z-index:100;background:#14161cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6e9ef;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 24px #0006;width:280px;padding:14px;font-size:13px}.comment-popover-meta{display:flex;justify-content:space-between;align-items:center;color:#9aa3b2;font-size:11px;margin-bottom:8px}.comment-popover-body{font-size:13px;color:#e6e9ef;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.comment-popover-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.comment-popover-actions button{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9aa3b2;padding:5px 10px;font-size:12px;cursor:pointer}.comment-popover-actions .comment-popover-delete{color:#ef4444;border-color:#ef444433}.comment-popover-actions .comment-popover-resolve{color:#4ade80;border-color:#4ade8033}.comment-popover-actions button:hover{background:#ffffff0a}.comment-thread-popover{width:320px;padding:0;display:flex;flex-direction:column;max-height:440px}.comment-thread-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.comment-thread-title{font-size:13px;font-weight:600;color:#e6e9ef}.comment-thread-header-actions{display:flex;align-items:center;gap:2px}.comment-thread-icon{background:transparent;border:0;color:#9aa3b2;padding:4px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.comment-thread-icon:hover{background:#ffffff0f;color:#e6e9ef}.comment-thread-icon.danger:hover{color:#ef4444}.comment-thread-list{overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:14px}.comment-thread-item{display:flex;gap:10px;align-items:flex-start}.comment-thread-item-body{flex:1;min-width:0}.comment-thread-item-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.comment-thread-item-author{font-size:13px;font-weight:600;color:#e6e9ef}.comment-thread-item-time{font-size:11px;color:#9aa3b2}.comment-thread-item-text{font-size:13px;color:#e6e9ef;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.comment-thread-composer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.comment-thread-input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#e6e9ef;font-size:13px;font-family:inherit;padding:8px 14px;outline:none}.comment-thread-input::placeholder{color:#9aa3b2}.comment-thread-send{width:30px;height:30px;border-radius:50%;background:#fa0;color:#1c1c1c;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s ease}.comment-thread-send:hover:not(:disabled){background:#fbbf24}.comment-thread-send:disabled{opacity:.4;cursor:not-allowed}.modal-card:has(.mcp-modal){max-width:560px;padding:0}.mcp-modal{padding:var(--space-lg) var(--space-xl) var(--space-lg);color:var(--text-primary);max-height:80vh;overflow-y:auto}.mcp-modal h2{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.mcp-modal .mcp-modal-subtitle{margin:0 0 var(--space-lg);color:var(--text-secondary);font-size:13px;line-height:1.5}.mcp-modal .mcp-section-title{margin:var(--space-lg) 0 var(--space-sm);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.mcp-modal .mcp-create-row{display:flex;gap:var(--space-sm)}.mcp-modal .mcp-create-row input{flex:1;min-width:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-size:13px;outline:none}.mcp-modal .mcp-create-row input::placeholder{color:var(--text-secondary)}.mcp-modal .mcp-create-row input:focus{border-color:var(--border-strong)}.mcp-modal .mcp-btn{background:var(--text-primary);color:var(--bg-primary);border:0;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.mcp-modal .mcp-btn:hover:not(:disabled){opacity:.85}.mcp-modal .mcp-btn:disabled{opacity:.5;cursor:not-allowed}.mcp-modal .mcp-btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.mcp-modal .mcp-btn-ghost:hover:not(:disabled){border-color:var(--text-secondary);opacity:1}.mcp-modal .mcp-btn-danger{background:transparent;color:#d32f2f;border:0;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:var(--radius-sm)}.mcp-modal .mcp-btn-danger:hover{background:#d32f2f14}.mcp-modal .mcp-keys{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.mcp-modal .mcp-key{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);font-size:13px}.mcp-modal .mcp-key-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mcp-modal .mcp-key-prefix{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-primary)}.mcp-modal .mcp-key-meta{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-modal .mcp-empty{color:var(--text-secondary);font-size:13px;padding:var(--space-md) 0}.mcp-modal .mcp-just-created{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px}.mcp-modal .mcp-just-created-warn{color:#b45309;font-weight:600;margin-bottom:var(--space-sm);font-size:12px}.mcp-modal .mcp-tabs{display:flex;gap:2px;margin:var(--space-md) 0 var(--space-sm);padding:3px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.mcp-modal .mcp-tab{flex:1;background:transparent;border:0;border-radius:var(--radius-sm);padding:6px 8px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.mcp-modal .mcp-tab:hover:not(.is-active){color:var(--text-primary)}.mcp-modal .mcp-tab.is-active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 2px #0000000f}.mcp-modal .mcp-method-hint{margin:0 0 var(--space-sm);font-size:12px;color:var(--text-secondary);line-height:1.5}.mcp-modal .mcp-method-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--bg-primary);padding:1px 5px;border-radius:var(--radius-sm)}.mcp-modal .mcp-key-display{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-sm)}.mcp-modal .mcp-key-value{flex:1;min-width:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-primary);overflow-x:auto;white-space:nowrap}.mcp-modal pre.mcp-snippet{margin:var(--space-sm) 0 0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-primary);overflow-x:auto;white-space:pre}.mcp-modal pre.mcp-snippet-cmd{white-space:pre-wrap;word-break:break-all;overflow-x:visible}.mcp-modal .mcp-snippet-row{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.mcp-modal .mcp-footer{margin-top:var(--space-lg);display:flex;justify-content:flex-end}.board-page,.trial-canvas-page{--cc-surface: #1c1c1c;--cc-border: rgba(255, 255, 255, .1);--cc-border-width: 1.994px;--cc-divider: rgba(255, 255, 255, .1);--cc-icon: rgba(255, 255, 255, .82);--cc-icon-strong: #fff;--cc-hover: rgba(255, 255, 255, .07);--cc-selected: rgba(255, 255, 255, .12);--cc-chip: rgba(255, 255, 255, .08);--cc-chip-border: rgba(255, 255, 255, .12);--cc-mark-mono: #fff;--cc-text: #fff;--cc-text-muted: #9aa3b2;--cc-text-dim: #6b7280;--cc-track: rgba(255, 255, 255, .04);--cc-accent: #FFAA00;--cc-live: #60a5fa;--cc-link: #6ea8fe;--cc-resolve: #4ade80;--cc-shadow-bar: 0 8px 32px rgba(0, 0, 0, .4);--cc-shadow-panel: 0 4px 18px rgba(0, 0, 0, .22)}.loading-mark-row{display:flex;align-items:center;justify-content:center;gap:8px}.loading-mark{width:22px;height:22px;flex-shrink:0}.loading-mark-label{font-size:13px;font-weight:500;margin:0}.board-page{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-canvas);position:relative}.floating-toolbar{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background-color:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:999px;box-shadow:0 4px 24px var(--chrome-shadow);z-index:100}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--chrome-text);background:transparent;transition:background-color .2s}.toolbar-btn:hover{background-color:var(--chrome-bg-hover)}.toolbar-btn.active{background-color:var(--chrome-bg-active)}.toolbar-divider{width:1px;height:24px;background-color:var(--chrome-divider);margin:0 var(--space-xs)}.board-name-input{font-size:14px;font-weight:500;color:var(--chrome-text);background:transparent;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);min-width:120px;text-align:center}.board-name-input::placeholder{color:var(--chrome-text-secondary)}.board-name-input:hover,.board-name-input:focus{background-color:var(--chrome-bg-hover)}.board-name-input:disabled{opacity:.7;cursor:default}.board-name-input:disabled:hover,.board-name-input:disabled:focus{background-color:transparent}.figma-file-link{text-decoration:none}.figma-btn{display:flex;align-items:center;gap:var(--space-xs);padding:8px 12px;border-radius:999px;color:var(--chrome-text);background:transparent;transition:background-color .2s}.figma-btn:hover{background-color:var(--chrome-bg-hover)}.figma-btn .icon{width:18px;height:18px;opacity:.8}.figma-btn:hover .icon{opacity:1}.figma-btn:disabled{opacity:.4;cursor:not-allowed}.figma-btn:disabled:hover{background-color:transparent}.figma-btn:disabled .icon{opacity:.5}.figma-btn.not-linked{position:relative}.figma-btn.not-linked:after{font-size:10px;position:absolute;top:-2px;right:-2px;background:var(--bg-primary);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.dummy-message{text-align:center;color:var(--text-secondary)}.dummy-message h2{font-size:24px;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.dummy-message p{font-size:14px}.figma-btn.copying{pointer-events:none;opacity:.7}.figma-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--bg-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.color-picker-wrapper{position:relative}.color-swatch-btn{padding:0}.color-swatch-preview{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:block;transition:border-color .15s}.color-swatch-btn:hover .color-swatch-preview{border-color:#fffc}.color-picker-popover{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--text-primary);border-radius:var(--radius-md, 12px);padding:12px;box-shadow:0 8px 32px #0000004d;z-index:200;min-width:176px}.color-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.color-preset{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .15s;box-shadow:inset 0 0 0 1px #0000001a}.color-preset:hover{transform:scale(1.15)}.color-preset.active{border-color:var(--accent, #4A90D9);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px var(--accent, #4A90D9)}.color-custom-row{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.color-custom-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--bg-primary);cursor:pointer}.color-custom-label input[type=color]{-webkit-appearance:none;appearance:none;width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;padding:0;background:transparent}.color-custom-label input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-custom-label input[type=color]::-webkit-color-swatch{border:2px solid rgba(255,255,255,.3);border-radius:50%}.export-wrapper{position:relative}.export-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--chrome-bg, #2a2a2a);border:1px solid var(--chrome-border, rgba(255, 255, 255, .12));border-radius:8px;padding:4px 0;min-width:160px;box-shadow:0 4px 16px var(--chrome-shadow, rgba(0, 0, 0, .3));z-index:100}.export-menu-item{display:block;width:100%;padding:8px 14px;font-size:13px;color:var(--chrome-text, #e0e0e0);background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}.export-menu-item:hover{background:var(--chrome-bg-hover, rgba(255, 255, 255, .08))}.icon{width:20px;height:20px}.scan-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0a0a0a);padding:var(--space-lg)}.scan-card{background:var(--bg-primary, #0a0a0a);border:1px solid var(--border, #222);border-radius:var(--radius-lg, 12px);padding:var(--space-xl, 32px);max-width:480px;width:100%}.scan-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md, 16px)}.scan-icon{opacity:.6;color:var(--text-secondary, #888)}.scan-icon.error{color:#ef4444;opacity:.8}.scan-spinner{color:var(--text-secondary, #888);animation:scan-spin 1s linear infinite}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-title{font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.scan-description{font-size:14px;color:var(--text-secondary, #888);line-height:1.5;max-width:360px}.scan-btn{display:inline-flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-lg, 20px);border:none;border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.scan-btn.primary{background:var(--text-primary, #fff);color:var(--bg-primary, #0a0a0a)}.scan-btn.secondary{background:transparent;border:1px solid var(--border, #222);color:var(--text-primary, #fff)}.scan-btn.secondary:hover{background:var(--bg-secondary, #1a1a1a)}.scan-link-btn{display:block;font-size:13px;color:var(--text-secondary, #888);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.scan-link-btn:hover{color:var(--text-primary, #fff)}.scan-url-display{margin-top:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 12px);background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border, #222);border-radius:var(--radius-md, 8px);font-size:12px;color:var(--text-secondary, #888);word-break:break-all;max-width:100%;-webkit-user-select:all;user-select:all}.scan-meta{font-size:13px;color:var(--text-secondary, #888)}.scan-meta-label{font-weight:500;color:var(--text-primary, #fff)}.scan-brand-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border, #222);border-radius:var(--radius-md, 8px);cursor:pointer;transition:opacity .2s;opacity:.75}.scan-brand-btn:hover{opacity:1}.scan-brand-logo{height:18px;display:block}.scan-brand-name{font-size:14px;font-weight:600;color:var(--text-primary, #fff);letter-spacing:-.01em}.url-scan-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:80%;max-width:80%;height:auto;max-height:80%;display:flex;flex-direction:column;overflow:hidden}.url-scan-modal .modal-header,.url-scan-modal .modal-footer{flex-shrink:0}.modal-scroll-area{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.url-scan-modal .modal-body{flex:0 0 auto;overflow-y:hidden}.url-input-area{width:100%;padding:var(--space-lg)}.url-input-group{display:flex;gap:var(--space-sm);max-width:600px;margin:0 auto}.url-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.url-input:focus{outline:none;border-color:var(--border-strong)}.url-input::placeholder{color:var(--text-secondary)}.scan-btn{padding:var(--space-sm) var(--space-lg);background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.scan-btn:hover{opacity:.8}.scan-btn:disabled{opacity:.5;cursor:not-allowed}.url-scan-input-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-lg)}.url-scan-breakpoints{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.breakpoint-section{display:flex;align-items:center;gap:var(--space-sm)}.breakpoint-label{font-size:13px;color:var(--text-secondary)}.breakpoint-options{display:flex;gap:var(--space-xs)}.breakpoint-option{display:inline-flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-md);border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.breakpoint-option:hover{border-color:var(--text-secondary)}.breakpoint-option.selected{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.custom-breakpoint-input{display:flex;align-items:center;gap:4px}.custom-width-input{width:90px;height:28px;padding:0 8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;outline:none}.custom-width-input:focus{border-color:var(--accent-primary)}.custom-width-input::-webkit-inner-spin-button,.custom-width-input::-webkit-outer-spin-button{-webkit-appearance:none}.add-custom-bp-btn{width:24px;height:28px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.add-custom-bp-btn:hover:not(:disabled){background:var(--bg-hover)}.add-custom-bp-btn:disabled{opacity:.4;cursor:not-allowed}.trial-limit-note{font-size:12px;color:var(--chrome-error, #d32f2f);margin:10px 0 0;width:100%;flex-basis:100%;text-align:center}.url-scan-tabs{display:flex;border-bottom:1px solid var(--border-primary);padding:0 20px;gap:4px;flex-shrink:0}.url-scan-tab{padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.url-scan-tab:hover{color:var(--text-primary)}.url-scan-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%}.example-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0;border:1px solid var(--border-primary);border-radius:0;background:var(--bg-secondary);cursor:pointer;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 0 0 1px #0000000a;transition:border-color .15s,box-shadow .15s;text-align:left}.example-card:hover:not(:disabled){border-color:var(--text-primary);box-shadow:0 4px 12px #00000024,0 0 0 1px #0000000a}.example-card:disabled{opacity:.6;cursor:not-allowed}.example-card__thumb{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-primary)}.example-card__img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:object-position 3s ease}.example-card:hover:not(:disabled) .example-card__img{object-position:bottom}.example-card__name{font-size:12px;font-weight:500;color:var(--text-primary);padding:0 10px 10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-examples-section{border-top:1px solid var(--border-primary);padding:var(--space-lg);display:flex;flex-direction:column;gap:12px}.trial-examples-divider{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}.trial-examples-divider span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:999px;white-space:nowrap}.trial-examples-divider:before,.trial-examples-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.trial-banner{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;padding:0 20px;background:#1c1c1c;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 12px #0000004d;z-index:100;-webkit-user-select:none;user-select:none}.trial-banner__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.trial-banner__logo{width:38px;height:22px;display:block}.trial-banner__name{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.01em}.trial-banner__message{flex:1;text-align:center;font-size:13px;color:#ffffff8c}.trial-banner__signup-btn{flex-shrink:0;padding:7px 16px;background:#fff;color:#000;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}.trial-banner__signup-btn:hover{opacity:.88}.trial-limit-modal{padding:28px;min-width:360px;max-width:420px;display:flex;flex-direction:column;gap:16px}.trial-limit-modal__title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.trial-limit-modal__message{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.trial-limit-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.trial-limit-modal__btn-secondary,.trial-limit-modal__btn-primary{padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:opacity .15s,background .15s}.trial-limit-modal__btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.trial-limit-modal__btn-secondary:hover{background:var(--bg-secondary)}.trial-limit-modal__btn-primary{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-primary)}.trial-limit-modal__btn-primary:hover{opacity:.88}.trial-canvas-page{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-canvas);position:relative}.trial-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.trial-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:0 24px}.trial-error-text{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary);max-width:360px}.trial-error-btn{height:32px;padding:0 15px;border:none;border-radius:8px;background:var(--text-primary);color:var(--bg-primary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.trial-error-btn:hover{opacity:.88}.ab-wrap{width:672px;max-width:100%}.ab-title{margin-bottom:26px}.ab-card{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);padding:22px 24px;margin-bottom:20px}.ab-card:last-child{margin-bottom:0}.ab-card-info{display:flex;align-items:flex-start;gap:12px;background:#febc2e14;border:1px solid rgba(254,188,46,.35)}.ab-info-icon{color:var(--hp-brand);flex-shrink:0;margin-top:2px}.ab-info-title{font-weight:600;margin-bottom:4px}.ab-info-body{font-size:13px;color:var(--hp-text-dim);line-height:1.5}.ab-info-body a{color:var(--hp-text);text-decoration:underline}.ab-section-title{color:var(--hp-text-dim);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin:0}.ab-plan-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ab-plan-name{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-.22px;line-height:33px}.ab-tier-pill{background:var(--hp-brand);border-radius:999px;color:var(--hp-text);font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;line-height:15px}.ab-plan-meta{font-size:13px;color:var(--hp-text-dim);margin-top:4px}.ab-renew-row{border-top:1px solid var(--hp-border-subtle);margin-top:22px;padding-top:14px;color:var(--hp-text-dim);font-size:13px;line-height:19.5px}.ab-renew-row strong{color:var(--hp-text);font-weight:600}.ab-price-original{color:var(--hp-text-dim);text-decoration:line-through;text-decoration-color:currentColor;text-decoration-thickness:1.5px;margin-right:4px}.ab-offer-row{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(254,188,46,.45);display:flex;flex-direction:column;gap:4px;font-size:12px}.ab-offer-badge{align-self:flex-start;background:#febc2e38;color:#8a6200;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;font-size:10.5px}.ab-offer-then{color:var(--hp-text-dim)}.ab-usage-row{display:flex;align-items:center;gap:14px;margin-top:14px}.ab-usage-bar{flex:1;height:8px;background:var(--hp-track);border-radius:999px;overflow:hidden}.ab-usage-bar-fill{height:100%;background:var(--hp-brand);border-radius:999px;transition:width .2s}.ab-usage-text{font-size:13px;font-weight:500;white-space:nowrap}.ab-usage-meta{color:var(--hp-text-dim);font-size:12px;margin-top:11px}.ab-cancel-copy{color:var(--hp-text-dim);font-size:13px;line-height:19.5px;margin:12px 0 0}.ab-cta-primary{background:var(--hp-brand);color:var(--hp-text);border:none;border-radius:var(--hp-radius-md);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.ab-cta-primary:hover{filter:brightness(.96)}.ab-cta-secondary{background:var(--hp-surface);color:var(--hp-text-muted);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.ab-cta-secondary:hover:not(:disabled){background:var(--hp-surface-hover);color:var(--hp-text)}.ab-cta-danger{display:inline-block;margin-top:14px;background:var(--hp-surface);border:1px solid rgba(255,107,107,.45);border-radius:var(--hp-radius-md);color:var(--hp-danger);font-size:13px;font-weight:600;padding:9px 16px;cursor:pointer;font-family:inherit}.ab-cta-danger:hover:not(:disabled){background:#ff6b6b14}.ab-cta-danger:disabled,.ab-cta-secondary:disabled{opacity:.5;cursor:not-allowed}.ab-loading{color:var(--hp-text-dim);font-size:14px;margin-top:8px}.ab-confirm{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);padding:24px;max-width:420px;width:100%;color:var(--hp-text)}.ab-confirm h3{margin:0 0 12px;font-size:18px;font-weight:600}.ab-confirm p{font-size:14px;color:var(--hp-text-muted);line-height:1.5;margin:0 0 18px}.ab-confirm-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.ab-confirm-actions .ab-cta-danger{margin-top:0}.ab-error{color:var(--hp-danger);font-size:13px;margin:-8px 0 14px}.cb{position:relative;min-width:0;margin-top:10px;background:var(--hp-surface-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);overflow:hidden}.cb-pre{margin:0;padding:16px 48px 16px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;color:#1f2328;white-space:pre;overflow-x:auto;overflow-y:hidden}.cb-pre::-webkit-scrollbar{height:8px}.cb-pre::-webkit-scrollbar-track{background:transparent}.cb-pre::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.cb-pre::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.cb-pre:focus-visible{outline:2px solid #0550AE;outline-offset:-2px}.cb-copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:none;color:var(--hp-text-dim);cursor:pointer}.cb-copy:hover{background:var(--hp-surface-hover);color:var(--hp-text)}.cb-fade{position:absolute;top:0;right:0;width:78px;height:46px;background:linear-gradient(to right,rgba(250,250,250,0),var(--hp-surface-raised) 42%);pointer-events:none}.cb-t-flag{color:#0550ae}.cb-t-url{color:#8a5a00}.cb-t-str{color:#0a6e3d}.cb-t-key{color:#0550ae}.cb-t-punc{color:#6e7781}.cb-ph{background:#febc2e47;color:inherit;border-radius:3px;padding:0 2px;font-weight:600}.cb--prompt .cb-pre{padding:12px 48px 12px 14px;font-family:Figtree,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;line-height:1.5;color:var(--hp-text);white-space:pre-wrap;overflow:visible}.cb--prompt .cb-copy{top:6px}.mc-head{padding:30px 32px 22px;display:flex;align-items:center;gap:32px}.mc-head .hp-page-title{flex:1 1 auto;min-width:0}.mc-keyside{flex:0 1 auto;min-width:0}.mc-klbl{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--hp-text-dim);margin-bottom:8px}.mc-krow{display:flex;align-items:stretch;gap:8px}.mc-kfield{flex:1 1 auto;min-width:0;width:320px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--hp-surface-raised);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);padding:10px 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12.5px;color:#333;white-space:nowrap;overflow:hidden;cursor:pointer;text-align:left}.mc-kfield:disabled{cursor:default}.mc-kvalue{min-width:0;overflow:hidden;text-overflow:ellipsis}.mc-kfield svg{color:var(--hp-text-muted);flex:0 0 auto}.mc-spin{animation:mc-spin .8s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-gen{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 16px;background:var(--hp-text);border:1px solid var(--hp-text);color:#fff;border-radius:var(--hp-radius-md);font-family:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer}.mc-gen:hover:not(:disabled){opacity:.88}.mc-gen:disabled{opacity:.5;cursor:default}.mc-regen{display:flex;align-items:center;justify-content:center;width:38px;flex:0 0 38px;background:var(--hp-surface);border:1px solid var(--hp-border);color:var(--hp-text-muted);border-radius:var(--hp-radius-md);cursor:pointer}.mc-regen:hover:not(:disabled){color:var(--hp-text)}.mc-regen:disabled{opacity:.5;cursor:default}.mc-sec{padding:0 32px 22px}.mc-sec+.mc-sec{padding-top:22px;border-top:1px solid var(--hp-border)}.mc-lbl{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--hp-text-dim);margin-bottom:12px}.mc-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}@media(max-width:1180px){.mc-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}.mc-dd{position:relative;min-width:0}.mc-t{position:relative;width:100%;min-width:0;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);padding:20px 10px;text-align:center;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--hp-text-muted);cursor:pointer}.mc-t.is-active{border-color:var(--hp-text);color:var(--hp-text);font-weight:600;box-shadow:0 0 0 1px var(--hp-text)}.mc-mark{display:block;margin:0 auto 10px}.mc-car{position:absolute;top:5.5px;right:3.5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:var(--hp-radius-sm);color:#b4b4b4;cursor:pointer}.mc-car:hover{background:var(--hp-surface-hover);color:var(--hp-text)}.mc-dd.is-active .mc-car{color:var(--hp-text)}.mc-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:170px;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);padding:6px;box-shadow:0 10px 28px #0000001a;z-index:5;transform-origin:top right;animation:mc-menu-in .12s ease-out}@keyframes mc-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mc-menu.is-closing{animation:mc-menu-out 90ms ease-in forwards;pointer-events:none}@keyframes mc-menu-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.mc-car svg{transition:transform .12s ease-out}.mc-car[aria-expanded=true] svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.mc-menu,.mc-menu.is-closing{animation:none}.mc-car svg{transition:none}}.mc-mi{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:9px;font-family:inherit;font-size:12.5px;color:#555;white-space:nowrap;text-align:left;cursor:pointer}.mc-mi:hover{background:var(--hp-surface-hover)}.mc-mi.is-active{background:var(--hp-surface-hover);color:var(--hp-text);font-weight:600}.mc-tick{margin-left:auto}.mc-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,519px);gap:40px;align-items:start}@media(max-width:1180px){.mc-flow{grid-template-columns:minmax(0,1fr)}}.mc-steps{min-width:0}.mc-step{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--hp-border-subtle)}.mc-step:first-child{padding-top:0}.mc-step:last-child{border-bottom:0;padding-bottom:0}.mc-n{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--hp-text);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}.mc-sbody{flex:1 1 auto;min-width:0}.mc-st{font-size:13.5px;font-weight:600}.mc-sd{font-size:12px;color:var(--hp-text-dim);margin-top:3px;line-height:1.5}.mc-warn{font-size:12px;line-height:1.5;color:var(--hp-text-muted);margin-top:3px}.mc-warn code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;background:var(--hp-surface-hover);border-radius:4px;padding:1px 4px}.mc-vcol{min-width:0;position:sticky;top:calc(var(--hp-topbar-height) + 24px)}.mc-vid{position:relative;height:325px;background-color:#e9e9e7;background-image:radial-gradient(circle,#d5d5d2 1.3px,#0000 1.3px);background-size:15px 15px;border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center}.mc-vthumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mc-play{position:relative;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#0a0a0ae6;display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;cursor:pointer}.mc-play.is-soon{width:auto;height:38px;padding:0 18px;border-radius:99px;font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:default}.quota-limit-modal{background:var(--bg-secondary, #1a1a1a);color:var(--text-primary, #fff);border-radius:16px;width:100%;max-width:440px;padding:0;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.quota-limit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}.quota-limit-modal .modal-header h2{font-size:20px;font-weight:600;margin:0;letter-spacing:-.01em}.quota-limit-modal .modal-close-btn{background:transparent;border:none;color:var(--text-muted, #888);cursor:pointer;padding:4px;border-radius:6px}.quota-limit-modal .modal-close-btn:hover{background:#0000000d;color:var(--text-primary, #fff)}.quota-limit-modal .modal-body{padding:4px 24px 20px}.quota-summary{font-size:15px;line-height:1.5;margin:0 0 6px;color:var(--text-primary, #fff)}.quota-summary strong{color:#b8860b;font-weight:600}.quota-subtitle{font-size:13px;color:var(--text-muted, #888);margin:0 0 4px}.quota-pro-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.quota-pro-features li{font-size:14px;color:var(--text-primary, #fff);padding-left:28px;position:relative;line-height:18px}.quota-feat-check{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:999px;background:#febc2e;color:#0a0a0a;display:inline-flex;align-items:center;justify-content:center}.quota-limit-modal .modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid var(--border, #e0e0e0)}.quota-btn-secondary,.quota-btn-primary{font-size:14px;font-weight:500;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background .15s}.quota-btn-secondary{background:transparent;color:var(--text-muted, #999)}.quota-btn-secondary:hover{background:#ffffff0f;color:var(--text-primary, #fff)}.quota-btn-primary{background:#febc2e;color:#0a0a0a}.quota-btn-primary:hover:not(:disabled){background:#ffc94a}.quota-btn-primary:disabled,.quota-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.quota-plan-card{background:var(--bg-primary, #fff);border:1px solid var(--border, #e0e0e0);border-radius:12px;padding:16px;margin:16px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.quota-toggle{display:inline-flex;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border, #e0e0e0);border-radius:999px;padding:3px;gap:2px}.quota-toggle-btn{background:transparent;border:none;color:var(--text-secondary, #666);font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s}.quota-toggle-btn.active{background:#0a0a0a;color:#fff}.quota-toggle-btn:disabled{cursor:not-allowed}.quota-save-pill{background:#febc2e;color:#0a0a0a;font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px}.quota-toggle-btn:not(.active) .quota-save-pill{background:#febc2e40;color:#b88410}.quota-price-row{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:0}.quota-price{font-size:38px;font-weight:700;color:var(--text-primary, #fff);letter-spacing:-.02em}.quota-price-unit{font-size:14px;color:var(--text-muted, #999)}.quota-price-sub{text-align:center;font-size:12px;color:var(--text-muted, #888);margin:-6px 0 0}.quota-price-original{font-size:16px;color:#0a0a0a80;text-decoration:line-through;text-decoration-color:#0a0a0a8c;text-decoration-thickness:2px}.quota-offer-row{display:flex;flex-direction:column;align-items:center;gap:6px;margin:-8px 0 18px}.quota-offer-badge{background:#febc2e2e;color:#febc2e;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.quota-offer-then{font-size:12px;color:var(--text-muted, #999);text-align:center}.quota-method-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px}.quota-method-label{font-size:12px;color:var(--text-muted, #888)}.quota-method-toggle{display:inline-flex;background:#ffffff0f;border-radius:999px;padding:3px;gap:2px}.quota-method-btn{background:transparent;border:none;color:var(--text-muted, #aaa);font-size:12px;font-weight:500;padding:5px 14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.quota-method-btn.active{background:#0a0a0a;color:#fff}.quota-method-btn:disabled{cursor:not-allowed}.quota-coupon{margin:8px 0 18px;display:flex;flex-direction:column;align-items:center;gap:6px}.quota-coupon-toggle{font-size:12.5px}.quota-coupon-input-row{display:flex;align-items:center;gap:8px;width:100%}.quota-coupon-input{flex:1;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border, #e0e0e0);background:var(--bg-primary, #fff);color:var(--text-primary, #0a0a0a);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.quota-coupon-input::placeholder{color:var(--text-muted, #aaa);letter-spacing:.02em;text-transform:none}.quota-coupon-input:focus{outline:none;border-color:#febc2e;box-shadow:0 0 0 3px #febc2e40}.quota-coupon-input.is-error{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d26}.quota-coupon-apply{height:38px;padding:0 18px;border-radius:8px;border:none;background:#febc2e;color:#0a0a0a;font-weight:600;font-size:13px;cursor:pointer}.quota-coupon-apply:hover:not(:disabled){background:#ffc94a}.quota-coupon-apply:disabled{opacity:.5;cursor:not-allowed}.quota-coupon-box{position:relative;width:100%;display:flex;gap:10px;padding:12px 38px 12px 12px;border-radius:10px;background:#16a34a1a;border:1px solid rgba(22,163,74,.28)}.quota-coupon-box-check{flex:none;width:18px;height:18px;border-radius:999px;background:#16a34a;color:#fff;display:inline-flex;align-items:center;justify-content:center}.quota-coupon-box-lines{display:flex;flex-direction:column;gap:2px}.quota-coupon-box-l1{font-size:13px;font-weight:600;color:#16a34a}.quota-coupon-box-l1 strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;font-weight:700}.quota-coupon-box-l2{font-size:12px;color:var(--text-primary, #0a0a0a)}.quota-coupon-box-l3{font-size:11.5px;color:var(--text-muted, #888)}.quota-coupon-box-remove{position:absolute;top:9px;right:9px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;border-radius:6px;color:#16a34a;cursor:pointer}.quota-coupon-box-remove:hover:not(:disabled){background:#16a34a1f}.quota-coupon-box-remove:disabled{cursor:not-allowed;opacity:.5}.quota-coupon-error{display:flex;align-items:center;gap:6px;font-size:12px;color:#e5484d;margin:0;align-self:flex-start}.quota-coupon-error svg{flex:none}.quota-currency-switch{margin:16px 0 0;font-size:12px;color:var(--text-muted, #888);text-align:center}.quota-link-btn{background:none;border:none;color:var(--text-primary, #fff);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.quota-link-btn:disabled{cursor:not-allowed;opacity:.5}.quota-error{margin:12px 0 0;font-size:13px;color:#ff6b6b;text-align:center}.quota-limit-modal--success{max-width:380px}.quota-limit-modal .modal-header--success{justify-content:flex-end;padding:14px 14px 0}.quota-success-body{padding:4px 32px 28px;text-align:center}.quota-success-tick{width:56px;height:56px;border-radius:999px;background:#16a34a;color:#fff;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 18px}.quota-success-h{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--text-primary, #fff)}.quota-success-body p{font-size:14px;line-height:1.5;color:var(--text-muted, #555);margin:0 0 22px}.quota-success-btn{width:100%;justify-content:center}