:root{--note-ref-padding: 4px 10px;--note-ref-border-radius: 4px;--note-ref-font-size: .9rem;--note-ref-font-weight: 500;--note-ref-height: auto;--note-ref-bg: rgba(59, 130, 246, .1);--note-ref-text: #60a5fa;--note-ref-border: rgba(59, 130, 246, .3);--note-ref-hover-bg: rgba(59, 130, 246, .2);--note-ref-hover-text: #93c5fd;--note-ref-delete-size: 16px;--note-ref-delete-bg: #ef4444;--note-ref-delete-hover-bg: #dc2626}.editor-note-reference{display:inline-flex;align-items:center;padding:var(--note-ref-padding);background:var(--note-ref-bg);color:var(--note-ref-text);border:1px solid var(--note-ref-border);border-radius:var(--note-ref-border-radius);font-size:var(--note-ref-font-size);font-weight:var(--note-ref-font-weight);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;margin:0 2px;text-decoration:none;gap:6px}.editor-note-reference:hover{background:var(--note-ref-hover-bg);color:var(--note-ref-hover-text);text-decoration:underline;transform:translateY(-1px)}.editor-note-reference.entity-type-notes{--note-ref-bg: rgba(59, 130, 246, .1);--note-ref-text: #60a5fa;--note-ref-border: rgba(59, 130, 246, .3);--note-ref-hover-bg: rgba(59, 130, 246, .2);--note-ref-hover-text: #93c5fd}.editor-note-reference.entity-type-contacts{--note-ref-bg: rgba(52, 211, 153, .1);--note-ref-text: #34d399;--note-ref-border: rgba(52, 211, 153, .3);--note-ref-hover-bg: rgba(52, 211, 153, .2);--note-ref-hover-text: #6ee7b7}.editor-note-reference.entity-type-events{--note-ref-bg: rgba(167, 139, 250, .1);--note-ref-text: #a78bfa;--note-ref-border: rgba(167, 139, 250, .3);--note-ref-hover-bg: rgba(167, 139, 250, .2);--note-ref-hover-text: #c4b5fd}.editor-note-reference.entity-type-products{--note-ref-bg: rgba(251, 146, 60, .1);--note-ref-text: #fb923c;--note-ref-border: rgba(251, 146, 60, .3);--note-ref-hover-bg: rgba(251, 146, 60, .2);--note-ref-hover-text: #fdba74}.editor-note-reference.entity-type-landing-pages{--note-ref-bg: rgba(244, 114, 182, .1);--note-ref-text: #f472b6;--note-ref-border: rgba(244, 114, 182, .3);--note-ref-hover-bg: rgba(244, 114, 182, .2);--note-ref-hover-text: #f9a8d4}.note-reference-delete-button{position:absolute;top:-5px;right:-5px;width:var(--note-ref-delete-size);height:var(--note-ref-delete-size);border-radius:50%;border:none;background:var(--note-ref-delete-bg);color:#fff;font-size:11px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;line-height:1}.note-reference-delete-button:hover{background:var(--note-ref-delete-hover-bg);transform:scale(1.1)}.editor-note-reference:hover .note-reference-delete-button{display:flex}.note-reference-preview{display:inline-flex;align-items:center;padding:var(--note-ref-padding);background:var(--note-ref-bg);color:var(--note-ref-text);border:1px solid var(--note-ref-border);border-radius:var(--note-ref-border-radius);font-size:var(--note-ref-font-size);font-weight:var(--note-ref-font-weight);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.note-reference-typeahead-dropdown{position:fixed;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0003;z-index:1000;min-width:280px;max-width:400px;max-height:300px;overflow-y:auto;animation:noteRefDropdownSlideIn .15s ease-out}@keyframes noteRefDropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.note-reference-typeahead-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px;color:var(--text-color);transition:background-color .15s ease}.note-reference-typeahead-item:last-child{border-bottom:none}.note-reference-typeahead-item:hover,.note-reference-typeahead-item.selected{background:#3b82f61a}.entity-search-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;min-width:52px}.entity-search-type-badge.badge-notes{background:#3b82f626;color:#60a5fa}.entity-search-type-badge.badge-contacts{background:#34d39926;color:#34d399}.entity-search-type-badge.badge-events{background:#a78bfa26;color:#a78bfa}.entity-search-type-badge.badge-products{background:#fb923c26;color:#fb923c}.entity-search-type-badge.badge-landing-pages{background:#f472b626;color:#f472b6}.note-reference-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.note-reference-title{font-weight:500;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-reference-subtitle{font-size:.75rem;color:var(--low-contrast-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-reference-parent{font-size:.75rem;color:var(--low-contrast-text-color);display:flex;align-items:center;gap:4px}.note-reference-parent:before{content:"in"}.note-reference-typeahead-empty,.note-reference-typeahead-loading{padding:20px;text-align:center;color:var(--low-contrast-text-color);font-style:italic;font-size:.9rem}.note-reference-typeahead-dropdown::-webkit-scrollbar{width:6px}.note-reference-typeahead-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.note-reference-typeahead-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.note-reference-typeahead-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.note-reference-typeahead-dropdown:after{content:"↑↓navigate •⏎select •⎋cancel";position:sticky;bottom:0;left:0;right:0;background:#000000e6;color:var(--low-contrast-text-color);font-size:.7rem;padding:8px 12px;text-align:center;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;gap:8px}.note-reference-typeahead-item:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}.editor-note-reference:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.entity-preview-card{position:fixed;z-index:1001;background:var(--context-menu-bg-color, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:8px;box-shadow:0 8px 24px #0000004d;padding:14px 16px;min-width:220px;max-width:320px;animation:noteRefDropdownSlideIn .12s ease-out;pointer-events:auto}.entity-preview-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.entity-preview-card-title{font-weight:600;font-size:.95rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-preview-card-fields{display:flex;flex-direction:column;gap:4px}.entity-preview-field{display:flex;gap:8px;font-size:.8rem;line-height:1.4}.entity-preview-field-label{color:var(--low-contrast-text-color);flex-shrink:0;min-width:60px}.entity-preview-field-value{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-preview-card-loading{color:var(--low-contrast-text-color);font-size:.8rem;font-style:italic}:root{--prompt-history-padding: 4px 10px;--prompt-history-border-radius: 4px;--prompt-history-font-size: .9rem;--prompt-history-font-weight: 500;--prompt-history-bg: rgba(139, 92, 246, .1);--prompt-history-text: #a78bfa;--prompt-history-border: rgba(139, 92, 246, .3);--prompt-history-hover-bg: rgba(139, 92, 246, .15);--prompt-history-label-color: #c4b5fd}.editor-prompt-history{display:flex;align-items:flex-start;padding:var(--prompt-history-padding);background:var(--prompt-history-bg);color:var(--prompt-history-text);border:1px solid var(--prompt-history-border);border-radius:var(--prompt-history-border-radius);font-size:var(--prompt-history-font-size);font-weight:var(--prompt-history-font-weight);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:normal;transition:all .15s ease;cursor:default;-webkit-user-select:none;user-select:none;position:relative;margin:8px 0;gap:6px;width:100%;box-sizing:border-box}.editor-prompt-history:hover{background:var(--prompt-history-hover-bg)}.prompt-history-label{font-weight:600;color:var(--prompt-history-label-color);flex-shrink:0}.prompt-history-text{flex:1;white-space:pre-wrap;word-break:break-word;line-height:1.5}.editor-prompt-history:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.reading-mode .editor-prompt-history{display:none}.thinking-node{background-color:var(--thinking-bg-color, rgba(100, 100, 100, .08));border-left:3px solid var(--thinking-border-color, rgba(100, 100, 100, .3));border-radius:4px;padding:.75rem 1rem;margin:.75rem 0;font-size:.9em;color:var(--thinking-text-color, rgba(100, 100, 100, .85))}.thinking-label{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;opacity:.7;display:flex;align-items:center;gap:.3rem}.thinking-text{font-style:italic;line-height:1.6;white-space:pre-wrap;opacity:.9}@media(prefers-color-scheme:dark){.thinking-node-content{background-color:#9696961a;border-left-color:#96969666;color:#c8c8c8d9}}.timeline-node{margin:1rem 0;padding:0;background:transparent;border-radius:8px;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer;outline:2px solid transparent;transition:outline-color .15s}.timeline-node[data-selected=true]{outline-color:#d2678a66}.timeline-node svg{display:block;width:100%;height:auto}.recipe-node{margin:1rem 0;padding:0;background:transparent;border-radius:8px;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer;outline:2px solid transparent;transition:outline-color .15s}.recipe-node[data-selected=true]{outline-color:#d2678a66}.recipe-container{font-family:Inter,system-ui,sans-serif}.recipe-header{margin-bottom:20px}.recipe-header-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:#666;margin-bottom:4px}.recipe-header-title{font-size:18px;font-weight:700;color:#e8e8e8;display:inline}.recipe-header-time{font-size:12px;color:#666;margin-left:10px}.recipe-header-summary{font-size:13px;color:#999;line-height:1.4;margin-top:6px}.recipe-stage{margin-bottom:16px}.recipe-stage-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.recipe-stage-number{font-size:11px;font-weight:600;color:#555;letter-spacing:.04em}.recipe-stage-steps{display:flex;flex-wrap:wrap;gap:8px}.recipe-step-card{background:#252525;border-radius:6px;padding:12px 14px;min-width:180px;flex:1 1 200px;max-width:400px;border-left:3px solid var(--step-color, #888)}.recipe-step-component{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--step-color, #888);margin-bottom:4px;text-transform:uppercase}.recipe-step-label{font-size:13px;font-weight:600;color:#e8e8e8;margin-bottom:2px}.recipe-step-description{font-size:12px;color:#888;line-height:1.4;margin-bottom:6px}.recipe-step-meta{display:flex;align-items:center;gap:8px}.recipe-step-time{font-size:12px;color:var(--step-color, #888)}.recipe-step-category{font-size:9px;font-weight:600;letter-spacing:.08em;color:#666}.recipe-step-deps{font-size:10px;color:#555;margin-top:6px}.recipe-empty{color:#888;font-size:13px}.recipe-combine-card{background:#1e1c17;border-radius:6px;padding:14px 16px;margin-top:8px;border-top:3px solid var(--step-color, #c0a060);border:1px solid rgba(192,160,96,.25);border-top-width:3px;border-top-style:solid;border-top-color:var(--step-color, #c0a060)}.recipe-combine-merge{margin-bottom:10px}.recipe-combine-merge-label{font-size:9px;font-weight:700;letter-spacing:.1em;color:#c0a060;margin-bottom:6px}.recipe-combine-components{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.recipe-combine-component{font-size:11px;font-weight:500;color:#ccc;background:color-mix(in srgb,var(--pill-color, #c0a060) 12%,transparent);border:1px solid color-mix(in srgb,var(--pill-color, #c0a060) 25%,transparent);border-radius:4px;padding:3px 8px}.recipe-combine-divider{font-size:11px;color:#666;font-weight:600}.recipe-combine-body{padding-top:2px}.recipe-combine-label{font-size:14px;font-weight:600;color:#e8e8e8;margin-bottom:4px}.recipe-combine-description{font-size:12px;color:#aaa;line-height:1.4;margin-bottom:6px}.media-embed-node{-webkit-user-select:none;user-select:none;cursor:default;margin:16px 0}.media-embed-node[data-selected=true] .media-embed-wrapper{outline:2px solid #4a90e2;outline-offset:4px;border-radius:8px}.media-embed-wrapper{border-radius:6px;transition:outline-color .15s}.media-embed-wrapper img{transition:opacity .2s}.media-embed-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100}.media-embed-picker{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:640px;max-height:520px;display:flex;flex-direction:column;overflow:hidden}.media-embed-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.media-embed-picker-header h3{font-size:14px;font-weight:600;margin:0}.media-embed-picker-tabs{display:flex;gap:4px}.media-embed-picker-tab{padding:6px 14px;background:none;border:none;color:var(--low-contrast-text-color);font-size:13px;cursor:pointer;border-radius:4px}.media-embed-picker-tab.active{background:#4a90e226;color:#4a90e2}.media-embed-picker-close{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:4px;border-radius:4px;font-size:18px;line-height:1}.media-embed-picker-close:hover{color:var(--text-color)}.media-embed-picker-search{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.media-embed-picker-search input{width:100%;padding:8px 12px;background:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;font-size:14px}.media-embed-picker-search input:focus{outline:none;border-color:#4a90e2}.media-embed-picker-body{flex:1;overflow-y:auto;padding:12px 16px}.media-embed-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-embed-picker-item{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;background:#ffffff0d;position:relative}.media-embed-picker-item:hover{border-color:#4a90e2}.media-embed-picker-item img{width:100%;height:100%;object-fit:cover}.media-embed-picker-item-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px}.media-embed-picker-item-icon span:first-child{font-size:28px}.media-embed-picker-item-icon span:last-child{font-size:11px;color:var(--low-contrast-text-color);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.media-embed-picker-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--low-contrast-text-color);font-size:14px}.media-embed-picker-upload{display:flex;align-items:center;justify-content:center;padding:24px 0}.media-embed-picker-dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:8px;padding:40px;text-align:center;cursor:pointer;width:100%;color:var(--low-contrast-text-color);transition:all .2s}.media-embed-picker-dropzone:hover,.media-embed-picker-dropzone.dragging{border-color:#4a90e2;background:#4a90e20d}.media-embed-caption-input{width:100%;text-align:center;background:transparent;border:none;color:var(--low-contrast-text-color);font-size:13px;font-style:italic;font-family:inherit;padding:4px 0;margin-top:6px}.media-embed-caption-input:focus{outline:none;color:var(--text-color)}.media-embed-caption-input::placeholder{color:#ffffff26}.block-controls{pointer-events:auto}.block-controls-buttons{display:flex;flex-direction:row;align-items:center;gap:4px;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:4px;box-shadow:0 2px 8px #0000004d}.block-control-group{display:flex;flex-direction:row;align-items:center;gap:4px}.block-controls-separator{width:1px;background:var(--border-color);opacity:.6;margin:0 4px;align-self:stretch}.block-control-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:6px 8px;border-radius:3px;font-size:12px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.block-control-btn:hover{background:var(--hovered-button-bg-color)}.block-control-btn.delete-btn:hover:not(:disabled){background:#dc354533;color:#ff6b6b}.block-control-btn.ai-btn:hover:not(:disabled){background:#3b82f633;color:#3b82f6}.block-control-btn.rewrite-btn:hover:not(:disabled){background:#a855f733;color:#a855f7}.block-control-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.block-control-btn.prompt-control-cancel:hover:not(:disabled){background:#ef444433;color:#ef4444}.block-control-btn.prompt-control-undo:hover:not(:disabled){background:#22c55e33;color:#22c55e}.block-control-btn.prompt-control-redo:hover:not(:disabled){background:#3b82f633;color:#3b82f6}.block-control-btn.prompt-control-delete:hover:not(:disabled){background:#dc354533;color:#ff6b6b}.block-control-btn.ai-generation-accept:hover:not(:disabled){background:#22c55e33;color:#22c55e}.block-control-btn.ai-generation-reject:hover:not(:disabled){background:#ef444433;color:#ef4444}.rewrite-input-area{position:absolute;top:0;left:100%;margin-left:8px;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:8px;box-shadow:0 2px 8px #0000004d;min-width:200px;z-index:1001;display:flex;flex-direction:column;gap:8px}.rewrite-input{background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:3px;color:var(--text-color);padding:6px 8px;font-size:12px;outline:none;width:100%;box-sizing:border-box}.rewrite-input:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.rewrite-submit-btn{background:#a855f7;border:none;color:#fff;cursor:pointer;padding:6px 12px;border-radius:3px;font-size:12px;transition:background-color .2s ease;align-self:flex-end}.rewrite-submit-btn:hover:not(:disabled){background:#9333ea}.rewrite-submit-btn:disabled{opacity:.4;cursor:not-allowed}.block-type-menu{position:absolute;top:0;left:100%;margin-left:8px;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:4px;padding:4px;box-shadow:0 2px 8px #0000004d;min-width:140px;max-height:300px;overflow-y:auto;z-index:1001}.current-type{padding:8px 12px;color:var(--text-color);font-size:12px;font-weight:600;border-bottom:1px solid var(--border-color);margin-bottom:4px;opacity:.7}.block-type-option{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:8px 12px;border-radius:3px;font-size:13px;transition:background-color .2s ease;display:block;width:100%;text-align:left;white-space:nowrap}.block-type-option:hover{background:var(--hovered-button-bg-color)}.editor-paragraph:hover,.editor-heading-h1:hover,.editor-heading-h2:hover,.editor-heading-h3:hover,.editor-heading-h4:hover,.editor-heading-h5:hover,.editor-heading-h6:hover,.editor-blockquote:hover,.editor-list-ol:hover,.editor-list-ul:hover,.codeHighlight:hover,.editor-prompt-history:hover{background-color:#ffffff05;border:1px solid rgb(93,93,93);position:relative}.block-type-label{font-size:10px;color:var(--text-color);opacity:.5;padding:0 6px;white-space:nowrap;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px}.block-control-btn.edit-btn:hover:not(:disabled){background:#8b5cf633;color:#a78bfa}.block-control-btn.copy-btn:hover:not(:disabled){background:#3b82f633;color:#3b82f6}.block-control-btn.copy-btn.copied{color:#22c55e;animation:copy-flash .3s ease}@keyframes copy-flash{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.block-control-btn.rerun-btn:hover:not(:disabled){background:#22c55e33;color:#22c55e}.block-controls *{pointer-events:auto}.block-controls .gen-cancel-button{cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;background:transparent;border:1px solid transparent;color:var(--text-color);font-size:12px}.block-controls .gen-cancel-button:hover:not(:disabled){background:var(--hovered-button-bg-color)}.block-controls .gen-cancel-button:disabled{opacity:.6;cursor:not-allowed}.block-controls .gen-status{height:10px;width:10px;border-radius:50%}.block-controls .gen-status.ready{background-color:#3fc84a}.block-controls .gen-status.loading{background-color:#a6c83f}.block-controls .gen-status.generating,.block-controls .gen-status.no-connection,.block-controls .gen-status.error{background-color:#c83f3f}.App .menubar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--toolbar-bg-color);border-bottom:1px solid var(--border-color-subtle);position:relative;top:0;height:40px;z-index:999;width:100%;box-sizing:border-box;flex-shrink:0}.App .menubar .toolbar-left{display:flex;flex-direction:row;align-items:stretch;flex:1;min-width:0;overflow:hidden}.App .menubar .toolbar-left .style-tools{display:flex;flex-direction:row;align-items:stretch;margin-left:20px;flex:1;min-width:0;overflow:hidden}.App .menubar .toolbar-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-right:20px;flex-shrink:0;gap:12px}.App .menubar .toolbar-right .markdown-toggle{display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:4px;padding:.3rem .6rem;color:var(--text-color-muted);cursor:pointer;transition:all .15s ease;background-color:transparent;font-size:.75rem;font-weight:500;height:28px;box-sizing:border-box}.App .menubar .toolbar-right .markdown-toggle:hover{border-color:var(--accent-color);color:var(--text-color)}.App .menubar .toolbar-right .markdown-toggle.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.App .menubar .toolbar-right .share-toggle{display:flex;align-items:center;gap:5px;border:1px solid var(--border-color);border-radius:4px;padding:.3rem .6rem;color:var(--text-color-muted);cursor:pointer;transition:all .15s ease;background-color:transparent;font-size:.75rem;font-weight:500;height:28px;box-sizing:border-box}.App .menubar .toolbar-right .share-toggle:hover{border-color:var(--accent-color);color:var(--text-color)}.App .menubar .toolbar-right .share-toggle-icon{width:14px;height:14px}.App .menubar .toolbar-right .share-published-pill{display:flex;align-items:center;height:28px;border:1px solid rgba(34,197,94,.3);border-radius:6px;background:#22c55e14;overflow:hidden}.App .menubar .toolbar-right .share-published-badge{display:flex;align-items:center;gap:5px;padding:0 10px;font-size:.75rem;font-weight:600;color:#22c55e;white-space:nowrap}.App .menubar .toolbar-right .share-published-icon{width:13px;height:13px;flex-shrink:0}.App .menubar .toolbar-right .share-published-divider{width:1px;height:16px;background:#22c55e33;flex-shrink:0}.App .menubar .toolbar-right .share-published-link,.App .menubar .toolbar-right .share-published-action{display:flex;align-items:center;justify-content:center;width:28px;height:100%;border:none;background:transparent;color:#22c55eb3;cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.App .menubar .toolbar-right .share-published-link:hover,.App .menubar .toolbar-right .share-published-action:hover{background:#22c55e1f;color:#22c55e}.App .menubar .toolbar-right .share-published-action.unpublish:hover{background:#ef44441a;color:#ef4444}.App .menubar .toolbar-right .share-published-link-icon,.App .menubar .toolbar-right .share-published-action-icon{width:14px;height:14px}.App .menubar .toolbar-right .share-published-action-icon.check{color:#22c55e}.App .menubar .toolbar-right .share-slug-display{display:flex;align-items:center;padding:0 8px;height:100%;border:none;background:transparent;color:#22c55eb3;cursor:pointer;font-size:.7rem;font-family:monospace;transition:background .12s,color .12s;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.App .menubar .toolbar-right .share-slug-display:hover{background:#22c55e1f;color:#22c55e}.App .menubar .toolbar-right .share-slug-form{display:flex;align-items:center;padding:0 4px;height:100%}.App .menubar .toolbar-right .share-slug-prefix{font-size:.7rem;font-family:monospace;color:#22c55e80;white-space:nowrap}.App .menubar .toolbar-right .share-slug-input{width:120px;border:none;border-bottom:1px solid rgba(34,197,94,.4);background:transparent;color:#22c55e;font-size:.7rem;font-family:monospace;padding:2px 4px;outline:none}.App .menubar .toolbar-right .share-slug-input::placeholder{color:#22c55e4d}.App .menubar .toolbar-right .share-slug-input:focus{border-bottom-color:#22c55e}.access-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-size:12px;text-align:left;transition:background .12s}.access-dropdown-item:hover{background:#ffffff0f}.App .menubar .toolbar-right .token-count{font-size:.75rem;color:var(--text-color-secondary);white-space:nowrap}.App .menubar .toolbar-right .server-status-group{display:flex;flex-direction:row;align-items:center;gap:2px;background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:6px;padding:2px}.App .menubar .toolbar-right .server-status-group:hover{border-color:var(--accent-color)}.App .menubar .toolbar-right .server-status-group .server-button{margin:0;padding:.3rem .6rem;border-radius:4px;font-size:.8rem}.App .menubar .toolbar-right .server-status-group .server-button:hover{background-color:var(--hovered-button-bg-color)}.App .menubar .toolbar-right .server-status-group .cancel-button{margin:0;padding:.3rem .5rem;border-radius:4px;background-color:transparent;border:none;border-left:1px solid var(--border-color)}.App .menubar .toolbar-right .model{cursor:pointer;margin:0 1rem;min-width:150px}.App .menubar .toolbar-right .context{position:relative;cursor:pointer;height:20.89px;min-width:90px;border:none;border-radius:2px;overflow:hidden}.App .menubar .toolbar-right .context:hover{opacity:.8}.App .menubar .toolbar-right .context:disabled{cursor:default;background-color:#ffffff1a}.App .menubar .toolbar-right .context .history-percentage{position:absolute;top:0;left:0;height:100%;border-radius:2px;background-color:#de000080;transition:width .2s ease}.App .menubar .toolbar-right .cancel-button{cursor:pointer;text-transform:capitalize;margin:0;display:flex;align-items:center;font-size:.75rem;color:var(--text-color-muted);transition:all .15s ease}.App .menubar .toolbar-right .cancel-button:hover:not(:disabled){background-color:var(--hovered-button-bg-color);color:var(--text-color)}.App .menubar .toolbar-right .cancel-button:disabled{cursor:default;text-transform:capitalize;margin:0}.App .menubar .toolbar-right .status{height:8px;border-radius:50%;width:8px;margin:0 .4em 0 0;box-shadow:0 0 8px currentColor}.App .menubar .toolbar-right .generation-state{font-size:.8rem;padding:0 2rem 0 0;color:#ffffff75;text-transform:capitalize}.App .menubar .toolbar-right .login{background-color:var(--accent-color);color:#fff;padding:.4rem .8rem;margin:.4rem 0;border-radius:4px;text-decoration:none;cursor:pointer;text-transform:uppercase;font-size:.65rem;font-weight:600;letter-spacing:.5px;transition:all .15s ease;border:none}.App .menubar .toolbar-right .login:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}.App .menubar .toolbar-right .logout{cursor:pointer;text-transform:capitalize;color:var(--text-color-muted);background:transparent;border:1px solid var(--border-color);padding:.35rem .7rem;border-radius:4px;font-size:.75rem;transition:all .15s ease}.App .menubar .toolbar-right .logout:hover{color:var(--text-color);border-color:var(--accent-color);background-color:#d2678a1a}.App .menubar .toolbar-right .status.ready{background-color:#4ade80;color:#4ade80}.App .menubar .toolbar-right .status.loading{background-color:#facc15;color:#facc15}.App .menubar .toolbar-right .status.generating{background-color:var(--accent-color);color:var(--accent-color);animation:pulse-glow 1.5s ease-in-out infinite}.App .menubar .toolbar-right .status.no-connection,.App .menubar .toolbar-right .status.error{background-color:#f87171;color:#f87171}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px currentColor}50%{box-shadow:0 0 16px currentColor}}.App .menubar .item{display:flex;border:none;flex-direction:row;align-items:center;justify-content:center;padding:.4rem 1rem;color:var(--text-color-muted);cursor:pointer;transition:all .15s ease;background-color:transparent;width:55px;font-size:.85rem;font-weight:500}.App .menubar .item:hover{background-color:var(--hovered-toolbar-bg-color);color:var(--text-color)}.drop-down-menu{position:absolute;top:70px;left:0;z-index:100;width:200px;display:flex;flex-direction:column;border-radius:0 2px 2px;background-color:var(--context-menu-bg-color);box-shadow:0 0 10px #00000080;padding:4px 0;margin:0;overflow-y:hidden;height:0;opacity:0;display:none}.drop-down-menu.file{left:4px;height:auto;opacity:1;display:flex;flex-direction:column}.drop-down-menu.edit{left:55px;height:auto;opacity:1;display:flex;flex-direction:column}.drop-down-menu.view{left:110px;height:auto;opacity:1;display:flex;flex-direction:column}.drop-down-menu button{background-color:transparent;color:var(--text-color);border:none;padding:8px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease}.drop-down-menu button:hover{background-color:var(--hovered-toolbar-bg-color)}.floating-dropdown{z-index:100;width:200px;display:flex;flex-direction:column;border-radius:6px;background-color:var(--context-menu-bg-color);border:1px solid var(--border-color);box-shadow:0 8px 24px #0006;padding:4px;margin:0;overflow-y:hidden}.dropdown-item{background-color:transparent;color:var(--text-color);border:none;padding:10px 14px;text-align:left;cursor:pointer;transition:all .12s ease;border-radius:4px;font-size:.85rem}.dropdown-item:hover{background-color:var(--hovered-toolbar-bg-color);color:var(--accent-color)}@media(max-width:768px){.App .menubar{display:none}}@media(min-width:768px){.App .menubar .toolbar-right .save{display:none}}.ServerSelect{background-color:var(--context-menu-bg-color);border:1px solid var(--border-color);box-shadow:0 8px 24px #0006;padding:1rem;border-radius:6px;z-index:999;width:400px}.ServerSelect h2{margin:0 0 1rem;font-size:1rem;font-weight:700}.ServerSelect h3{margin:1.5rem 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-color);opacity:.8;text-transform:uppercase;letter-spacing:.05em}.server-button{cursor:pointer;margin:0 1rem;min-width:150px;border:none;background:transparent;color:var(--text-color);transition:all .15s ease;display:flex;align-items:center;gap:6px}.server-button:after{content:"";display:inline-block;width:10px;height:10px;background-image:url(images/icons/chevron-down.svg);background-size:contain;background-repeat:no-repeat;filter:invert(1);opacity:.5;transition:opacity .15s ease}.server-button:hover{color:var(--accent-color)}.server-button:hover:after{opacity:1}.ServerSelect .server-list{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.ServerSelect .server-list .server{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-radius:4px;cursor:pointer;transition:all .12s ease;background:none;border:none;text-align:left;color:var(--text-color)}.ServerSelect .server-list .server:hover{background-color:var(--hovered-button-bg-color);color:var(--accent-color)}.ServerSelect .server-list .server:disabled{color:var(--text-color);font-weight:700;cursor:default}.ServerSelect .server-list .server.active{background-color:var(--active-style-button-bg-color);border-left:2px solid var(--accent-color)}.ServerSelect .server-list .server .server-name{display:block}.ServerSelect .server-list .server .server-info{margin-top:.3rem;display:block;font-size:.6rem;text-decoration:none}.ServerSelect .server-list .server .server-info a{text-decoration:none}.ServerSelect .server-list .server .server-info a:hover{color:var(--link-color)}.ServerSelect .server-list .server .server-actions{display:flex;gap:.5rem}.ServerSelect .server-list .server .server-action-btn{height:18px;width:18px;opacity:.6;cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.ServerSelect .server-list .server .server-action-btn:hover{opacity:1}.ServerSelect .server-list .server .server-action-btn.delete{color:#ef4444}.ServerSelect .server-list .server .server-action-btn.delete:hover{color:#dc2626}.ServerSelect .server-edit-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;background-color:var(--input-bg-color);border-radius:4px}.ServerSelect .server-edit-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-color);font-weight:500}.ServerSelect .server-edit-form .input-hint{font-size:.75rem;color:var(--text-color);opacity:.6;font-weight:400;margin-top:-.2rem}.ServerSelect .server-edit-form input,.ServerSelect .server-edit-form select{padding:.5rem .8rem;border-radius:4px;background-color:var(--context-menu-bg-color);border:1px solid var(--border-color);color:var(--text-color);transition:border-color .15s ease;font-size:.9rem}.ServerSelect .server-edit-form input:focus,.ServerSelect .server-edit-form select:focus{outline:none;border-color:var(--accent-color)}.ServerSelect .server-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.ServerSelect .server-edit-actions button{flex:1;padding:.6rem 1rem;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .15s ease}.ServerSelect .server-edit-actions .btn-primary{background-color:var(--accent-color);color:#fff}.ServerSelect .server-edit-actions .btn-primary:hover{opacity:.9;transform:translateY(-1px)}.ServerSelect .server-edit-actions .btn-secondary{background-color:var(--hovered-button-bg-color);color:var(--text-color)}.ServerSelect .server-edit-actions .btn-secondary:hover{background-color:var(--border-color)}.ServerSelect .add-server-btn{width:100%;margin-top:1rem;padding:.75rem 1rem;border-radius:4px;border:1px dashed var(--border-color);background:none;color:var(--text-color);cursor:pointer;font-weight:500;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.ServerSelect .add-server-btn svg{width:18px;height:18px}.ServerSelect .add-server-btn:hover{background-color:var(--hovered-button-bg-color);border-color:var(--accent-color);color:var(--accent-color)}.toolbar{display:flex;vertical-align:middle}.toolbar button.toolbar-item{border:0;display:flex;background:none;padding:4px;cursor:pointer;vertical-align:middle}@media(max-width:1200px){.toolbar button.toolbar-item{display:none}}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6;filter:invert(1)}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:var(--active-style-button-bg-color);border-radius:4px}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:var(--hovered-button-bg-color);border-radius:4px}.toolbar .divider{width:1px;background-color:var(--border-color);margin:0 6px}.toolbar select.toolbar-item{border:0;display:flex;background:none;vertical-align:middle;align-items:center;-webkit-appearance:none;-moz-appearance:none;width:70px;font-size:14px;text-overflow:ellipsis}.toolbar select.toolbar-item.code-language{text-transform:capitalize;color:var(--text-color);width:130px}.toolbar select.toolbar-item.code-language:hover{background-color:inherit}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:14px;color:var(--text-color);text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain;filter:invert(1)}.toolbar i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:8px;margin-right:10px;pointer-events:none}i.chevron-down{background-color:transparent;background-size:contain;display:inline-block;height:8px;width:8px;background-image:url(images/icons/chevron-down.svg);filter:invert(1)}#block-controls button:hover{background-color:var(--hovered-button-bg-color)}#block-controls button:focus-visible{border-color:var(--accent-color)}#block-controls span.block-type{background-size:contain;display:block;width:18px;height:18px;margin:2px;filter:invert(1)}#block-controls span.block-type.paragraph{background-image:url(images/icons/text-paragraph.svg)}#block-controls span.block-type.h1{background-image:url(images/icons/type-h1.svg)}#block-controls span.block-type.h2{background-image:url(images/icons/type-h2.svg)}#block-controls span.block-type.quote{background-image:url(images/icons/chat-square-quote.svg)}#block-controls span.block-type.ul{background-image:url(images/icons/list-ul.svg)}#block-controls span.block-type.ol{background-image:url(images/icons/list-ol.svg)}#block-controls span.block-type.code{background-image:url(images/icons/code.svg)}.dropdown{z-index:5;display:block;position:absolute;box-shadow:0 8px 24px #0006;min-width:100px;min-height:40px;background-color:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:6px}.dropdown .item{margin:4px;padding:10px 12px;color:var(--text-color);cursor:pointer;line-height:16px;font-size:14px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:transparent;border:0;min-width:268px;border-radius:4px;transition:all .12s ease}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:4px}.dropdown .item:last-child{margin-bottom:4px}.dropdown .item:hover{background-color:var(--hovered-button-bg-color);color:var(--accent-color)}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;width:200px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;filter:invert(1)}.link-editor{position:absolute;z-index:100;top:-10000px;left:-10000px;margin-top:-6px;max-width:300px;width:100%;opacity:0;background-color:var(--context-menu-bg-color);border:1px solid var(--border-color);box-shadow:0 8px 24px #0006;border-radius:6px;transition:opacity .5s}.link-editor .link-input{display:block;width:calc(100% - 24px);box-sizing:border-box;margin:8px 12px;padding:8px 12px;border-radius:4px;background-color:var(--input-bg-color);font-size:15px;color:var(--text-color);border:1px solid var(--border-color);outline:0;position:relative;font-family:inherit}.link-editor div.link-edit{background-image:url(images/icons/pencil-fill.svg);background-size:16px;background-position:center;background-repeat:no-repeat;width:35px;vertical-align:-.25em;position:absolute;right:0;top:0;bottom:0;cursor:pointer;filter:invert(1)}.link-editor .link-input a{color:var(--accent-color);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;margin-right:30px;text-overflow:ellipsis}.link-editor .link-input a:hover{text-decoration:underline;color:var(--accent-color-hover)}.link-editor .button{width:20px;height:20px;display:inline-block;padding:6px;border-radius:4px;cursor:pointer;margin:0 2px}.link-editor .button.hovered{width:20px;height:20px;display:inline-block;background-color:var(--hovered-button-bg-color)}.link-editor .button i,.actions i{background-size:contain;display:inline-block;height:20px;width:20px;vertical-align:-.25em;filter:invert(1)}i.undo{background-image:url(images/icons/arrow-counterclockwise.svg);filter:invert(1)}i.redo{background-image:url(images/icons/arrow-clockwise.svg);filter:invert(1)}.icon.paragraph{background-image:url(images/icons/text-paragraph.svg);filter:invert(1)}.icon.large-heading,.icon.h1{background-image:url(images/icons/type-h1.svg);filter:invert(1)}.icon.small-heading,.icon.h2{background-image:url(images/icons/type-h2.svg);filter:invert(1)}.icon.bullet-list,.icon.ul{background-image:url(images/icons/list-ul.svg);filter:invert(1)}.icon.numbered-list,.icon.ol{background-image:url(images/icons/list-ol.svg);filter:invert(1)}.icon.quote{background-image:url(images/icons/chat-square-quote.svg);filter:invert(1)}.icon.code{background-image:url(images/icons/code.svg);filter:invert(1)}i.bold{background-image:url(images/icons/type-bold.svg);filter:invert(1)}i.italic{background-image:url(images/icons/type-italic.svg);filter:invert(1)}i.underline{background-image:url(images/icons/type-underline.svg);filter:invert(1)}i.strikethrough{background-image:url(images/icons/type-strikethrough.svg);filter:invert(1)}i.code{background-image:url(images/icons/code.svg);filter:invert(1)}i.link{background-image:url(images/icons/link.svg);filter:invert(1)}i.image{background-image:url(images/icons/image.svg);filter:invert(1)}i.left-align{background-image:url(images/icons/text-left.svg);filter:invert(1)}i.center-align{background-image:url(images/icons/text-center.svg);filter:invert(1)}i.right-align{background-image:url(images/icons/text-right.svg);filter:invert(1)}i.justify-align{background-image:url(images/icons/justify.svg);filter:invert(1)}.credit-balance-container{display:flex;align-items:center;gap:.5rem}.credit-balance{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;font-size:.875rem}.credit-icon{width:1rem;height:1rem;color:#fbbf24}.credit-amount{font-weight:600;color:#e2e8f0;font-family:JetBrains Mono,SF Mono,monospace}.credit-label{color:#94a3b8;font-size:.75rem}.account-button{display:flex;align-items:center;justify-content:center;padding:.375rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.account-button:hover{background:#ffffff1a;border-color:#8b5cf64d}.account-icon{width:1.25rem;height:1.25rem;color:#94a3b8}.account-button:hover .account-icon{color:#c4b5fd}.credit-balance-compact{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.8125rem}.credit-balance-compact:hover{background:#8b5cf633;border-color:#8b5cf666}.credit-balance-compact .credit-icon{width:.875rem;height:.875rem}.credit-balance-compact .credit-amount{font-size:.8125rem}.prompt-input-bar{display:flex;align-items:center;gap:8px;height:56px;min-height:56px;padding:0 16px;border-top:1px solid var(--border-color);background:var(--context-menu-bg-color);box-sizing:border-box}.prompt-input{flex:1;height:36px;padding:0 12px;border:1px solid var(--border-color);border-radius:6px;background:#0003;color:var(--text-color);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.prompt-input:focus{border-color:var(--link-color);box-shadow:0 0 0 2px #3b82f626}.prompt-input:disabled{opacity:.5;cursor:not-allowed}.inline-persona-select{position:relative}.inline-persona-trigger{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--border-color);border-radius:6px;background:#0003;color:var(--text-color);font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.inline-persona-trigger:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26}.inline-persona-trigger.open{border-color:var(--link-color);background:#ffffff0f}.inline-persona-trigger:disabled{opacity:.5;cursor:not-allowed}.inline-persona-emoji{font-size:15px;line-height:1}.inline-persona-name{font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis}.inline-persona-chevron{color:#fff6;flex-shrink:0;transition:transform .15s ease}.inline-persona-trigger.open .inline-persona-chevron{transform:rotate(180deg)}.inline-persona-dropdown{position:absolute;bottom:calc(100% + 6px);right:0;min-width:200px;max-width:260px;background:#1c1c20fa;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 -4px 24px #0006,0 0 0 1px #ffffff0a;z-index:1100;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:personaDropUp .12s ease-out}@keyframes personaDropUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.inline-persona-search-wrap{padding:8px 8px 4px}.inline-persona-search{width:100%;padding:7px 10px;border:none;background:#ffffff0f;border-radius:6px;color:var(--text-color);font-size:13px;outline:none;box-sizing:border-box;transition:background .15s ease}.inline-persona-search:focus{background:#ffffff1a}.inline-persona-search::placeholder{color:#ffffff4d}.inline-persona-list{max-height:240px;overflow-y:auto;padding:4px 6px 6px}.inline-persona-list::-webkit-scrollbar{width:5px}.inline-persona-list::-webkit-scrollbar-track{background:transparent}.inline-persona-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.inline-persona-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:7px;cursor:pointer;color:var(--text-color);font-size:13px;text-align:left;transition:background .1s ease}.inline-persona-item:hover,.inline-persona-item.highlighted{background:#ffffff12}.inline-persona-item.active{background:#3b82f61f}.inline-persona-item.active .inline-persona-item-name{color:var(--link-color)}.inline-persona-item-emoji{font-size:16px;flex-shrink:0;line-height:1}.inline-persona-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-persona-empty{padding:16px;text-align:center;color:#ffffff4d;font-size:12px}.prompt-submit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:var(--link-color);color:#fff;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.prompt-submit-btn:hover:not(:disabled){background:#2563eb}.prompt-submit-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-submit-btn .generating-indicator{font-size:14px;letter-spacing:1px}.reading-mode .prompt-input-bar{max-width:960px;margin:0 auto;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.table-of-contents{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text-color)}.toc-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.toc-list{list-style:none;margin:0;padding:0 0 30px}.toc-item{margin-bottom:4px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.toc-item:hover{background-color:var(--input-bg-color)}.toc-link{display:block;padding:6px 8px;text-decoration:none;color:inherit;font-size:13px;line-height:1.4;border-radius:4px;transition:all .2s ease}.toc-link:hover{text-decoration:none;color:var(--text-color)}.toc-item.toc-h1 .toc-link{font-weight:600;font-size:14px;padding-left:8px;color:var(--text-color)}.toc-item.toc-h2 .toc-link{font-weight:500;font-size:13px;padding-left:20px;color:var(--text-color)}.toc-item.toc-h3 .toc-link{font-weight:400;font-size:12px;padding-left:32px;color:var(--low-contrast-text-color)}.toc-item.toc-h4 .toc-link{font-weight:400;font-size:12px;padding-left:44px;color:var(--low-contrast-text-color)}.toc-item.toc-h5 .toc-link{font-weight:400;font-size:11px;padding-left:56px;color:var(--low-contrast-text-color)}.toc-item.toc-h6 .toc-link{font-weight:400;font-size:11px;padding-left:68px;color:var(--low-contrast-text-color)}.toc-item.toc-timeline .toc-link,.toc-item.toc-recipe .toc-link{font-weight:500;font-size:13px;padding-left:8px;color:var(--low-contrast-text-color)}.toc-decorator-label{margin-right:2px;font-size:12px}.toc-item.active .toc-link{background-color:var(--active-style-button-bg-color);color:var(--link-color);font-weight:500}.table-of-contents:empty:before{content:"Add headings to see table of contents";color:var(--low-contrast-text-color);font-size:12px;font-style:italic;padding:16px 8px;display:block}.toc-panel::-webkit-scrollbar{width:6px}.toc-panel::-webkit-scrollbar-track{background:var(--editor-bg-color)}.toc-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.toc-panel::-webkit-scrollbar-thumb:hover{background:var(--low-contrast-text-color)}@media(max-width:768px){.toc-panel{display:none}.story-editor-container{flex-direction:column!important}}.toc-mobile-toggle{display:none;position:fixed;top:70px;right:20px;z-index:1000;background:var(--side-bar-bg-color);border:1px solid var(--border-color);border-radius:6px;padding:8px;box-shadow:0 4px 6px -1px #0000004d}@media(max-width:768px){.toc-mobile-toggle{display:block}}.App .tabs .tab-container .tab{flex:1 1 0;font-size:.8rem;display:flex;flex-direction:row;margin:0 1px 0 0;border-radius:0;justify-content:space-between;align-items:center;padding:0 .5rem 0 1rem;color:var(--text-color-muted);cursor:pointer;min-width:20px;transition:all .15s ease;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;background-color:transparent;box-sizing:border-box}@media(max-width:768px){.App .tabs .tab-container .tab{min-width:100px}}.App .tabs .tab-container .tab .editable-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;outline:none;box-shadow:none;font-size:small;background:none;margin:0;padding:0;border:none}.App .tabs .tab-container .tab .editable-title:not(.synced):after{content:"●";display:inline-block;margin-left:.3rem;color:var(--accent-color);font-size:.6rem}.App .tabs .tab-container .tab .close{border:none;background-color:transparent;display:flex;opacity:0;align-items:center;justify-content:center;transition:background-color .2s ease;margin:0;-webkit-user-select:none;user-select:none;padding:3px;border-radius:4px}.App .tabs .tab-container .tab .close:hover{background-color:var(--hovered-button-bg-color)}.App .tabs .tab-container .tab .close svg{fill:var(--text-color);width:12px;height:12px;cursor:pointer}.App .tabs .tab-container .tab.active{background-color:var(--active-tab-bg-color);color:var(--text-color);border-bottom:2px solid var(--accent-color)}.App .tabs .tab-container .tab.active .close{opacity:1}.App .tabs .tab-container .tab:hover{background-color:var(--hovered-tab-bg-color);color:var(--text-color)}.App .tabs .tab-container .tab:hover .close{opacity:1}.App .tabs .tab-container .tab.active:hover{background-color:var(--active-tab-bg-color)}.tab-actions{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:6px;background-color:var(--context-menu-bg-color);border:1px solid var(--border-color);box-shadow:0 8px 24px #0006;z-index:999}.tab-actions button{border:none;background:none;padding:8px 12px;cursor:pointer;text-align:left;color:var(--text-color);border-radius:4px;font-size:.85rem;transition:all .12s ease}.tab-actions button:hover{background-color:var(--hovered-button-bg-color);color:var(--accent-color)}.App .tabs .tab-container .tab .editable-title.editing:after{content:"|";top:0;color:#fff;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.App{height:100%;width:100vw;overflow:hidden;display:flex;flex-direction:column}:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--type-leading: 1.65;--type-leading-relaxed: 1.8;--heading-tight: 1.25;--type-letterspace: .005em;--type-letterspace-tight: -.005em}.App [data-panel-group]{height:100%;width:100%}.App [data-panel]{height:100%;overflow:hidden}.resize-handle{background-color:var(--side-bar-bg-color);width:2px;cursor:col-resize;transition:background-color .2s ease;position:relative}.resize-handle:hover{background-color:#4a5568}.resize-handle[data-resize-handle-active]{background-color:#2d3748}.side-bar-panel{background-color:var(--side-bar-bg-color);display:flex;flex-direction:column}.side-bar-content{height:100%;overflow:hidden;display:flex;flex-direction:column}.right-panel{background-color:var(--side-bar-bg-color);display:flex;flex-direction:column}.right-panel-content{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:1rem}.placeholder-content{color:var(--text-color);text-align:center;padding:2rem 1rem}.placeholder-content h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-color)}.placeholder-content p{margin:0;font-size:.9rem;color:var(--text-color-secondary, #888);line-height:1.4}.App .side-bar,.App .side-bar.closed,.App .side-bar.open,.App .side-bar .toggle-handle{display:none}.App .main-content{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.App .main-content .tabs{display:flex;flex-direction:row;align-items:stretch;background-color:var(--tabs-bg-color);justify-content:flex-start;width:100%;height:38px;z-index:999;flex-shrink:0;border-bottom:1px solid var(--border-color-subtle)}.App .main-content .tabs .tab-container{display:flex;flex-direction:row;align-items:stretch;background-color:var(--tabs-bg-color);justify-content:flex-start;flex:1;height:100%}.App .main-content .tabs .add{font-size:.8rem;display:flex;flex-direction:row;margin:0;border-radius:0;justify-content:center;align-items:center;padding:0 .5rem;color:var(--text-color-muted);cursor:pointer;transition:all .15s ease;box-sizing:border-box}.App .main-content .tabs .add .button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin:0 .4rem;padding:3px;border-radius:4px}.App .main-content .tabs .add .button svg{fill:var(--text-color-muted);width:12px;height:12px;cursor:pointer;transition:fill .15s ease}.App .main-content .tabs .add:hover{background-color:var(--hovered-tab-bg-color)}.App .main-content .tabs .add:hover .button svg{fill:var(--accent-color)}.App .main-content .app-container{display:flex;flex-direction:column;height:100%;flex:1;overflow:hidden}.App .main-content .app-container .editor-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--editor-bg-color);overflow-y:auto}.editor-input{height:100%;width:100%;outline:none;caret-color:#c38501;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-ms-overflow-style:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editor-input>*:last-child{margin-bottom:6rem}.editor-input::-webkit-scrollbar{width:6px;height:6px}.editor-input::-webkit-scrollbar-track{background:transparent}.editor-input::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px}.editor-input::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.editor-input::-webkit-scrollbar-thumb:active{background-color:#ffffff61}.editor-input::-webkit-scrollbar-corner{background:transparent}.editor-input>*:first-child{margin-top:50px}.editor-paragraph,.editor-heading-h1,.editor-heading-h2,.editor-heading-h3,.editor-heading-h4,.editor-heading-h5,.editor-heading-h6,.editor-blockquote,.editor-list-ol,.editor-list-ul{font-family:var(--font-sans);border:1px solid rgba(255,255,255,.05);border-radius:4px;margin:4px 0;padding:8px 12px;background-color:#ffffff03;transition:all .2s ease;position:relative}.editor-paragraph{font-size:1.08em;line-height:var(--type-leading);letter-spacing:var(--type-letterspace)}.editor-list-ol,.editor-list-ul{padding-left:4.5rem}.editor-paragraph{font-size:1.2em;line-height:1.6em;color:var(--text-color)}.editor-heading-h1{font-size:2.25em;line-height:var(--heading-tight);font-weight:750;letter-spacing:var(--type-letterspace-tight);color:var(--text-color)}.editor-heading-h2{font-size:1.9em;line-height:var(--heading-tight);font-weight:700;letter-spacing:var(--type-letterspace-tight);color:var(--text-color)}.editor-heading-h3{font-size:1.6em;line-height:var(--heading-tight);font-weight:650;letter-spacing:var(--type-letterspace-tight);color:var(--text-color)}.editor-heading-h4{font-size:1.35em;line-height:var(--heading-tight);font-weight:650;letter-spacing:var(--type-letterspace-tight);color:var(--text-color)}.editor-heading-h5{font-size:1.15em;line-height:var(--heading-tight);font-weight:600;letter-spacing:var(--type-letterspace-tight);color:var(--text-color)}.editor-heading-h6{font-size:1.1em;line-height:var(--heading-tight);font-weight:600;letter-spacing:var(--type-letterspace-tight);color:var(--text-color)}.editor-blockquote{font-style:italic;color:var(--low-contrast-text-color);line-height:var(--type-leading);letter-spacing:var(--type-letterspace);background-color:#ffffff08;border-left:3px solid var(--low-contrast-text-color);padding-left:20px}.editor-quote{font-style:italic;color:var(--text-color);background-color:#d2678a0d;border-left:4px solid #d2678a;padding:16px 20px;margin:12px 0;border-radius:0 8px 8px 0;position:relative;font-size:1.1em;line-height:1.6em;box-shadow:0 2px 8px #d2678a1a;transition:all .3s ease}.editor-quote:before{content:'"';position:absolute;top:8px;left:12px;font-size:2.5em;color:#d2678a4d;font-family:Georgia,serif;line-height:1}.editor-quote:hover{background-color:#d2678a14;box-shadow:0 4px 12px #d2678a26;transform:translate(2px)}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-link{color:var(--link-color);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.editor-text-code{font-family:var(--font-mono);font-size:.95em;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:.1em .35em;border-radius:4px}.codeHighlight{background-color:#292826;font-family:var(--font-mono);display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:4px 0;border-radius:4px;tab-size:2;overflow-x:auto;position:relative;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.codeHighlight:before{content:attr(data-gutter);position:absolute;background-color:#201e1e;left:0;top:0;border-right:1px solid #0f0c0c;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.codeHighlight:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:10px;text-transform:uppercase;position:absolute;color:#a7a7a780}.codeHighlight .editor-tokenAttr{color:#66d9ef}.codeHighlight .editor-tokenProperty{color:#f92672}.codeHighlight .editor-tokenSelector{color:#a6e22e}.codeHighlight .editor-tokenComment{color:#75715e}.codeHighlight .editor-tokenFunction{color:#e6db74}.codeHighlight .editor-tokenOperator{color:#f92672}.codeHighlight .editor-tokenVariable{color:#fd971f}.codeHighlight .editor-tokenPunctuation{color:#f8f8f2}.editor-table{border-collapse:collapse;width:100%;margin:8px 0;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.editor-table-row{border-bottom:1px solid rgba(255,255,255,.08)}.editor-table-row:last-child{border-bottom:none}.editor-table-cell,.editor-table-cell-header{border:1px solid rgba(255,255,255,.08);padding:10px 14px;text-align:left;vertical-align:top;font-size:1em;line-height:1.5}.editor-table-cell-header{background-color:#ffffff0d;font-weight:600;color:var(--text-color)}.editor-table-cell{background-color:#ffffff05}.editor-table-cell .editor-paragraph,.editor-table-cell-header .editor-paragraph{margin:0;padding:0;background:transparent;border:none;border-radius:0;font-size:1em;line-height:1.5}.editor-table-row:hover .editor-table-cell{background-color:#ffffff0a}.story-editor-container.reading-mode .editor-paragraph,.story-editor-container.reading-mode .editor-heading-h1,.story-editor-container.reading-mode .editor-heading-h2,.story-editor-container.reading-mode .editor-heading-h3,.story-editor-container.reading-mode .editor-heading-h4,.story-editor-container.reading-mode .editor-heading-h5,.story-editor-container.reading-mode .editor-heading-h6,.story-editor-container.reading-mode .editor-blockquote,.story-editor-container.reading-mode .editor-list-ol,.story-editor-container.reading-mode .editor-list-ul,.story-editor-container.reading-mode .codeHighlight,.story-editor-container.reading-mode .editor-table{background-color:transparent!important;border:none!important;box-shadow:none!important}.story-editor-container.reading-mode .editor-table{border:1px solid rgba(255,255,255,.1)!important}.story-editor-container.reading-mode .editor-table-cell,.story-editor-container.reading-mode .editor-table-cell-header{border:1px solid rgba(255,255,255,.08)!important}.story-editor-container.reading-mode .editor-paragraph{font-size:1.12em;line-height:var(--type-leading-relaxed);letter-spacing:var(--type-letterspace)}.story-editor-container.reading-mode .editor-heading-h1,.story-editor-container.reading-mode .editor-heading-h2,.story-editor-container.reading-mode .editor-heading-h3,.story-editor-container.reading-mode .editor-heading-h4,.story-editor-container.reading-mode .editor-heading-h5,.story-editor-container.reading-mode .editor-heading-h6{text-wrap:balance}.story-editor-container.reading-mode .editor-blockquote{line-height:var(--type-leading-relaxed)}.story-editor-container.reading-mode .editor-paragraph:hover,.story-editor-container.reading-mode .editor-heading-h1:hover,.story-editor-container.reading-mode .editor-heading-h2:hover,.story-editor-container.reading-mode .editor-heading-h3:hover,.story-editor-container.reading-mode .editor-heading-h4:hover,.story-editor-container.reading-mode .editor-heading-h5:hover,.story-editor-container.reading-mode .editor-heading-h6:hover,.story-editor-container.reading-mode .editor-blockquote:hover,.story-editor-container.reading-mode .editor-list-ol:hover,.story-editor-container.reading-mode .editor-list-ul:hover,.story-editor-container.reading-mode .codeHighlight:hover,.story-editor-container.reading-mode .editor-table:hover{background-color:transparent!important;border:none!important;box-shadow:none!important}.story-editor-container.reading-mode .editor-table:hover{border:1px solid rgba(255,255,255,.1)!important}.story-editor-container.reading-mode .editor-heading-h1,.story-editor-container.reading-mode .editor-heading-h2,.story-editor-container.reading-mode .editor-heading-h3,.story-editor-container.reading-mode .editor-heading-h4,.story-editor-container.reading-mode .editor-heading-h5,.story-editor-container.reading-mode .editor-heading-h6,.story-editor-container.reading-mode .editor-quote{background-color:transparent!important}.story-editor-container.reading-mode .editor-quote{border-left:none!important}.story-editor-container.reading-mode .editor-quote:before{content:none!important}.story-editor-container.reading-mode .editor-list-ol,.story-editor-container.reading-mode .editor-list-ul{padding-left:1.5rem!important}.story-editor-container.reading-mode .codeHighlight{padding:8px 12px!important}.story-editor-container.reading-mode .codeHighlight:before,.story-editor-container.reading-mode .codeHighlight:after{display:none!important;content:none!important}.vertical-nav-bar{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 0;background-color:var(--side-bar-bg-color);position:relative;box-sizing:border-box}.vertical-nav-bar.left{border-right:1px solid var(--border-color, #2d2d2d)}.vertical-nav-bar.right{border-left:1px solid var(--border-color, #2d2d2d)}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-color);cursor:pointer;padding:6px 4px;margin:2px 0;border-radius:4px;transition:all .2s ease;min-height:40px;width:32px;position:relative;overflow:hidden}.nav-button:hover{background-color:var(--hovered-button-bg-color);transform:translate(2px);box-shadow:0 2px 4px #0003;color:var(--accent-color)}.nav-button:active{transform:translate(1px);background-color:var(--active-bg-color, rgba(255, 255, 255, .15))}.nav-button.active{color:var(--accent-color);background-color:var(--active-bg-color, rgba(255, 255, 255, .1))}.nav-icon{font-size:14px;margin-bottom:2px;display:block;line-height:1}.nav-label{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;line-height:1;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.App .main-content .tabs .tab-container{overflow-y:hidden;overflow-x:auto}.editor-input>*:first-child{margin-top:16px}.editor-paragraph,.editor-heading-h1,.editor-heading-h2,.editor-heading-h3,.editor-heading-h4,.editor-heading-h5,.editor-heading-h6,.editor-blockquote,.editor-list-ol,.editor-list-ul{padding:4px;margin:2px 0}.editor-list-ol,.editor-list-ul{padding-left:2rem}.codeHighlight{padding:6px 6px 6px 40px}}@media(min-width:768px){.App .side-bar.open{width:300px}.App .side-bar.closed{width:20px}}.vertical-nav-bar{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nav-button:before{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--context-menu-bg-color, #2d2d2d);color:var(--text-color);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;margin-left:.5rem;box-shadow:0 2px 8px #0000004d}.nav-button:hover:before{opacity:1;transform:translateY(-50%) translate(4px)}.vertical-nav-bar.right .nav-button:before{left:auto;right:100%;margin-left:0;margin-right:.5rem}.vertical-nav-bar.right .nav-button:hover:before{transform:translateY(-50%) translate(-4px)}.nav-button+.nav-button{margin-top:4px}.vertical-nav-bar.multiple-buttons .nav-button{min-height:36px}.vertical-nav-bar.multiple-buttons .nav-icon{font-size:13px}.vertical-nav-bar.multiple-buttons .nav-label{font-size:7px}.tab-save-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-color-muted);cursor:pointer;padding:0 8px;transition:color .15s ease;flex-shrink:0}.tab-save-btn:hover,.tab-save-btn:active{color:var(--accent-color)}@media(max-width:768px){.App .menubar .toolbar-right .token-count{display:none}}.mobile-app{display:flex;flex-direction:column;height:100%;width:100vw;overflow:hidden}.mobile-panel-dots{display:flex;align-items:center;justify-content:center;gap:0;background-color:var(--tabs-bg-color);border-bottom:1px solid var(--border-color-subtle);flex-shrink:0;height:32px}.mobile-panel-dots .dot{background:none;border:none;color:var(--text-color-muted);font-size:.7rem;font-weight:500;padding:6px 16px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid transparent}.mobile-panel-dots .dot.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.mobile-swipe-container{flex:1;overflow:hidden;touch-action:pan-y;position:relative}.mobile-swipe-track{display:flex;height:100%;will-change:transform}.mobile-panel{width:100vw;height:100%;overflow:hidden;flex-shrink:0}.mobile-panel .main-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-panel .side-bar-content{height:100%;overflow:hidden;display:flex;flex-direction:column;background-color:var(--side-bar-bg-color)}.Notes{display:flex;flex-direction:column;height:100%;min-width:200px;max-width:100%}.entity-tab-selector{position:relative;flex-shrink:0}.entity-tab-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s ease;color:var(--text-color);font-size:14px;text-align:left}.entity-tab-trigger:hover{background:#ffffff0a}.entity-tab-trigger.open{background:#ffffff0f;border-bottom-color:#ffffff1f}.entity-tab-trigger-icon{font-size:16px;flex-shrink:0;line-height:1}.entity-tab-trigger-label{flex:1;font-size:14px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-tab-trigger-chevron{font-size:9px;color:#ffffff4d;flex-shrink:0;transition:transform .2s ease}.entity-tab-trigger.open .entity-tab-trigger-chevron{transform:rotate(180deg)}.entity-tab-dropdown{position:absolute;top:100%;left:0;right:0;background:#18181cfa;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px #00000080;z-index:100;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.entity-tab-search-container{padding:8px 10px}.entity-tab-search-input{width:100%;padding:7px 10px;border:none;background:#ffffff0f;border-radius:6px;color:var(--text-color);font-size:13px;outline:none;transition:all .2s ease;box-sizing:border-box}.entity-tab-search-input:focus{background:#ffffff1a;box-shadow:0 0 0 1.5px #3b82f64d}.entity-tab-search-input::placeholder{color:#ffffff4d}.entity-tab-list{max-height:360px;overflow-y:auto;padding:2px 6px 6px}.entity-tab-list::-webkit-scrollbar{width:5px}.entity-tab-list::-webkit-scrollbar-track{background:transparent}.entity-tab-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.entity-tab-group{margin-bottom:2px}.entity-tab-group-label{padding:8px 10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff4d;-webkit-user-select:none;user-select:none}.entity-tab-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .12s ease;text-align:left;color:var(--text-color);margin-bottom:1px;font-size:13px}.entity-tab-item:hover,.entity-tab-item.highlighted{background:#ffffff12}.entity-tab-item.active{background:#3b82f61f}.entity-tab-item.active .entity-tab-item-label{color:var(--link-color)}.entity-tab-item-icon{font-size:15px;flex-shrink:0;line-height:1}.entity-tab-item-label{font-size:13px;font-weight:500;color:var(--text-color)}.entity-tab-empty{padding:16px;text-align:center;color:#ffffff4d;font-size:12px}.note-list{list-style-type:none;padding:8px 12px 60px;margin:0;display:flex;flex-direction:column;gap:2px;height:100%;overflow-y:auto;flex:1}.root-drop-zone{height:10px;margin:2px 4px;border-radius:4px;transition:background-color .15s ease,box-shadow .15s ease}.root-drop-zone.active{background-color:#4a90e21f;box-shadow:0 0 0 2px #4a90e240 inset}.loading-container{position:relative;display:flex;justify-content:center;align-items:center;height:100%;padding:40px 20px}.note-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.note-list::-webkit-scrollbar{width:6px;height:6px}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.note-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.note-list::-webkit-scrollbar-thumb:active{background-color:#ffffff61}.note-list::-webkit-scrollbar-corner{background:transparent}.note-item{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);cursor:pointer;border-radius:6px;transition:background-color .15s ease,border .15s ease,box-shadow .15s ease;min-height:56px;position:relative}.note-item:hover:not(.drop-target){background-color:#171616}.note-item:not(.dragging){cursor:pointer}.note-item-wrapper{display:flex;align-items:center;width:100%;gap:8px;padding:8px 12px;min-width:0}.drag-handle{background:none;border:none;cursor:grab;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:0;color:var(--low-contrast-text-color);border-radius:3px;transition:all .2s ease;flex-shrink:0;opacity:.6}.note-item:hover .drag-handle{opacity:1}.drag-handle:hover{background-color:var(--input-bg-color);color:var(--text-color)}.drag-handle:active{cursor:grabbing}.drag-icon{width:14px;height:14px}.note-item-content{display:flex;flex-direction:column;flex:1;cursor:pointer;min-width:0;gap:2px}.note-title-container{display:flex;align-items:center;gap:6px;min-width:0}.expand-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;color:var(--low-contrast-text-color);border-radius:3px;transition:all .2s ease;flex-shrink:0}.expand-button:hover{background-color:var(--input-bg-color);color:var(--text-color)}.expand-icon{width:12px;height:12px}.note-icon{margin-right:8px;color:var(--text-color);flex-shrink:0}.note-title{font-size:15px;color:var(--text-color);font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.shared-indicator{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.shared-icon{width:12px;height:12px;color:#60a5fab3;opacity:.8}.note-item:hover .shared-icon{opacity:1;color:#60a5fae6}.embedding-indicator{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.embedding-icon{width:12px;height:12px;color:#4ade80b3;opacity:.8}.note-item:hover .embedding-icon{opacity:1;color:#4ade80e6}.note-date{font-size:12px;color:var(--low-contrast-text-color);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-actions-container{display:flex;flex-shrink:0;opacity:0;transition:opacity .15s ease}.note-item:hover .note-actions-container{opacity:1}.note-action-btn{background-color:transparent;border:none;color:var(--low-contrast-text-color);cursor:pointer;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.note-action-btn:hover{color:var(--text-color);background-color:var(--input-bg-color)}.note-action-btn svg{width:16px;height:16px}.note-actions{display:flex;flex-direction:column;gap:2px;background-color:var(--context-menu-bg-color);border-radius:8px;padding:6px;min-width:180px;z-index:9998;border:1px solid var(--input-bg-color);box-shadow:0 8px 24px #0006,0 0 0 1px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:contextMenuAppear .15s ease-out}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.note-actions-container{position:static;opacity:1}.note-actions{position:absolute;top:100%;left:0;right:0;min-width:unset;width:100%;border-radius:0 0 8px 8px;box-sizing:border-box;z-index:100}}.vocabulary-content{display:flex;flex-direction:column;height:100%;padding:20px}.coming-soon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;height:100%;color:var(--text-color)}.coming-soon-icon{font-size:48px;margin-bottom:16px;opacity:.8}.coming-soon-content h4{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-color)}.coming-soon-content p{font-size:14px;color:var(--low-contrast-text-color);margin:0 0 16px;line-height:1.5}.feature-list{list-style:none;padding:0;margin:0 0 20px;max-width:300px}.feature-list li{font-size:13px;color:var(--low-contrast-text-color);position:relative;padding:8px 0 8px 20px}.feature-list li:before{content:"•";color:#4a90e2;position:absolute;left:0;top:8px}.preview-note{font-size:12px;color:var(--low-contrast-text-color);opacity:.7;font-style:italic;margin-top:8px}.note-actions .note-action{text-align:left;padding:8px 10px;color:var(--text-color);background-color:transparent;border:none;cursor:pointer;opacity:.9;display:flex;align-items:center;gap:8px;border-radius:4px;transition:all .2s ease;font-size:14px;white-space:nowrap}.note-actions .note-action:hover{opacity:1;background-color:var(--input-bg-color)}.note-actions .note-action.delete{color:#f44}.note-actions .note-action.delete:hover{background-color:#ff44441a}.note-actions .note-action .action-icon{width:16px;height:16px;flex-shrink:0}.note-actions .note-action.share-control{background-color:var(--input-bg-color);margin-left:12px;font-size:13px;opacity:.8}.note-actions .note-action.share-control:hover{background-color:var(--header-bg-color);opacity:1}.note-item.dragging{opacity:.4;transform:none;transition:opacity .2s ease}.note-item:not(.dragging){transition:all .3s cubic-bezier(.4,0,.2,1)}.drag-overlay-item{background:linear-gradient(145deg,#4a90e2f2,#4a90e2d9);border:2px solid #4a90e2;border-radius:8px;transform:scale(1.05) rotate(2deg);box-shadow:0 20px 40px #0006,0 0 0 1px #4a90e266,inset 0 1px #ffffff1a;z-index:1000;cursor:grabbing;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:none;animation:dragFloat 2s ease-in-out infinite}@keyframes dragFloat{0%,to{transform:scale(1.05) rotate(2deg) translateY(0)}50%{transform:scale(1.05) rotate(2deg) translateY(-2px)}}.drag-overlay-item .note-item{background-color:transparent;border:none;box-shadow:none;margin:0;padding:0;opacity:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.drag-overlay-item .note-title{color:#fff;font-weight:500}.drag-overlay-item .note-date{color:#fffc}.drag-overlay-item .drag-handle{color:#ffffffe6;opacity:1}.drag-overlay-item .drag-icon{color:#ffffffe6}.drag-overlay-item .note-actions-container{opacity:.7}.note-item.dragging .drag-handle,.note-item.dragging{cursor:grabbing}.note-item.drop-target{background-color:#4a90e21f;border:2px solid #4a90e2;border-radius:8px;transform:none!important;box-shadow:0 0 0 3px #4a90e240,inset 0 0 0 1px #4a90e226,0 4px 12px #4a90e226;transition:all .15s ease-in-out;animation:dropTargetPulse 1.5s ease-in-out infinite}@keyframes dropTargetPulse{0%,to{box-shadow:0 0 0 3px #4a90e240,inset 0 0 0 1px #4a90e226,0 4px 12px #4a90e226}50%{box-shadow:0 0 0 4px #4a90e259,inset 0 0 0 1px #4a90e233,0 6px 16px #4a90e240}}.note-item.drag-over{background-color:var(--input-bg-color);border-left:3px solid #4a90e2}.drop-indicator{height:2px;background-color:#4a90e2;margin:2px 0;border-radius:1px;opacity:0;transition:opacity .2s ease}.drop-indicator.active{opacity:1}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;padding:40px 20px;flex:1}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;width:100%;gap:16px}.empty-state-icon{width:48px;height:48px;color:var(--low-contrast-text-color);opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0;line-height:1.3}.empty-state-description{font-size:14px;color:var(--low-contrast-text-color);line-height:1.5;margin:0}.empty-state-button{background-color:var(--input-bg-color);color:var(--text-color);border:none;border-radius:6px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.empty-state-button:hover{background-color:var(--header-bg-color);transform:translateY(-1px)}@media(max-width:300px){.note-item-wrapper{gap:6px;padding:6px 8px}.note-title{font-size:14px}.note-date{font-size:11px}.empty-state-icon{width:40px;height:40px}.empty-state-title{font-size:16px}.empty-state-description{font-size:13px}}@media(min-width:400px){.note-list{padding:8px 16px}.note-item-wrapper{padding:10px 16px}}.vocabulary-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.vocabulary-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--side-bar-bg-color);flex-shrink:0}.vocabulary-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-color)}.vocabulary-subtitle{margin:0;font-size:13px;color:var(--low-contrast-text-color);opacity:.8}.tag-list{list-style:none;padding:8px 0;margin:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.tag-list::-webkit-scrollbar{width:6px;height:6px}.tag-list::-webkit-scrollbar-track{background:transparent}.tag-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.tag-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.tag-list::-webkit-scrollbar-thumb:active{background-color:#ffffff61}.tag-list::-webkit-scrollbar-corner{background:transparent}.tag-item{margin-bottom:1px;transition:all .2s ease}.tag-item:hover{background-color:#ffffff05}.tag-item-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.tag-item-wrapper:hover{background-color:#ffffff0d}.tag-item-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.tag-title-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.expand-button{width:20px;height:20px;border:none;background:none;color:var(--low-contrast-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;flex-shrink:0}.expand-button:hover{background-color:#ffffff1a;color:var(--text-color)}.expand-icon{width:14px;height:14px}.tag-title{flex:1;min-width:0}.tag-category{font-size:14px;font-weight:500;color:var(--text-color);opacity:.9}.tag-name{font-size:14px;font-weight:400;color:var(--text-color);opacity:.8}.tag-info{display:flex;align-items:center;gap:8px;flex-shrink:0}.tag-usage-count{font-size:12px;color:var(--low-contrast-text-color);opacity:.7;background-color:#ffffff0d;padding:2px 6px;border-radius:8px;font-weight:500}.tag-item-content[data-category=people] .tag-name{color:#a855f7}.tag-item-content[data-category=places] .tag-name{color:#22c55e}.tag-item-content[data-category=things] .tag-name{color:#f97316}.tag-item-content[data-category=actions] .tag-name{color:#3b82f6}.tag-item-content[data-category=writing-styles] .tag-name{color:#ec4899}.tag-item-content[data-category=emotions] .tag-name{color:#eab308}.tag-item-content[data-category=relationships] .tag-name{color:#ef4444}.tag-item-content[data-category=other] .tag-name{color:#6b7280}.tag-item-wrapper[data-category=people]{border-left:3px solid #a855f7}.tag-item-wrapper[data-category=places]{border-left:3px solid #22c55e}.tag-item-wrapper[data-category=things]{border-left:3px solid #f97316}.tag-item-wrapper[data-category=actions]{border-left:3px solid #3b82f6}.tag-item-wrapper[data-category=writing-styles]{border-left:3px solid #ec4899}.tag-item-wrapper[data-category=emotions]{border-left:3px solid #eab308}.tag-item-wrapper[data-category=relationships]{border-left:3px solid #ef4444}.tag-item-wrapper[data-category=other]{border-left:3px solid #6b7280}.tag-actions-container{display:flex;flex-shrink:0;opacity:0;transition:opacity .15s ease}.tag-item:hover .tag-actions-container{opacity:1}.tag-delete-btn{background-color:transparent;border:none;color:var(--low-contrast-text-color);cursor:pointer;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tag-delete-btn:hover{background-color:#ef44441a;color:#ef4444}.tag-delete-btn svg{width:14px;height:14px}.load-more-sentinel{display:flex;justify-content:center;align-items:center;padding:16px;min-height:1px}.spinner-small{width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fffffff2}.modal-body{padding:24px;color:#ffffffb3;font-size:14px;line-height:1.6}.modal-body p{margin:0 0 12px}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:#ffffffe6;font-weight:600}.modal-body .warning-text{color:#ff9800;background:#ff98001a;padding:12px;border-radius:6px;border-left:3px solid #ff9800;margin-top:16px;font-size:13px}.modal-actions{padding:16px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08)}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#ffffff14;color:#ffffffb3}.btn-cancel:hover{background:#ffffff1f;color:#ffffffe6}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-delete:active{transform:translateY(0)}.sidebar-account-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-color);font-size:13px;cursor:pointer;flex-shrink:0;transition:background .15s ease}.sidebar-account-btn:hover{background:var(--hovered-button-bg-color);color:var(--accent-color)}.sidebar-account-icon{font-size:14px}.entity-list-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.entity-list-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);flex-shrink:0;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.entity-list-header .search-input{position:relative;display:flex;align-items:center;background-color:var(--input-bg-color);border-radius:6px;width:100%;min-width:100px;border:1px solid transparent;transition:border-color .2s ease}.entity-list-header .search-input:focus-within{border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.entity-list-header .search-input input{padding:10px 40px 10px 12px;border:none;background-color:transparent;color:var(--text-color);border-radius:6px;width:100%;font-size:14px;line-height:1.4}.entity-list-header .search-input input:focus{outline:none}.entity-list-header .search-input input::placeholder{color:var(--low-contrast-text-color)}.entity-list-header .search-input .clear-btn{position:absolute;right:8px;color:var(--low-contrast-text-color);cursor:pointer;background:none;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.entity-list-header .search-input .clear-btn:hover{color:var(--text-color);background-color:#ffffff1a}.entity-list-header .search-input .clear-btn svg{width:14px;height:14px}.entity-list-header .create-btn{width:36px;height:36px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.entity-list-header .create-btn:hover{border-color:#ffffff1a;background-color:var(--header-bg-color)}.entity-list-header .create-btn.active{border-color:#4a90e2}.entity-list-header .create-btn svg{width:18px;height:18px}.entity-list{list-style-type:none;padding:8px 12px 60px;margin:0;display:flex;flex-direction:column;gap:2px;height:100%;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.entity-list::-webkit-scrollbar{width:6px}.entity-list::-webkit-scrollbar-track{background:transparent}.entity-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px}.entity-item{display:flex;align-items:center;color:var(--text-color);cursor:pointer;border-radius:6px;transition:background-color .15s ease;min-height:56px;padding:10px 12px}.entity-item:hover{background-color:#171616}.entity-item.active{background-color:#4a90e21f}.entity-item-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.entity-item-title{font-size:15px;color:var(--text-color);font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-item-subtitle{font-size:12px;color:var(--low-contrast-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--low-contrast-text-color)}.entity-status-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.entity-status-badge.confirmed,.entity-status-badge.active,.entity-status-badge.published{background-color:#4ade8026;color:#4ade80}.entity-status-badge.draft,.entity-status-badge.tentative{background-color:#facc1526;color:#facc15}.entity-status-badge.cancelled,.entity-status-badge.archived{background-color:#ef444426;color:#ef4444}.entity-empty-state{display:flex;justify-content:center;align-items:center;height:100%;padding:40px 20px;flex:1}.entity-empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;width:100%;gap:16px}.entity-empty-state-content h3{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.entity-empty-state-content p{font-size:14px;color:var(--low-contrast-text-color);line-height:1.5;margin:0}.entity-list-filters-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.entity-list-filters-toggle{padding:4px 10px;background-color:var(--input-bg-color);color:var(--low-contrast-text-color);border:1px solid transparent;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.entity-list-filters-toggle:hover,.entity-list-filters-toggle.active{color:var(--text-color);border-color:#ffffff1a}.filter-clear-btn{padding:4px 8px;background:none;border:none;color:#4a90e2;font-size:12px;cursor:pointer}.filter-clear-btn:hover{text-decoration:underline}.entity-list-filters{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);max-height:300px;overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.filter-facet-section{margin-bottom:8px}.filter-facet-section:last-child{margin-bottom:0}.filter-facet-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 0;background:none;border:none;color:var(--text-color);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.filter-facet-chevron{color:var(--low-contrast-text-color);font-size:14px}.filter-facet-values{display:flex;flex-direction:column;gap:2px;padding-top:4px}.filter-value-item{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:13px;color:var(--text-color);cursor:pointer}.filter-value-item.dimmed{opacity:.4}.filter-value-item input[type=checkbox]{accent-color:#4a90e2;width:14px;height:14px;cursor:pointer}.filter-value-count{color:var(--low-contrast-text-color);font-size:11px;margin-left:auto}.loading-spinner-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c0c0c;z-index:9999;gap:48px}.loading-spinner{display:flex;align-items:center;gap:16px}.spinner-ring{width:32px;height:28px;clip-path:polygon(50% 0%,0% 100%,100% 100%);transition:all .3s ease}.spinner-ring:nth-child(1){background:#d2678a;opacity:.25;animation:glow-1 3s ease-in-out infinite}.spinner-ring:nth-child(2){background:#5b9eb8;opacity:.25;animation:glow-2 3s ease-in-out infinite}.spinner-ring:nth-child(3){background:#5bb88a;opacity:.25;animation:glow-3 3s ease-in-out infinite}.spinner-core{display:none}@keyframes glow-1{0%,to{opacity:.25;filter:drop-shadow(0 0 0 transparent);transform:translateY(0)}10%,30%{opacity:1;filter:drop-shadow(0 0 12px #d2678a);transform:translateY(-4px)}}@keyframes glow-2{0%,to{opacity:.25;filter:drop-shadow(0 0 0 transparent);transform:translateY(0)}35%,55%{opacity:1;filter:drop-shadow(0 0 12px #5b9eb8);transform:translateY(-4px)}}@keyframes glow-3{0%,to{opacity:.25;filter:drop-shadow(0 0 0 transparent);transform:translateY(0)}60%,80%{opacity:1;filter:drop-shadow(0 0 12px #5bb88a);transform:translateY(-4px)}}.loading-text{display:flex;gap:3px;font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase}.loading-text span{color:#fff6;animation:text-fade 3s ease-in-out infinite}.loading-text span:nth-child(1){animation-delay:0s}.loading-text span:nth-child(2){animation-delay:.08s}.loading-text span:nth-child(3){animation-delay:.16s}.loading-text span:nth-child(4){animation-delay:.24s}.loading-text span:nth-child(5){animation-delay:.32s}.loading-text span:nth-child(6){animation-delay:.4s}.loading-text span:nth-child(7){animation-delay:.48s}@keyframes text-fade{0%,to{color:#ffffff4d}50%{color:#ffffffb3}}.today-events{display:flex;flex-direction:column;height:100%;padding:16px}.today-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.today-title{font-size:14px;font-weight:600;color:var(--text-color);margin:0}.today-date{font-size:12px;color:var(--low-contrast-text-color)}.today-list{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.today-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.today-item:hover{background:#ffffff0a}.today-item-time{flex-shrink:0;width:60px;font-size:12px;color:var(--low-contrast-text-color);font-variant-numeric:tabular-nums}.today-item-indicator{flex-shrink:0;width:3px;height:24px;border-radius:2px}.today-item-indicator.type-call{background:#60a5fa}.today-item-indicator.type-email{background:#f59e0b}.today-item-indicator.type-meeting{background:#22c55e}.today-item-indicator.type-task{background:#8b5cf6}.today-item-indicator.type-default{background:#4a90e2}.today-item-content{flex:1;min-width:0}.today-item-title{font-size:13px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-item-location{font-size:11px;color:var(--low-contrast-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.today-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--low-contrast-text-color);font-size:13px;gap:4px;padding:32px 16px}.today-empty-icon{font-size:24px;opacity:.5;margin-bottom:4px}.dashboard{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px;gap:20px}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--low-contrast-text-color);font-size:14px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-size:18px;font-weight:600;color:var(--text-color)}.dashboard-stripe-link{font-size:12px;color:#635bff;text-decoration:none;transition:color .15s}.dashboard-stripe-link:hover{color:#a78bfa}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.dashboard-metric{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px;text-align:center}.dashboard-metric-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.dashboard-metric-label{font-size:11px;color:var(--low-contrast-text-color);margin-top:2px;text-transform:uppercase;letter-spacing:.03em}.dashboard-alert{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:10px 14px;color:#f59e0b;font-size:13px;font-weight:500}.dashboard-section{display:flex;flex-direction:column;gap:2px}.dashboard-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--low-contrast-text-color);margin-bottom:6px}.dashboard-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;transition:background .15s}.dashboard-row:hover{background:#ffffff08}.dashboard-row-label{font-size:13px;color:var(--text-color);font-weight:500}.dashboard-row-meta{font-size:12px;color:var(--low-contrast-text-color);margin-left:8px}.dashboard-row-value{font-size:12px;color:var(--low-contrast-text-color);font-variant-numeric:tabular-nums}.range-slider-container{width:100%;padding:6px 0}.range-slider{position:relative;height:4px;background-color:#e0e0e0;border-radius:2px;cursor:pointer}.range-slider-track{position:absolute;inset:0}.range-slider-fill{position:absolute;top:0;left:0;bottom:0;background-color:#3498db;border-radius:2px}.range-slider-thumb{position:absolute;top:50%;width:16px;height:16px;background-color:#3498db;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.range-slider-label{margin-top:8px;text-align:center;font-size:13px;color:#9aa0a6}.range-slider-label-button{background:transparent;border:1px dashed rgba(154,160,166,.35);color:inherit;font:inherit;padding:2px 8px;border-radius:6px;cursor:text;transition:border-color .15s ease,background-color .15s ease}.range-slider-label-button:hover,.range-slider-label-button:focus{border-color:#9aa0a699;background-color:#9aa0a614;outline:none}.range-slider-input{width:120px;max-width:50%;padding:6px 8px;border-radius:6px;border:1px solid var(--border-color, #444);background-color:var(--input-bg-color, #262626);color:var(--text-color, #fff);text-align:center;outline:none}.range-slider-input:focus{border-color:var(--link-color, #d2678a);box-shadow:0 0 0 3px #d2678a26}.collapsible-section{margin-bottom:12px}.collapsible-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:#ffffff08;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ffffffd9;font-size:13px;font-weight:600;text-align:left}.collapsible-header:hover{background:#ffffff0f}.collapsible-chevron{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:#ffffff80}.collapsible-chevron.open{transform:rotate(90deg)}.collapsible-title{flex:1}.collapsible-content{padding:12px 0 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.persona-selector{position:relative;margin-bottom:16px}.persona-selector-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:#ffffff0a;border-radius:0;cursor:pointer;transition:all .2s ease;color:var(--text-color);font-size:14px;text-align:left;box-shadow:0 2px 8px #00000026}.persona-selector-trigger:hover{background:#ffffff12;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.persona-selector-trigger.open{background:#ffffff14;box-shadow:0 4px 16px #00000040}.persona-trigger-emoji{font-size:24px;flex-shrink:0;line-height:1;margin-top:2px}.persona-trigger-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.persona-trigger-name{font-size:15px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persona-trigger-description{font-size:12px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.persona-trigger-chevron{font-size:10px;color:#fff6;flex-shrink:0;margin-top:6px;transition:transform .2s ease}.persona-selector-trigger.open .persona-trigger-chevron{transform:rotate(180deg)}.persona-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1e1e23fa;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;z-index:100;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.persona-search-container{padding:12px}.persona-search-input{width:100%;padding:10px 14px;border:none;background:#ffffff0f;border-radius:8px;color:var(--text-color);font-size:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.persona-search-input:focus{background:#ffffff1a;box-shadow:0 0 0 2px #3b82f64d}.persona-search-input::placeholder{color:#ffffff59}.persona-list{max-height:300px;overflow-y:auto;padding:4px 8px 8px}.persona-list::-webkit-scrollbar{width:6px}.persona-list::-webkit-scrollbar-track{background:transparent}.persona-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.persona-list::-webkit-scrollbar-thumb:hover{background:#fff3}.persona-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;color:var(--text-color);margin-bottom:2px}.persona-item:hover,.persona-item.highlighted{background:#ffffff14}.persona-item.active{background:#3b82f61f}.persona-item.active .persona-item-name{color:var(--link-color)}.persona-item-emoji{font-size:22px;flex-shrink:0;line-height:1;margin-top:1px}.persona-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.persona-item-name{font-size:14px;font-weight:500;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persona-item-description{font-size:12px;color:#ffffff73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.persona-item-add{margin-top:8px;padding-top:12px;position:relative}.persona-item-add:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:#ffffff14}.persona-item-add .persona-item-name{color:var(--link-color)}.persona-item-add .persona-item-emoji{opacity:.8}.persona-empty{padding:24px;text-align:center;color:#ffffff59;font-size:13px}.emoji-picker-container{position:relative}.emoji-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:4px;width:56px;padding:8px 6px;border:1px solid rgba(255,255,255,.12);background-color:#00000059;color:var(--text-color);border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}.emoji-picker-trigger:hover{border-color:#fff3;background-color:#00000073}.emoji-picker-trigger:focus{outline:none;border-color:var(--link-color);box-shadow:0 0 0 2px #3b82f633}.emoji-picker-trigger.open{border-color:var(--link-color);background-color:#00000080}.emoji-picker-value{flex:1;text-align:center}.emoji-picker-chevron{font-size:10px;color:#ffffff80;transition:transform .2s ease}.emoji-picker-trigger.open .emoji-picker-chevron{transform:rotate(180deg)}.emoji-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:240px;max-height:280px;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d inset;padding:8px;animation:emojiDropdownFadeIn .15s ease-out}@keyframes emojiDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-dropdown::-webkit-scrollbar{width:6px}.emoji-picker-dropdown::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px;margin:4px 0}.emoji-picker-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background .2s ease}.emoji-picker-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff40}.emoji-picker-dropdown{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.03)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-picker-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:6px;font-size:18px;cursor:pointer;transition:all .15s ease}.emoji-picker-option:hover{background:#ffffff1a;transform:scale(1.15)}.emoji-picker-option:active{transform:scale(1.05)}.emoji-picker-option.selected{background:#3b82f640;box-shadow:0 0 0 2px #3b82f666}.emoji-picker-option.selected:hover{background:#3b82f659}.ai-panel-component{display:flex;flex-direction:column;height:100%;position:relative;background-color:var(--bg-color);border-left:1px solid var(--border-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ai-tab-component{display:flex;flex-direction:column;height:100%;background-color:var(--bg-color);border-left:1px solid var(--border-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ai-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.ai-panel-title{margin:0;font-size:16px;font-weight:600;color:#fffffff2}.ai-panel-close{padding:4px 8px;border:none;background:none;color:#ffffff80;cursor:pointer;font-size:18px;border-radius:4px;transition:all .2s ease}.ai-panel-close:hover{background:#ffffff1a;color:#ffffffe6}.ai-panel-content{flex:1;overflow-y:auto;padding:0 14px 16px}.persona-basic-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.persona-name-row{display:flex;gap:8px;align-items:center}.persona-name-input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:var(--text-color);border-radius:8px;font-size:14px;font-weight:500}.persona-name-input:focus{outline:none;border-color:var(--link-color);background-color:#0000004d}.persona-description-input{padding:10px 14px;border:1px solid rgba(255,255,255,.08);background-color:#00000026;color:#ffffffb3;border-radius:8px;font-size:13px}.persona-description-input:focus{outline:none;border-color:var(--link-color);background-color:#00000040;color:var(--text-color)}.persona-delete-btn{padding:8px 12px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#f87171e6;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.persona-delete-btn:hover{background:#ef444426;border-color:#ef444466}.persona-model-section{margin-bottom:16px}.persona-model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.clear-override-btn{padding:4px 8px;border:none;background:#3b82f61a;color:#3b82f6e6;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s ease}.clear-override-btn:hover{background:#3b82f633}.model-settings-grid{display:flex;flex-direction:column;gap:12px}.setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.clear-setting-btn{padding:2px 6px;border:none;background:#ef44441a;color:#f87171cc;border-radius:4px;cursor:pointer;font-size:12px;line-height:1;transition:all .2s ease}.clear-setting-btn:hover{background:#ef444433;color:#f87171}.setting.full-width{grid-column:1 / -1}.template-variables-section{margin-top:16px;padding:14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.template-variables-title{margin:0 0 10px;font-size:12px;font-weight:600;color:#ffffffb3}.template-variables-grid{display:flex;flex-wrap:wrap;gap:6px}.template-variables-grid code{background-color:#3b82f626;color:#93c5fdf2;padding:4px 8px;border-radius:4px;font-size:11px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;border:1px solid rgba(59,130,246,.2);cursor:pointer;transition:all .2s ease}.template-variables-grid code:hover{background-color:#3b82f640;border-color:#3b82f659}.tab-navigation{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--side-bar-bg-color);flex-shrink:0;height:44px;padding:0 4px}.tab-button{flex:1;padding:10px 12px;border:none;background:none;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease;border-radius:6px;margin:4px 2px;position:relative}.tab-button:hover{background-color:#ffffff0d;color:#fffc}.tab-button.active{background-color:#ffffff14;color:#fffffff2;box-shadow:0 1px 3px #0003}.tab-button.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--link-color);border-radius:1px}.tab-content{flex:1;overflow-y:auto;padding:16px 14px}.model-settings-content{color:var(--text-color);max-width:480px}.model-settings-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#fffffff2}.model-settings-content .available-models{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:6px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.model-settings-content .available-models button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff08;color:#ffffffd9;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-settings-content .available-models button:hover{background-color:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.model-settings-content .available-models button.active{background-color:var(--link-color);border-color:var(--link-color);color:#fff;box-shadow:0 2px 8px #3b82f640}.model-settings-content .available-models .toggle{display:flex;align-items:center;gap:8px}.model-settings-content .available-models .toggle .selected-model-label{flex:1 1 auto}.model-settings-content .available-models .toggle .chevron{flex-shrink:0}.model-settings-content .available-models .selected-model-label{flex:1 1 auto;min-width:0}.model-settings-content .available-models .model-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.model-settings-content .available-models .model-cost{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:.8rem;opacity:.7}.model-settings-content .available-models .cost-icon{width:14px;height:14px}.model-settings-content .available-models .chevron{transition:transform .15s ease}.model-settings-content .available-models .chevron.open{transform:rotate(180deg)}.model-settings-content .setting{margin:0 0 12px}.model-settings-content .setting.hidden{display:none}.model-settings-content .setting label{display:block;margin-bottom:4px;font-size:12px;color:#ffffffb3;font-weight:500}.model-settings-content .control-group{display:flex;gap:4px;padding:2px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.model-settings-content .control{flex:1;padding:6px 12px;border:none;background-color:transparent;color:#ffffffb3;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.model-settings-content .control:hover{background-color:#ffffff14;color:#ffffffe6}.model-settings-content .control:disabled{background-color:var(--link-color);color:#fff;cursor:default;box-shadow:0 1px 3px #3b82f64d}.model-settings-content .setting input[type=text]{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff08;color:var(--text-color);border-radius:8px;font-size:14px;transition:all .2s ease}.model-settings-content .setting input[type=text]:focus{outline:none;border-color:var(--link-color);background-color:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a}.context-control-content{color:var(--text-color);max-width:600px}.context-control-content h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#fffffff2}.context-control-content .rag-header{margin-top:32px}.context-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.rag-section{display:grid;grid-template-columns:1fr;gap:12px;padding:18px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06)}@media(min-width:480px){.rag-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.rag-section .context-item{margin:0}.context-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid rgba(255,255,255,.08);background-color:#ffffff05;color:var(--text-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;min-height:48px}.context-item:hover{background-color:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.context-name{flex:1;text-align:left;font-weight:500;padding-right:12px}.context-edit{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.check-icon,.x-icon{width:18px;height:18px;flex-shrink:0}.check-icon{color:#10b981}.x-icon{color:#fff6}.context-edit span{display:flex;align-items:center;justify-content:center;min-width:18px;min-height:18px;font-weight:600}.prompt-template-section{margin-top:20px}.prompt-tab-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:2px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.prompt-tab-button{flex:1 1 120px;min-width:120px;padding:8px 12px;border:none;background-color:transparent;color:#ffffffb3;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.prompt-tab-emoji{margin-right:6px}.prompt-tab-title{vertical-align:middle}.prompt-tab-button .delete-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;border:none;background:#ef4444cc;color:#fff;border-radius:50%;cursor:pointer;font-size:10px;display:none;align-items:center;justify-content:center;transition:all .15s ease;z-index:1}.prompt-tab-button:hover .delete-btn{display:flex}.prompt-tab-button .delete-btn:hover{background:#ef4444;transform:scale(1.1)}.prompt-tab-button:hover{background-color:#ffffff14;color:#ffffffe6;animation:jiggle .6s ease-in-out}.prompt-tab-button.active{background-color:var(--link-color);color:#fff;box-shadow:0 2px 8px #3b82f640}.prompt-editing-area{display:flex;flex-direction:column;gap:16px;padding:14px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.prompt-field{display:flex;flex-direction:column;gap:4px}.prompt-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prompt-help{margin-top:4px;font-size:11px;color:#fff9;line-height:1.4}.prompt-select{flex:0 0 auto;min-width:0;padding:8px 36px 8px 12px;border:1px solid rgba(255,255,255,.12);background-color:#00000059;color:var(--text-color);border-radius:8px;font-size:13px;font-weight:500;line-height:1.3;transition:all .2s ease;appearance:none;box-shadow:0 1px 4px #0000001a;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.9) 50%),linear-gradient(135deg,rgba(255,255,255,.9) 50%,transparent 50%);background-position:right 14px center,right 8px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box}.select-fade{position:relative;flex:1 1 260px;min-width:240px}.select-fade:after{content:"";position:absolute;top:6px;right:36px;width:40px;height:calc(100% - 12px);pointer-events:none;background:linear-gradient(to right,#0000,#00000040);border-top-right-radius:10px;border-bottom-right-radius:10px}.emoji-select{flex:0 0 auto;min-width:unset;width:56px;padding-left:8px;padding-right:20px;text-align:center}.prompt-select:hover{background-color:#0000006b;border-color:#ffffff2e;box-shadow:0 3px 14px #0003,inset 0 1px #ffffff14}.prompt-select:focus{outline:none;border-color:var(--link-color);background-color:#00000075;box-shadow:0 0 0 3px #3b82f638,0 3px 14px #00000038}.prompt-select:active{transform:translateY(.5px)}.prompt-select option,.prompt-select optgroup{background-color:var(--side-bar-bg-color);color:var(--text-color)}.prompt-inline{display:inline-flex;align-items:center;gap:8px;color:#ffffffd9;font-size:13px}.prompt-label{font-size:12px;color:#ffffffb8;font-weight:600;margin:0 0 2px}.prompt-hint{font-size:11px;color:#ffffff73;margin:0 0 6px;font-style:italic}.output-mode-toggle{display:flex;gap:4px;padding:3px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.output-mode-toggle .control{flex:1;padding:8px 16px;border:none;background-color:transparent;color:#ffffffb3;border-radius:7px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.output-mode-toggle .control:hover:not(:disabled){background-color:#ffffff14;color:#ffffffe6}.output-mode-toggle .control:disabled{background-color:var(--link-color);color:#fff;cursor:default;box-shadow:0 1px 3px #3b82f64d}.output-mode-hint{margin-top:8px;font-style:normal}.interaction-mode-buttons{display:flex;gap:4px;padding:3px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.interaction-mode-btn{flex:1;padding:8px 16px;border:none;background-color:transparent;color:#ffffffb3;border-radius:7px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.interaction-mode-btn:hover:not(.active){background-color:#ffffff14;color:#ffffffe6}.interaction-mode-btn.active{background-color:var(--link-color);color:#fff;cursor:default;box-shadow:0 1px 3px #3b82f64d}.collapsible-textarea{position:relative;width:100%}.collapsible-textarea-content{transition:max-height .2s ease}.collapsible-textarea-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:var(--text-color);border-radius:8px;font-size:13px;font-family:inherit;line-height:1.5;outline:none;resize:none;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease,height .2s ease}.collapsible-textarea.collapsed .collapsible-textarea-input{height:72px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.collapsible-textarea.collapsed .collapsible-textarea-input::-webkit-scrollbar{display:none}.collapsible-textarea.expanded{position:relative;z-index:5}.collapsible-textarea.expanded .collapsible-textarea-input{height:auto;min-height:120px;max-height:240px;overflow-y:auto;background-color:var(--side-bar-bg-color, #1a1a2e);box-shadow:0 8px 24px #00000080}.collapsible-textarea-input:focus{border-color:var(--link-color);background-color:#0000004d}.collapsible-textarea-input::placeholder{color:#fff6}.collapsible-textarea-fade{position:absolute;bottom:28px;left:1px;right:1px;height:28px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);border-bottom-left-radius:7px;border-bottom-right-radius:7px;pointer-events:none}.collapsible-textarea-actions{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px}.collapsible-textarea-toggle{display:block;flex:1;padding:4px 0;border:none;background:none;color:var(--link-color);font-size:11px;font-weight:500;cursor:pointer;text-align:center;opacity:.8;transition:opacity .2s ease}.collapsible-textarea-toggle:hover{opacity:1}.collapsible-textarea-expand-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:#fff6;cursor:pointer;border-radius:4px;transition:color .2s ease,background-color .2s ease}.collapsible-textarea-expand-btn:hover{color:var(--link-color);background-color:#ffffff0f}.collapsible-textarea-fullpanel{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background-color:var(--side-bar-bg-color, #141414)}.collapsible-textarea-fullpanel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.collapsible-textarea-fullpanel-label{font-size:13px;font-weight:600;color:#ffffffd9}.collapsible-textarea-fullpanel-close{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:none;color:#ffffff80;cursor:pointer;border-radius:6px;transition:color .2s ease,background-color .2s ease}.collapsible-textarea-fullpanel-close:hover{color:var(--link-color);background-color:#ffffff0f}.collapsible-textarea-fullpanel-input{flex:1;width:100%;padding:16px;border:none;background-color:transparent;color:var(--text-color);font-size:13px;font-family:inherit;line-height:1.6;outline:none;resize:none;box-sizing:border-box}.prompt-textarea{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:var(--text-color);border-radius:10px;font-size:14px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.5;resize:vertical;min-height:72px;transition:all .2s ease;box-sizing:border-box}.prompt-textarea:focus{outline:none;border-color:var(--link-color);background-color:#0000004d;box-shadow:0 0 0 3px #3b82f61a}.prompt-textarea::placeholder{color:#fff6}.prompt-info{font-size:12px;color:#fff9;padding:12px 16px;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06);margin-top:8px;line-height:1.6}.prompt-info br{margin-bottom:4px}.prompt-info strong{color:#fffc}.prompt-info code{background-color:#3b82f626;color:#93c5fdf2;padding:2px 6px;border-radius:4px;font-size:11px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;border:1px solid rgba(59,130,246,.2)}.prompt-input{width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:var(--text-color);border-radius:10px;font-size:15px;font-weight:500;transition:all .2s ease;box-sizing:border-box;line-height:1.4}.prompt-input:focus{outline:none;border-color:var(--link-color);background-color:#0000004d;box-shadow:0 0 0 3px #3b82f61a}.prompt-input::placeholder{color:#fff6}.prompt-actions{display:flex;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.delete-template-button{padding:10px 20px;border:1px solid rgba(239,68,68,.3);background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#f87171e6;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.delete-template-button:hover{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef444466;color:#f87171;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.delete-template-button:active{transform:translateY(0);box-shadow:0 2px 6px #ef444433}.delete-template-button:before{content:"🗑️";font-size:12px}.prompt-tab-button.add-button{flex:1 1 120px;min-width:120px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6e6;transition:all .3s cubic-bezier(.4,0,.2,1)}.prompt-tab-button.add-button:hover{background-color:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.agent-content{display:flex;flex-direction:column;height:100%;color:var(--text-color);max-width:700px}.chat-header{margin-bottom:20px}.chat-header{display:flex;align-items:center;gap:12px}.chat-header h3{margin:0;font-size:18px;font-weight:600;color:#fffffff2}.coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b4d}.chat-messages{flex:1;overflow-y:auto;margin-bottom:20px;max-height:400px;padding:0 4px}.message{margin-bottom:16px}.message-content{padding:12px 16px;border-radius:12px;max-width:100%;position:relative}.user-message .message-content{background:linear-gradient(135deg,var(--link-color),#4f46e5);color:#fff;margin-left:20%;box-shadow:0 2px 8px #3b82f640}.assistant-message .message-content{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-color);margin-right:20%}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap}.message-timestamp{font-size:11px;opacity:.6;margin-top:6px}.chat-input-container{margin-top:auto}.chat-input-wrapper{position:relative;display:flex;align-items:flex-end;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 50px 14px 18px;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:var(--link-color);background-color:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a}.chat-input{flex:1;border:none;background:none;color:var(--text-color);font-size:14px;resize:none;font-family:inherit;outline:none;min-height:20px;max-height:120px;line-height:1.5}.chat-input::placeholder{color:#ffffff80}.send-button{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border:none;background:linear-gradient(135deg,var(--link-color),#4f46e5);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;box-shadow:0 2px 8px #3b82f64d}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.send-button:disabled{opacity:.4;cursor:not-allowed;background:#ffffff1a;box-shadow:none}.send-icon{width:16px;height:16px;transform:rotate(45deg)}.coming-soon-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;margin-bottom:20px}.coming-soon-icon{font-size:48px;margin-bottom:20px;opacity:.8}.coming-soon-content h4{margin:0 0 16px;font-size:20px;font-weight:600;color:#fffffff2}.coming-soon-content p{margin:0 0 20px;font-size:14px;color:#ffffffb3;line-height:1.5;max-width:400px}.feature-list{list-style:none;padding:0;margin:0 0 24px;text-align:left;max-width:400px}.feature-list li{font-size:14px;color:#fffc;position:relative;padding:8px 0 8px 20px}.feature-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.preview-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px 16px;font-size:12px;color:#3b82f6e6;font-style:italic;max-width:400px}.chat-input-container.disabled{opacity:.5;pointer-events:none}.chat-input-container.disabled .chat-input-wrapper{background-color:#ffffff05;border-color:#ffffff0f}.send-button.disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a;box-shadow:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tab-content,.chat-messages,.prompt-textarea{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0c0c0c;padding:20px}.auth-card{background:var(--side-bar-bg-color, rgb(24, 24, 24));border-radius:12px;border:1px solid var(--border-color, #444);box-shadow:0 20px 60px #00000080;padding:40px;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:32px;font-weight:700;color:var(--text-color, #fff);margin:0 0 8px;letter-spacing:-.02em}.auth-subtitle{font-size:15px;color:var(--low-contrast-text-color, #999);margin:0}.auth-tabs{display:flex;gap:4px;margin-bottom:28px;background:var(--input-bg-color, rgb(38, 38, 38));border-radius:8px;padding:4px}.auth-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--low-contrast-text-color, #999);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.auth-tab:hover{background:#ffffff0d;color:var(--text-color, #fff)}.auth-tab.active{background:var(--document-bg-color, #1e1e1e);color:var(--text-color, #fff);box-shadow:0 2px 8px #0000004d}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{padding:12px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:8px;font-size:14px;text-align:center}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:13px;font-weight:500;color:var(--low-contrast-text-color, #999);text-transform:uppercase;letter-spacing:.05em}.auth-input{padding:14px 16px;background:var(--input-bg-color, rgb(38, 38, 38));border:1px solid var(--border-color, #444);border-radius:8px;font-size:15px;color:var(--text-color, #fff);transition:all .2s}.auth-input::placeholder{color:var(--low-contrast-text-color, #666)}.auth-input:focus{outline:none;border-color:var(--link-color, #d2678a);box-shadow:0 0 0 3px #d2678a26}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-button{padding:14px 24px;background:var(--link-color, #d2678a);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.auth-button:hover:not(:disabled){background:#c45577;transform:translateY(-1px);box-shadow:0 4px 16px #d2678a4d}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:28px;text-align:center;font-size:14px;color:var(--low-contrast-text-color, #999)}.auth-footer p{margin:0}.auth-link{background:none;border:none;color:var(--link-color, #d2678a);font-weight:600;cursor:pointer;padding:0;transition:color .2s}.auth-link:hover{color:#e88aa3;text-decoration:underline}.beta-description{color:#94a3b8;font-size:14px;line-height:1.5;margin-top:8px}.beta-success{text-align:center;padding:20px 0}.beta-success-icon{width:48px;height:48px;margin:0 auto 16px;background:#22c55e26;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.beta-success-title{font-size:20px;font-weight:600;color:#f1f5f9;margin-bottom:8px}.beta-success-text{color:#94a3b8;font-size:14px;line-height:1.5}@media(max-width:480px){.auth-card{padding:28px 20px}.auth-title{font-size:26px}}.media-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.media-picker{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:600px;max-height:500px;display:flex;flex-direction:column;overflow:hidden}.media-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.media-picker-tabs{display:flex;gap:4px}.media-picker-tab{padding:6px 14px;background:none;border:none;color:var(--low-contrast-text-color);font-size:13px;cursor:pointer;border-radius:4px}.media-picker-tab.active{background:#4a90e226;color:#4a90e2}.media-picker-close{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:4px;border-radius:4px}.media-picker-close:hover{color:var(--text-color)}.media-picker-close svg{width:18px;height:18px}.media-picker-search{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.media-picker-search input{width:100%;padding:8px 12px;background:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;font-size:14px}.media-picker-search input:focus{outline:none;border-color:#4a90e2}.media-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;overflow-y:auto;flex:1}.media-picker-item{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;background:#ffffff0d}.media-picker-item:hover{border-color:#4a90e2}.media-picker-item img{width:100%;height:100%;object-fit:cover}.media-picker-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px;color:var(--low-contrast-text-color)}.media-picker-upload{padding:24px 16px;flex:1;display:flex;align-items:center;justify-content:center}.media-picker-dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:8px;padding:40px;text-align:center;cursor:pointer;width:100%;color:var(--low-contrast-text-color);transition:all .2s}.media-picker-dropzone:hover,.media-picker-dropzone.dragging{border-color:#4a90e2;background:#4a90e20d}.media-picker-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--low-contrast-text-color);font-size:14px}.account-page{height:100%;min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;box-sizing:border-box}.account-container{max-width:900px;margin:0 auto}.account-loading,.account-unauthenticated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#94a3b8;font-size:1.125rem}.account-signin-link{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s,box-shadow .2s}.account-signin-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f159}.account-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.back-button:hover{background:#ffffff1a;color:#e2e8f0}.back-icon{width:1rem;height:1rem}.account-header h1{font-size:2rem;font-weight:700;color:#f1f5f9;margin:0}.payment-toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:2rem;font-size:.9375rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-toast.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.payment-toast.cancelled{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.toast-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.toast-close{margin-left:auto;background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.account-section{margin-bottom:2.5rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#e2e8f0;margin-bottom:1rem}.section-icon{width:1.25rem;height:1.25rem;color:#8b5cf6}.profile-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.profile-info{display:flex;align-items:center;gap:1rem}.profile-avatar{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}.profile-email{font-size:1rem;font-weight:500;color:#f1f5f9;margin:0}.profile-member-since{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.logout-button{padding:.5rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background:#ef444433}.mcp-endpoint-card{padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:1rem}.mcp-endpoint-label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.mcp-endpoint-row{display:flex;align-items:center;gap:.75rem}.mcp-endpoint-url{flex:1;padding:.625rem .875rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#c4b5fd;font-size:.875rem;font-family:JetBrains Mono,monospace;overflow-x:auto;white-space:nowrap}.mcp-endpoint-hint{font-size:.8125rem;color:#64748b;margin:.625rem 0 0;line-height:1.5}.mcp-endpoint-hint code{padding:.125rem .375rem;background:#0000004d;border-radius:4px;font-size:.75rem;color:#94a3b8}.copy-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;font-size:.8125rem;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-button:hover{background:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.copy-icon{width:.875rem;height:.875rem}.revealed-key-banner{padding:1.25rem;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:12px;margin-bottom:1rem;animation:slideIn .3s ease-out}.revealed-key-header{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.revealed-key-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.revealed-key-value{flex:1;padding:.625rem .875rem;background:#0006;border:1px solid rgba(34,197,94,.2);border-radius:6px;color:#e2e8f0;font-size:.8125rem;font-family:JetBrains Mono,monospace;overflow-x:auto;white-space:nowrap;word-break:break-all}.revealed-key-dismiss{padding:.375rem .75rem;background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;font-size:.8125rem;cursor:pointer;transition:all .2s}.revealed-key-dismiss:hover{background:#ffffff0d;color:#e2e8f0}.create-key-form{display:flex;gap:.75rem;margin-bottom:1rem}.create-key-input{flex:1;padding:.625rem .875rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f1f5f9;font-size:.875rem;outline:none;transition:border-color .2s}.create-key-input::placeholder{color:#475569}.create-key-input:focus{border-color:#8b5cf680}.create-key-button{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.create-key-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #6366f159}.create-key-button:disabled{opacity:.5;cursor:not-allowed}.create-key-icon{width:1rem;height:1rem}.keys-loading,.keys-empty{color:#94a3b8;text-align:center;padding:1.5rem;background:#ffffff05;border-radius:12px;font-size:.875rem}.keys-list{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.key-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.key-row:last-child{border-bottom:none}.key-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.key-name{font-size:.9375rem;font-weight:500;color:#f1f5f9}.key-meta{font-size:.8125rem;color:#64748b}.key-delete-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:1px solid transparent;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s;flex-shrink:0}.key-delete-button:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.key-delete-icon{width:1rem;height:1rem}.balance-card{padding:2rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(139,92,246,.2);border-radius:12px;text-align:center}.balance-amount{font-size:3.5rem;font-weight:700;color:#f1f5f9;line-height:1;background:linear-gradient(135deg,#f1f5f9,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-label{font-size:1rem;color:#94a3b8;margin-top:.5rem}.balance-loading{color:#94a3b8;font-size:1rem}.packages-loading{color:#94a3b8;text-align:center;padding:2rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.package-card{display:flex;flex-direction:column;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s}.package-card:hover{border-color:#8b5cf666;background:#ffffff0d}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.package-name{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin:0}.package-price{font-size:1.25rem;font-weight:700;color:#8b5cf6}.package-credits{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#e2e8f0;margin-bottom:.75rem}.credits-icon{width:1.125rem;height:1.125rem;color:#fbbf24}.package-description{font-size:.875rem;color:#94a3b8;margin:0 0 .75rem;line-height:1.5}.package-footer{margin-top:auto}.package-value{font-size:.75rem;color:#64748b;margin-bottom:1rem}.purchase-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.purchase-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f159}.purchase-button:disabled{opacity:.6;cursor:not-allowed}.history-loading,.history-empty{color:#94a3b8;text-align:center;padding:2rem;background:#ffffff05;border-radius:12px}.history-wrapper{display:flex;flex-direction:column;gap:1rem}.history-table-container{overflow-x:auto;overflow-y:auto;max-height:400px;border-radius:12px;border:1px solid rgba(255,255,255,.08);scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}.history-table-container::-webkit-scrollbar{width:6px;height:6px}.history-table-container::-webkit-scrollbar-track{background:transparent}.history-table-container::-webkit-scrollbar-thumb{background-color:#8b5cf64d;border-radius:3px}.history-table-container::-webkit-scrollbar-thumb:hover{background-color:#8b5cf680}.history-table{width:100%;border-collapse:collapse;font-size:.875rem}.history-table th{text-align:left;padding:1rem;background:#1e1e2efa;color:#94a3b8;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:1}.history-table th.amount-col{text-align:right}.transaction-row{border-bottom:1px solid rgba(255,255,255,.05)}.transaction-row:last-child{border-bottom:none}.transaction-row td{padding:1rem;color:#e2e8f0}.transaction-date{color:#94a3b8}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.type-badge.purchase{background:#22c55e26;color:#4ade80}.type-badge.usage{background:#f9731626;color:#fb923c}.type-badge.refund{background:#3b82f626;color:#60a5fa}.type-badge.bonus,.type-badge.signup{background:#a855f726;color:#c084fc}.transaction-description{color:#cbd5e1}.transaction-amount{text-align:right;font-weight:600;font-family:JetBrains Mono,monospace}.transaction-amount.positive{color:#4ade80}.transaction-amount.negative{color:#f87171}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.pagination-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf666}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-icon{width:1rem;height:1rem}.pagination-info{font-size:.875rem;color:#94a3b8;min-width:100px;text-align:center}@media(max-width:768px){.account-page{padding:1rem}.profile-card{flex-direction:column;gap:1rem;text-align:center}.profile-info,.create-key-form{flex-direction:column}.mcp-endpoint-row,.revealed-key-row{flex-direction:column;align-items:stretch}.packages-grid{grid-template-columns:1fr}.balance-amount{font-size:2.5rem}.history-table{font-size:.8125rem}.history-table th,.history-table td{padding:.75rem}}.seller-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;padding:20px}.seller-loading{color:var(--text-secondary, #888);padding:12px 0}.seller-status-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.seller-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.seller-status-badge.connected{background:#22c55e26;color:#22c55e}.seller-status-badge.pending{background:#eab30826;color:#eab308}.seller-status-icon{width:16px;height:16px}.seller-since{color:var(--text-secondary, #888);font-size:13px}.seller-account-id{color:var(--text-secondary, #888);font-size:13px;font-family:monospace;margin:0 0 4px}.seller-description{color:var(--text-secondary, #aaa);font-size:14px;line-height:1.5;margin:8px 0 16px}.seller-connect-button,.seller-continue-button{background:#635bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.seller-connect-button:hover,.seller-continue-button:hover{background:#5248e0}.seller-connect-button:disabled,.seller-continue-button:disabled{opacity:.6;cursor:not-allowed}.seller-disconnect-button{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-color, #2a2a3e);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.seller-disconnect-button:hover{border-color:#ef4444;color:#ef4444}.seller-disconnect-confirm{margin-top:12px;padding:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px}.seller-disconnect-confirm p{color:var(--text-primary, #ddd);font-size:14px;margin:0 0 12px}.seller-disconnect-actions{display:flex;gap:8px}.seller-disconnect-yes{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.seller-disconnect-yes:disabled{opacity:.6;cursor:not-allowed}.seller-disconnect-no{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border-color, #2a2a3e);padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.admin-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a3e);border-radius:8px;padding:20px}.admin-setting{margin-bottom:16px}.admin-setting:last-child{margin-bottom:0}.admin-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #eee);margin-bottom:4px}.admin-description{color:var(--text-secondary, #888);font-size:13px;margin:0 0 12px}.admin-input-row{display:flex;align-items:center;gap:8px}.admin-input{width:80px;padding:8px 12px;background:var(--bg-primary, #0f0f1a);border:1px solid var(--border-color, #2a2a3e);border-radius:6px;color:var(--text-primary, #eee);font-size:14px}.admin-input:focus{outline:none;border-color:#635bff}.admin-input-suffix{color:var(--text-secondary, #888);font-size:14px}.admin-save-button{background:#635bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.admin-save-button:hover{background:#5248e0}.admin-save-button:disabled{opacity:.6;cursor:not-allowed}.public-page-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.pp-field{margin-bottom:0}.pp-label{display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.5rem;font-weight:600}.pp-divider{border-top:1px solid rgba(255,255,255,.06);margin:1.5rem 0}.pp-url-bar{display:flex;align-items:center;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:10px;overflow:hidden}.pp-url-display{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;flex:1;min-width:0}.pp-url-icon{width:16px;height:16px;color:#a78bfa;flex-shrink:0}.pp-url-text{color:#c4b5fd;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-url-action{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;background:#8b5cf61f;border:none;border-left:1px solid rgba(139,92,246,.2);color:#a78bfa;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s}.pp-url-action:hover{background:#8b5cf633}.pp-url-visit{background:#6366f126;color:#a5b4fc}.pp-url-visit:hover{background:#6366f140}.pp-url-action-icon{width:14px;height:14px}.pp-account-name-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.pp-account-name-label{color:#64748b;font-size:.75rem}.pp-account-name-value{color:#94a3b8;font-size:.75rem;font-weight:500}.pp-change-link{background:none;border:none;color:#635bff;font-size:.75rem;cursor:pointer;text-decoration:underline;padding:0}.pp-change-link:hover{color:#818cf8}.pp-account-name-edit-inline{display:flex;align-items:center;gap:.375rem}.pp-account-name-input{padding:.25rem .5rem;background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#e2e8f0;font-size:.75rem;font-family:monospace;outline:none;width:120px}.pp-account-name-input:focus{border-color:#635bff}.pp-inline-save,.pp-inline-cancel{padding:.2rem .5rem;font-size:.7rem;border-radius:4px;cursor:pointer;border:none}.pp-inline-save{background:#635bff;color:#fff}.pp-inline-cancel{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.pp-error{color:#f87171;font-size:.75rem}.pp-no-account{color:#94a3b8;font-size:.875rem}.pp-account-name-setup{margin-top:.75rem}.pp-account-name-input-row{display:flex;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin-bottom:.5rem}.pp-account-name-prefix{padding:.625rem .5rem .625rem .75rem;color:#64748b;font-size:.875rem;font-family:monospace;white-space:nowrap;flex-shrink:0}.pp-input-row{display:flex;gap:.5rem}.pp-text-input{flex:1;padding:.625rem .875rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:.875rem;outline:none;transition:border-color .15s}.pp-text-input:focus{border-color:#6366f180}.pp-save-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;white-space:nowrap;transition:opacity .15s}.pp-save-btn:hover:not(:disabled){opacity:.9}.pp-save-btn:disabled{opacity:.5;cursor:not-allowed}.pp-hint{color:#64748b;font-size:.75rem;margin-top:.375rem}.pp-header-image-preview{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.pp-header-image-preview img{width:100%;height:160px;object-fit:cover;display:block}.pp-header-image-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.375rem}.pp-header-image-change,.pp-header-image-remove{padding:.25rem .75rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:6px;color:#fff;font-size:.75rem;cursor:pointer;transition:background .15s}.pp-header-image-remove:hover{background:#dc2626b3}.pp-header-image-change:hover{background:#000c}.pp-header-image-dropzone{border:2px dashed rgba(255,255,255,.1);border-radius:10px;padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.pp-header-image-dropzone:hover{border-color:#8b5cf64d;background:#8b5cf608}.pp-dropzone-icon{width:2rem;height:2rem;color:#4b5563;margin:0 auto .5rem;display:block}.pp-dropzone-text{color:#94a3b8;font-size:.875rem;font-weight:500}.pp-dropzone-hint{color:#64748b;font-size:.75rem;margin-top:.25rem}.pp-media-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.pp-media-picker-modal{width:90%;max-width:700px;max-height:80vh;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.pp-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.pp-theme-card{background:none;border:2px solid #1e293b;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:border-color .15s,transform .15s}.pp-theme-card:hover{border-color:#374151;transform:translateY(-1px)}.pp-theme-card.active{border-color:#635bff}.pp-theme-preview{padding:.75rem .625rem;min-height:90px}.pp-theme-preview-title{text-align:center;font-size:.8125rem;font-weight:700;margin-bottom:.5rem;-webkit-background-clip:text;background-clip:text}.pp-theme-preview-cards{display:flex;gap:.25rem;margin-bottom:.375rem}.pp-theme-preview-card{flex:1;height:28px;border-radius:4px}.pp-theme-preview-line{height:10px;border-radius:3px;margin-bottom:.25rem}.pp-theme-preview-line.short{width:60%}.pp-theme-footer{padding:.5rem .625rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}.pp-theme-name{font-size:.75rem;font-weight:600;color:#e2e8f0}.pp-theme-active-badge{font-size:.625rem;font-weight:600;color:#635bff}.pp-theme-desc{display:block;font-size:.625rem;color:#64748b;font-weight:400}.pp-preview-wireframe{display:flex;flex-direction:column;gap:4px;padding:4px}.pp-preview-feed{background:#0a0a0f}.pp-wire-bar{height:10px;background:#1e293b;border-radius:3px}.pp-wire-card{height:24px;background:#111827;border:1px solid #1e293b;border-radius:4px}.pp-wire-card.short{width:70%}.pp-preview-writer{background:#faf9f6}.pp-preview-writer .pp-wire-title{height:12px;width:60%;background:#d4cfc4;border-radius:3px;margin:0 auto 4px}.pp-preview-writer .pp-wire-line{height:6px;background:#e5e2db;border-radius:2px}.pp-preview-writer .pp-wire-line.short{width:50%}.pp-preview-gallery{background:#0a0a0a}.pp-wire-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.pp-wire-img{height:18px;background:#1a1a2e;border-radius:2px}.pp-wire-img.tall{height:38px;grid-row:span 2}.pp-preview-storefront{background:#0f0f1a}.pp-wire-hero{height:28px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:4px}.pp-wire-products{display:grid;grid-template-columns:1fr 1fr;gap:3px}.pp-wire-product{height:22px;background:#111827;border:1px solid #1e293b;border-radius:3px}.pp-domain-empty .pp-hint{margin-top:0;margin-bottom:.75rem}.pp-domain-pending{padding:1rem;background:#f59e0b0a;border:1px solid rgba(245,158,11,.2);border-radius:10px}.pp-domain-status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pp-domain-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pp-domain-status-dot.pending{background:#f59e0b;animation:pp-pulse 2s infinite}.pp-domain-status-dot.verified{background:#22c55e}@keyframes pp-pulse{0%,to{opacity:1}50%{opacity:.4}}.pp-domain-status-text{font-size:.875rem;font-weight:600}.pp-domain-status-text.pending{color:#fbbf24}.pp-domain-status-text.verified{color:#4ade80}.pp-domain-verified-badge{font-size:.6875rem;font-weight:600;color:#22c55e;background:#22c55e1a;padding:.15rem .5rem;border-radius:4px;margin-left:auto}.pp-dns-record{background:#00000040;border-radius:8px;padding:.75rem;font-family:monospace;font-size:.75rem;margin:.75rem 0}.pp-dns-row{display:flex;justify-content:space-between;padding:.25rem 0}.pp-dns-row+.pp-dns-row{border-top:1px solid rgba(255,255,255,.04)}.pp-dns-key{color:#64748b}.pp-dns-val{color:#e2e8f0}.pp-dns-val.highlight{color:#c4b5fd}.pp-domain-actions{display:flex;gap:.5rem;margin-top:.75rem}.pp-domain-verify-btn{padding:.5rem 1rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#fbbf24;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.pp-domain-verify-btn:hover:not(:disabled){background:#f59e0b40}.pp-domain-verify-btn:disabled{opacity:.6;cursor:not-allowed}.pp-domain-remove-btn{padding:.5rem 1rem;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.8125rem;cursor:pointer;transition:all .15s}.pp-domain-remove-btn:hover{background:#ffffff0d}.pp-domain-remove-btn.danger{border-color:#ef44444d;color:#f87171}.pp-domain-remove-btn.danger:hover{background:#ef44441a}.pp-domain-verified{padding:1rem;background:#22c55e0a;border:1px solid rgba(34,197,94,.2);border-radius:10px}@media(max-width:600px){.pp-theme-grid{grid-template-columns:1fr}.pp-url-bar{flex-wrap:wrap}.pp-url-display{min-width:100%}.pp-url-action{flex:1;justify-content:center}}.calendar-view{height:100%;padding:24px;overflow:hidden;color:var(--text-color)}.calendar-view .fc{--fc-border-color: rgba(255, 255, 255, .08);--fc-button-bg-color: var(--input-bg-color);--fc-button-border-color: transparent;--fc-button-text-color: var(--text-color);--fc-button-hover-bg-color: rgba(255, 255, 255, .1);--fc-button-hover-border-color: transparent;--fc-button-active-bg-color: rgba(74, 144, 226, .2);--fc-button-active-border-color: transparent;--fc-button-active-text-color: #4a90e2;--fc-today-bg-color: rgba(74, 144, 226, .06);--fc-page-bg-color: transparent;--fc-neutral-bg-color: var(--input-bg-color);--fc-list-event-hover-bg-color: rgba(255, 255, 255, .06);--fc-highlight-color: rgba(74, 144, 226, .1);--fc-non-business-color: rgba(0, 0, 0, .1);--fc-event-text-color: #fff;font-family:inherit}.calendar-view .fc .fc-toolbar-title{font-size:18px;font-weight:600;color:var(--text-color)}.calendar-view .fc .fc-button{font-size:13px;padding:6px 12px;border-radius:6px;font-weight:500;box-shadow:none;transition:background .15s}.calendar-view .fc .fc-button:focus{box-shadow:none}.calendar-view .fc .fc-button-group .fc-button{border-radius:0}.calendar-view .fc .fc-button-group .fc-button:first-child{border-radius:6px 0 0 6px}.calendar-view .fc .fc-button-group .fc-button:last-child{border-radius:0 6px 6px 0}.calendar-view .fc .fc-col-header-cell{padding:8px 0;font-size:12px;font-weight:500;color:var(--low-contrast-text-color);text-transform:uppercase;letter-spacing:.5px}.calendar-view .fc .fc-col-header-cell-cushion{color:var(--low-contrast-text-color);text-decoration:none}.calendar-view .fc .fc-daygrid-day-number{color:var(--text-color);text-decoration:none;font-size:13px;padding:6px 8px}.calendar-view .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{color:#4a90e2;font-weight:600}.calendar-view .fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-number{color:var(--low-contrast-text-color);opacity:.5}.calendar-view .fc .fc-event{border-radius:4px;font-size:12px;padding:1px 4px;cursor:pointer;border:none}.calendar-view .fc .fc-daygrid-event{margin:1px 2px}.calendar-view .fc .fc-event-title{font-weight:500}.calendar-view .fc .fc-timegrid-slot-label{font-size:11px;color:var(--low-contrast-text-color)}.calendar-view .fc .fc-timegrid-axis-cushion{color:var(--low-contrast-text-color)}.calendar-view .fc .fc-timegrid-now-indicator-line,.calendar-view .fc .fc-timegrid-now-indicator-arrow{border-color:#ef4444}.calendar-view .fc .fc-more-popover{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0006}.calendar-view .fc .fc-more-popover .fc-popover-header{background:#ffffff0a;color:var(--text-color);font-size:13px;padding:8px 12px}.calendar-view .fc .fc-daygrid-more-link{color:#4a90e2;font-size:11px;font-weight:500}.calendar-view .fc .fc-scroller::-webkit-scrollbar{width:6px}.calendar-view .fc .fc-scroller::-webkit-scrollbar-track{background:transparent}.calendar-view .fc .fc-scroller::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px}.calendar-view .fc .fc-scroller{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.crm-view{display:flex;flex-direction:column;height:100%;padding:32px;overflow:hidden;color:var(--text-color)}.crm-top-cards{display:flex;gap:16px;margin-bottom:20px;flex-shrink:0}.crm-card{flex:1;background:var(--input-bg-color);border-radius:8px;padding:16px}.crm-card-title{font-size:20px;font-weight:600;color:var(--text-color);background:transparent;border:none;border-bottom:1px solid transparent;width:100%;margin-bottom:12px;padding:2px 0;outline:none;font-family:inherit}.crm-card-title:focus{border-bottom-color:#4a90e2}.crm-card-title::placeholder{color:var(--low-contrast-text-color)}.crm-card-fields{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px}.crm-field-label{color:var(--low-contrast-text-color);text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.5px;align-self:center}.crm-field-input{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--text-color);font-size:13px;padding:2px 0;outline:none;font-family:inherit}.crm-field-input:focus{border-bottom-color:#4a90e2}.crm-field-input::placeholder{color:var(--low-contrast-text-color)}.crm-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px;flex-shrink:0}.crm-tab{padding:8px 16px;font-size:13px;color:var(--low-contrast-text-color);cursor:pointer;border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.crm-tab:hover{color:var(--text-color)}.crm-tab.active{color:#4a90e2;border-bottom-color:#4a90e2;font-weight:500}.crm-tab-content{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.crm-tab-content::-webkit-scrollbar{width:6px}.crm-tab-content::-webkit-scrollbar-track{background:transparent}.crm-tab-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px}.crm-quick-add{display:flex;gap:8px;margin-bottom:16px;flex-shrink:0}.crm-quick-add select,.crm-quick-add input[type=text]{background-color:var(--input-bg-color);border:1px solid transparent;color:var(--text-color);border-radius:6px;padding:8px 12px;font-size:13px;font-family:inherit;transition:border-color .2s ease}.crm-quick-add select:focus,.crm-quick-add input[type=text]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.crm-quick-add input[type=text]::placeholder{color:var(--low-contrast-text-color)}.crm-quick-add input[type=text]{flex:1}.crm-quick-add select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.crm-quick-add select option{background-color:#1a1a1a;color:var(--text-color)}.crm-datetime-input{background-color:var(--input-bg-color);border:1px solid transparent;color:var(--text-color);border-radius:6px;padding:8px 12px;font-size:13px;font-family:inherit;transition:border-color .2s ease;color-scheme:dark}.crm-datetime-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.crm-quick-add button{background:#4a90e21f;color:#4a90e2;border:none;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s}.crm-quick-add button:hover{background:#4a90e233}.crm-quick-add button:disabled{opacity:.4;cursor:not-allowed}.crm-activity-item{background:var(--input-bg-color);border-radius:6px;padding:10px 14px;display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:13px}.crm-activity-clickable{cursor:pointer;transition:background .15s}.crm-activity-clickable:hover{background:#ffffff0f}.crm-activity-type{flex-shrink:0;width:80px;font-size:12px;font-weight:500}.crm-activity-type.type-call{color:#60a5fa}.crm-activity-type.type-email{color:#f59e0b}.crm-activity-type.type-meeting{color:#22c55e}.crm-activity-type.type-task{color:#8b5cf6}.crm-activity-title{flex:1;min-width:0;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-activity-time{flex-shrink:0;color:var(--low-contrast-text-color);font-size:12px;white-space:nowrap}.crm-activity-delete{flex-shrink:0;background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:2px 6px;font-size:14px;border-radius:4px;opacity:0;transition:all .15s;line-height:1}.crm-activity-item:hover .crm-activity-delete{opacity:.5}.crm-activity-delete:hover{color:#ef4444;opacity:1;background:#ef444414}.crm-note-item{background:var(--input-bg-color);border-radius:6px;padding:12px 14px;margin-bottom:8px}.crm-note-content{color:var(--text-color);margin-bottom:6px;font-size:13px;line-height:1.5;white-space:pre-wrap}.crm-note-footer{display:flex;justify-content:space-between;align-items:center}.crm-note-time{color:var(--low-contrast-text-color);font-size:11px}.crm-note-delete{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:2px 6px;font-size:12px;border-radius:4px;opacity:.5;transition:all .15s}.crm-note-delete:hover{color:#ef4444;opacity:1;background:#ef444414}.crm-empty{color:var(--low-contrast-text-color);text-align:center;padding:32px 16px;font-size:13px}.crm-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0;font-size:12px;color:var(--low-contrast-text-color)}.crm-type-label{font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.crm-delete-btn{margin-left:auto;background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:12px;padding:4px 0;opacity:.5;transition:all .15s}.crm-delete-btn:hover{color:#ef4444;opacity:1}.entity-detail{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:32px;color:var(--text-color);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;container-type:inline-size;container-name:entity-detail}.entity-detail::-webkit-scrollbar{width:6px}.entity-detail::-webkit-scrollbar-track{background:transparent}.entity-detail::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:999px}.entity-title-area{margin-bottom:24px}.entity-title-row{display:flex;align-items:flex-start;gap:12px}.entity-title-input{flex:1;font-size:24px;font-weight:600;color:var(--text-color);background:transparent;border:none;padding:0;margin:0;line-height:1.3;font-family:inherit}.entity-title-input:focus{outline:none}.entity-title-input::placeholder{color:#fff3}.entity-meta-row{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:var(--low-contrast-text-color)}.entity-type-label{font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.entity-meta-sep{opacity:.3}.entity-delete-btn{background:none;border:none;color:var(--low-contrast-text-color);font-size:12px;cursor:pointer;padding:4px 0;opacity:.5;transition:all .15s}.entity-delete-btn:hover{color:#ef4444;opacity:1}.entity-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;text-transform:capitalize;letter-spacing:.3px}.entity-status-badge.status-draft{background:#94a3b826;color:#94a3b8}.entity-status-badge.status-active,.entity-status-badge.status-published,.entity-status-badge.status-running,.entity-status-badge.status-confirmed{background:#22c55e26;color:#22c55e}.entity-status-badge.status-archived,.entity-status-badge.status-paused,.entity-status-badge.status-tentative{background:#facc1526;color:#facc15}.entity-status-badge.status-cancelled,.entity-status-badge.status-completed{background:#ef44441f;color:#f87171}.entity-public-url{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;background:#4a90e20f;border:1px solid rgba(74,144,226,.12);border-radius:8px;font-size:13px}.entity-public-url-label{color:var(--low-contrast-text-color);flex-shrink:0}.entity-public-url a{color:#4a90e2;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-public-url a:hover{text-decoration:underline}.entity-public-url-copy{margin-left:auto;flex-shrink:0;padding:2px 8px;background:#ffffff0f;color:var(--low-contrast-text-color);border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .15s}.entity-public-url-copy:hover{background:#ffffff1f}.entity-body{display:grid;grid-template-columns:1fr;gap:0 32px}@container entity-detail (min-width: 768px){.entity-body{grid-template-columns:1fr 1fr}.entity-body-full{grid-column:1 / -1}}.entity-section{margin-bottom:28px}.entity-section-title{font-size:11px;font-weight:600;color:var(--low-contrast-text-color);text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.entity-detail-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--low-contrast-text-color);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--low-contrast-text-color)}.form-group textarea{min-height:100px;resize:vertical}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-group select option{background-color:#1a1a1a;color:var(--text-color)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4a90e2}.form-group .checkbox-row{display:flex;align-items:center;gap:8px}.entity-detail-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--low-contrast-text-color);font-size:15px}.entity-detail-loading{display:flex;justify-content:center;align-items:center;height:100%}.image-preview{position:relative;display:inline-block}.image-preview img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain;background:#ffffff08}.image-preview-actions{display:flex;gap:8px;margin-top:8px}.btn-subtle{padding:5px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s}.btn-subtle-primary{background:#4a90e21f;color:#4a90e2}.btn-subtle-primary:hover{background:#4a90e233}.btn-subtle-danger{background:#ef444414;color:#ef4444}.btn-subtle-danger:hover{background:#ef444426}.btn-select-image{padding:10px 16px;background:var(--input-bg-color);color:var(--low-contrast-text-color);border:1px dashed rgba(255,255,255,.15);border-radius:8px;cursor:pointer;font-size:14px;width:100%;transition:all .15s}.btn-select-image:hover{border-color:#ffffff40;background:#ffffff08}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:8px}.gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#ffffff08}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-remove{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gallery-item:hover .gallery-item-remove{opacity:1}.btn-add-image{padding:6px 12px;background:#4a90e21f;color:#4a90e2;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.btn-add-image:hover{background:#4a90e233}.taxonomy-facet{margin-bottom:16px}.taxonomy-facet-header{font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:6px}.taxonomy-facet-type{font-size:11px;color:var(--low-contrast-text-color);margin-left:8px}.taxonomy-values{display:flex;flex-direction:column;gap:4px}.taxonomy-value-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:var(--text-color)}.taxonomy-value-label input[type=checkbox]{accent-color:#4a90e2}.taxonomy-add-row{display:flex;gap:8px;margin-top:6px;align-items:center}.taxonomy-add-input{flex:1;padding:4px 8px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:4px;font-size:13px}.taxonomy-add-input:focus{outline:none;border-color:#4a90e2}.media-upload-zone{border:2px dashed rgba(255,255,255,.15);border-radius:8px;padding:24px;cursor:pointer;transition:all .2s ease;text-align:center;color:var(--low-contrast-text-color)}.media-upload-zone:hover{border-color:#ffffff4d;background-color:#ffffff05}.media-upload-zone.dragging{border-color:#4a90e2;background-color:#4a90e20d}.media-upload-zone.has-file{border-style:solid;border-color:#ffffff14}.media-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px}.media-upload-icon{font-size:28px;line-height:1;opacity:.5}.media-upload-progress{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.media-upload-progress-bar{width:100%;height:6px;background-color:#ffffff1a;border-radius:999px;overflow:hidden}.media-upload-progress-fill{height:100%;background-color:#4a90e2;border-radius:999px;transition:width .15s ease}.media-upload-progress-text{font-size:13px;color:var(--low-contrast-text-color)}.media-file-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.media-preview-image{max-width:100%;max-height:200px;border-radius:6px;object-fit:contain}.media-file-icon{font-size:48px;line-height:1}.media-file-info{text-align:center}.media-file-name{font-size:14px;color:var(--text-color);word-break:break-all}.media-file-meta{font-size:12px;color:var(--low-contrast-text-color);margin-top:4px}.media-upload-hint{font-size:12px;color:var(--low-contrast-text-color);opacity:.6;margin-top:4px}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.thumbnail-item{border-radius:6px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.thumbnail-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.thumbnail-label{padding:4px 6px;font-size:11px;color:var(--low-contrast-text-color);text-transform:capitalize}.thumbnail-dims{opacity:.6}.thumbnail-empty-text{font-size:13px;color:var(--low-contrast-text-color);margin-bottom:8px}.typeahead-container{position:relative}.typeahead-container input{width:100%;padding:10px 12px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.typeahead-container input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.typeahead-container input::placeholder{color:var(--low-contrast-text-color)}.typeahead-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:100;max-height:200px;overflow-y:auto}.typeahead-option{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.typeahead-option:hover{background:#ffffff0f}.typeahead-option-name{color:var(--text-color);font-size:13px}.typeahead-option-meta{color:var(--low-contrast-text-color);font-size:12px}.typeahead-selected{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--input-bg-color);border-radius:6px;font-size:14px;color:var(--text-color)}.typeahead-selected-name{cursor:pointer;color:#4a90e2;transition:opacity .15s}.typeahead-selected-name:hover{opacity:.8;text-decoration:underline}.typeahead-clear{margin-left:auto;background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:16px;padding:0 4px;opacity:.5;transition:all .15s;line-height:1}.typeahead-clear:hover{color:#ef4444;opacity:1}.event-notes-add{display:flex;gap:8px;margin-bottom:12px}.event-notes-add input{flex:1;padding:8px 12px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;font-size:13px;font-family:inherit;transition:border-color .2s ease}.event-notes-add input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 1px #4a90e233}.event-notes-add input::placeholder{color:var(--low-contrast-text-color)}.event-notes-add button{background:#4a90e21f;color:#4a90e2;border:none;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s}.event-notes-add button:hover{background:#4a90e233}.event-notes-add button:disabled{opacity:.4;cursor:not-allowed}.event-notes-empty{color:var(--low-contrast-text-color);font-size:13px;padding:16px 0}.event-notes-list{display:flex;flex-direction:column;gap:6px}.event-note-item{background:var(--input-bg-color);border-radius:6px;padding:10px 12px}.event-note-content{color:var(--text-color);font-size:13px;line-height:1.5;white-space:pre-wrap;margin-bottom:4px}.event-note-footer{display:flex;justify-content:space-between;align-items:center}.event-note-time{color:var(--low-contrast-text-color);font-size:11px}.event-note-delete{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:2px 6px;font-size:14px;border-radius:4px;opacity:0;transition:all .15s;line-height:1}.event-note-item:hover .event-note-delete{opacity:.5}.event-note-delete:hover{color:#ef4444;opacity:1}.crm-note-event-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;background:#4a90e21a;color:#4a90e2;border-radius:999px;font-size:11px;font-weight:500;margin-left:8px;cursor:pointer;transition:background .15s}.crm-note-event-pill:hover{background:#4a90e233}.access-rules-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.access-rule-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;font-size:13px;font-weight:500;transition:opacity .15s}.access-rule-badge:hover{opacity:.85}.access-rule-badge-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;opacity:.6;transition:opacity .15s}.access-rule-badge-remove:hover{opacity:1}.access-rules-empty{color:var(--low-contrast-text-color);font-size:13px}.access-rules-menu{display:flex;flex-direction:column;gap:4px}.access-rules-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-color);cursor:pointer;font-size:13px;text-align:left;transition:all .15s}.access-rules-menu-item:hover{background:#ffffff0f;border-color:#ffffff1a}.access-rules-cancel{padding:4px 8px;background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:13px;transition:color .15s}.access-rules-cancel:hover{color:var(--text-color)}.access-rules-price-input{display:flex;gap:8px;align-items:center}.access-rules-price-input span{font-size:13px;color:var(--low-contrast-text-color)}.access-rules-price-input input{width:80px;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-color);font-size:13px}.access-rules-price-input input:focus{outline:none;border-color:#635bff}.access-rules-price-add{padding:6px 14px;border-radius:6px;background:#635bff;color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.access-rules-price-add:hover{background:#5248e0}.access-rules-add-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;background:none;border:1px solid rgba(255,255,255,.1);color:var(--low-contrast-text-color);cursor:pointer;font-size:13px;transition:all .15s}.access-rules-add-btn:hover{border-color:#fff3;color:var(--text-color);background:#ffffff08}.page-builder{display:flex;flex-direction:column;height:100%;overflow:hidden;color:var(--text-color)}.pb-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--toolbar-bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0;min-height:48px}.pb-toolbar-title{flex:1;min-width:0}.pb-toolbar-title input{width:100%;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:15px;font-weight:600;padding:4px 8px;font-family:inherit}.pb-toolbar-title input:hover{border-color:var(--border-color)}.pb-toolbar-title input:focus{outline:none;border-color:#4a90e2;background:var(--input-bg-color)}.pb-toolbar-field{display:flex;align-items:center;gap:6px;flex-shrink:0}.pb-toolbar-field label{font-size:11px;font-weight:500;color:var(--low-contrast-text-color);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pb-toolbar-field input{background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;padding:4px 8px;width:140px;font-family:inherit}.pb-toolbar-field input:focus{outline:none;border-color:#4a90e2}.pb-toolbar-field select{background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;padding:4px 22px 4px 8px;cursor:pointer;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.pb-toolbar-field select:focus{outline:none;border-color:#4a90e2}.pb-toolbar-field select option{background:#1a1a1a;color:var(--text-color)}.pb-toolbar-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.pb-toolbar-actions button{padding:5px 10px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s ease;font-family:inherit}.pb-delete-btn{background-color:#ef44441a;color:#ef4444}.pb-delete-btn:hover{background-color:#ef444433}.pb-secondary-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:var(--tabs-bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0;min-height:36px}.pb-view-toggle{display:flex;background:#ffffff0a;border-radius:6px;padding:2px;gap:2px}.pb-view-toggle button{padding:4px 14px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;color:var(--low-contrast-text-color);background:transparent;font-family:inherit}.pb-view-toggle button:hover{color:var(--text-color)}.pb-view-toggle button.active{background:#ffffff1a;color:var(--text-color)}.pb-meta-toggle{display:flex;align-items:center;gap:8px}.pb-meta-toggle button{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;color:var(--low-contrast-text-color);background:transparent;font-family:inherit}.pb-meta-toggle button:hover{color:var(--text-color)}.pb-meta-toggle button.active{color:var(--accent-color)}.pb-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.pb-status-badge.published{background:#4ade801f;color:#4ade80}.pb-status-badge.draft{background:#facc151f;color:#facc15}.pb-status-badge.archived{background:#ef44441f;color:#ef4444}.pb-meta-panel{display:flex;gap:12px;padding:10px 16px;background:var(--toolbar-bg-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.pb-meta-panel .form-group{flex:1;display:flex;flex-direction:column;gap:4px}.pb-meta-panel label{font-size:11px;font-weight:500;color:var(--low-contrast-text-color);text-transform:uppercase;letter-spacing:.5px}.pb-meta-panel input,.pb-meta-panel textarea{background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;padding:6px 10px;font-family:inherit;resize:none}.pb-meta-panel input:focus,.pb-meta-panel textarea:focus{outline:none;border-color:#4a90e2}.pb-content{flex:1;display:flex;overflow:hidden;position:relative}.pb-code-editor{flex:1;display:flex;overflow:hidden}.pb-line-numbers{width:48px;flex-shrink:0;padding:12px 0;background:#0003;border-right:1px solid var(--border-color);overflow:hidden;-webkit-user-select:none;user-select:none;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:20px;color:#fff3;text-align:right}.pb-line-number{padding-right:12px;height:20px}.pb-code-textarea{flex:1;background:var(--editor-bg-color);color:var(--text-color);border:none;padding:12px 16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:20px;resize:none;outline:none;overflow-y:auto;tab-size:2;white-space:pre;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.pb-code-textarea::-webkit-scrollbar{width:6px}.pb-code-textarea::-webkit-scrollbar-track{background:transparent}.pb-code-textarea::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:999px}.pb-preview-area{flex:1;display:flex;overflow:hidden}.pb-preview-frame{flex:1;background:#fff;border:none}.pb-component-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--side-bar-bg-color);border-left:1px solid var(--border-color);overflow:hidden}.pb-panel-header{padding:10px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.pb-panel-header h3{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--low-contrast-text-color)}.pb-panel-search{width:100%;background:var(--input-bg-color);border:1px solid transparent;border-radius:5px;color:var(--text-color);font-size:13px;padding:6px 10px;font-family:inherit}.pb-panel-search:focus{outline:none;border-color:#4a90e2}.pb-panel-search::placeholder{color:var(--low-contrast-text-color)}.pb-panel-list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pb-panel-list::-webkit-scrollbar{width:5px}.pb-panel-list::-webkit-scrollbar-track{background:transparent}.pb-panel-list::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:999px}.pb-component-card{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:6px;cursor:pointer;transition:background .15s ease;margin-bottom:4px;border:1px solid transparent}.pb-component-card:hover{background:#ffffff0a;border-color:var(--border-color)}.pb-component-card:active{cursor:grabbing}.pb-component-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:6px;font-size:16px;flex-shrink:0}.pb-component-info{flex:1;min-width:0}.pb-component-name{font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:2px}.pb-component-desc{font-size:11px;color:var(--low-contrast-text-color);line-height:1.4}.pb-panel-category{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff40;padding:12px 10px 4px;margin-top:4px}.pb-panel-category:first-child{margin-top:0;padding-top:4px}.pb-published-url{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--low-contrast-text-color)}.pb-published-url a{color:var(--accent-color);text-decoration:none;font-weight:500}.pb-published-url a:hover{text-decoration:underline}.pb-panel-empty{padding:20px 12px;text-align:center;color:var(--low-contrast-text-color);font-size:13px}.pb-panel-tabs{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}.pb-panel-tabs button{flex:1;padding:8px 4px;border:none;background:transparent;color:var(--low-contrast-text-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;font-family:inherit}.pb-panel-tabs button:hover{color:var(--text-color)}.pb-panel-tabs button.active{color:var(--text-color);border-bottom-color:var(--accent-color)}.pb-panel-tabs button.disabled{opacity:.4;cursor:default}.pb-block-list{width:180px;flex-shrink:0;border-right:1px solid var(--border-color);background:var(--side-bar-bg-color);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pb-block-list-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff40;padding:10px 12px 6px}.pb-block-list-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s ease;font-size:12px;border-left:2px solid transparent}.pb-block-list-item:hover{background:#ffffff0a}.pb-block-list-item.selected{background:#d2678a14;border-left-color:var(--accent-color)}.pb-block-list-icon{font-size:12px;flex-shrink:0;width:20px;text-align:center}.pb-block-list-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.pb-block-list-remove{flex-shrink:0;background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:10px;padding:2px 4px;border-radius:3px;opacity:0;transition:all .15s ease}.pb-block-list-item:hover .pb-block-list-remove{opacity:1}.pb-block-list-remove:hover{color:#ef4444;background:#ef44441a}.pb-props-editor{padding:0}.pb-props-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color);gap:8px}.pb-props-header-info{display:flex;align-items:center;gap:8px;min-width:0}.pb-props-icon{font-size:14px;flex-shrink:0}.pb-props-block-name{font-size:13px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-props-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.pb-props-move-btn{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:9px;padding:3px 5px;border-radius:3px;transition:all .15s ease}.pb-props-move-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text-color)}.pb-props-move-btn:disabled{opacity:.25;cursor:default}.pb-props-remove-btn{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:11px;padding:3px 5px;border-radius:3px;transition:all .15s ease;margin-left:4px}.pb-props-remove-btn:hover{color:#ef4444;background:#ef44441a}.pb-props-fields{padding:8px 12px;display:flex;flex-direction:column;gap:12px}.pb-prop-field{display:flex;flex-direction:column;gap:4px}.pb-prop-field-nested{margin-left:0;margin-top:4px}.pb-prop-label{font-size:11px;font-weight:500;color:var(--low-contrast-text-color);text-transform:uppercase;letter-spacing:.3px}.pb-prop-input{background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;padding:6px 8px;font-family:inherit;width:100%}.pb-prop-input:focus{outline:none;border-color:#4a90e2}.pb-prop-textarea{background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;padding:6px 8px;font-family:inherit;resize:vertical;min-height:48px;width:100%}.pb-prop-textarea:focus{outline:none;border-color:#4a90e2}.pb-prop-color-row{display:flex;gap:6px;align-items:center}.pb-prop-color-input{width:32px;height:28px;border:none;border-radius:4px;cursor:pointer;background:none;padding:0;flex-shrink:0}.pb-prop-color-row .pb-prop-input{flex:1}.pb-prop-toggle-row{display:flex;align-items:center;gap:10px;padding:4px 0}.pb-prop-toggle{position:relative;width:36px;height:20px;flex-shrink:0}.pb-prop-toggle input{opacity:0;width:0;height:0;position:absolute}.pb-prop-toggle-track{position:absolute;inset:0;background:#ffffff1a;border-radius:999px;transition:background .2s;cursor:pointer}.pb-prop-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#888;border-radius:50%;transition:transform .2s,background .2s}.pb-prop-toggle input:checked+.pb-prop-toggle-track{background:#4a90e24d}.pb-prop-toggle input:checked+.pb-prop-toggle-track:after{transform:translate(16px);background:#4a90e2}.pb-prop-toggle-label{font-size:13px;color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none}.pb-prop-number{width:100%;padding:6px 8px;background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;font-family:inherit}.pb-prop-number:focus{outline:none;border-color:#4a90e2}.pb-prop-select{width:100%;padding:6px 28px 6px 8px;background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.pb-prop-select:focus{outline:none;border-color:#4a90e2}.pb-prop-select option{background:#1a1a1a;color:var(--text-color)}.pb-prop-url{width:100%;padding:6px 8px;background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:13px;font-family:inherit}.pb-prop-url:focus{outline:none;border-color:#4a90e2}.pb-prop-image-preview{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.pb-prop-image-preview img{display:block;width:100%;max-height:120px;object-fit:cover}.pb-prop-image-preview-small img{max-height:60px}.pb-prop-image-clear{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.pb-prop-image-clear:hover{background:#ef4444cc}.pb-entity-picker{position:relative}.pb-entity-picker-input{width:100%;background:var(--input-bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-size:12px;padding:6px 8px;font-family:inherit}.pb-entity-picker-input:focus{outline:none;border-color:#4a90e2}.pb-entity-picker-input::placeholder{color:var(--low-contrast-text-color)}.pb-entity-picker-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--context-menu-bg-color);border:1px solid var(--border-color);border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px #0006}.pb-entity-picker-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;cursor:pointer;transition:background .1s ease}.pb-entity-picker-item:hover{background:#ffffff0f}.pb-entity-picker-title{font-size:13px;color:var(--text-color);font-weight:500}.pb-entity-picker-sub{font-size:11px;color:var(--low-contrast-text-color)}.pb-entity-picker-empty{padding:12px 10px;font-size:12px;color:var(--low-contrast-text-color);text-align:center}.pb-prop-entity-linked{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--low-contrast-text-color);padding:4px 0}.pb-prop-entity-unlink{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:11px;padding:0;font-family:inherit}.pb-prop-entity-unlink:hover{text-decoration:underline}.pb-prop-list{gap:8px}.pb-list-item{background:#ffffff05;border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;margin-bottom:6px}.pb-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pb-list-item-index{font-size:10px;font-weight:600;color:var(--low-contrast-text-color);text-transform:uppercase}.pb-list-item-remove{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:10px;padding:2px 4px;border-radius:3px;transition:all .15s ease}.pb-list-item-remove:hover{color:#ef4444;background:#ef44441a}.pb-list-add-btn{width:100%;padding:6px;border:1px dashed rgba(255,255,255,.12);border-radius:5px;background:transparent;color:var(--low-contrast-text-color);font-size:12px;cursor:pointer;transition:all .15s ease;font-family:inherit}.pb-list-add-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#d2678a0d}.pb-block-list-drag{flex-shrink:0;font-size:10px;color:#fff3;cursor:grab;-webkit-user-select:none;user-select:none;width:14px;text-align:center}.pb-block-list-item:hover .pb-block-list-drag{color:#fff6}.pb-block-list-item.dragging{opacity:.4;background:#d2678a0f}.pb-entity-picker-row{display:flex;gap:4px;align-items:center}.pb-entity-picker-row .pb-entity-picker-input{flex:1;min-width:0}.pb-upload-btn{flex-shrink:0;width:28px;height:28px;border:1px solid transparent;border-radius:4px;background:#d2678a1f;color:var(--accent-color);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.pb-upload-btn:hover:not(:disabled){background:#d2678a40}.pb-upload-btn:disabled{opacity:.4;cursor:default}.pb-entity-picker-upload-item{border-top:1px solid var(--border-color)}.pb-entity-picker-upload-item .pb-entity-picker-title{color:var(--accent-color);font-weight:500}.pb-block-experiment-badge{font-size:9px;font-weight:700;background:#4a90e226;color:#4a90e2;padding:1px 5px;border-radius:3px;flex-shrink:0}.pb-experiment-toggle{padding:3px 8px;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;background:#4a90e214;color:var(--low-contrast-text-color);transition:all .15s ease;font-family:inherit}.pb-experiment-toggle.active{background:#4a90e226;color:#4a90e2;border-color:#4a90e24d}.pb-template-override{border-top:1px solid var(--border-color)}.pb-template-override-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-color-muted, #888);font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:color .15s}.pb-template-override-toggle:hover,.pb-template-override-toggle.active{color:var(--text-color)}.pb-template-override-badge{font-size:10px;padding:1px 6px;border-radius:3px;background:#a855f726;color:#a855f7;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pb-template-override-editor{padding:0 12px 12px}.pb-template-override-inline-editor{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.pb-template-override-inline-editor .pb-code-editor{min-height:120px;max-height:300px}.pb-template-override-inline-editor .pb-code-textarea{min-height:120px}.pb-template-override-hint{font-size:11px;color:var(--text-color-muted, #888);line-height:1.6;margin-bottom:8px}.pb-template-override-hint code{padding:1px 4px;background:#ffffff0f;border-radius:3px;font-size:10px;color:#c4b5fd}.pb-template-override-expand{margin-left:auto;display:flex;align-items:center;background:none;border:none;color:var(--text-color-muted, #888);cursor:pointer;padding:2px;border-radius:3px;transition:all .15s}.pb-template-override-expand:hover{color:var(--accent-color, #4a90e2);background:#4a90e21a}.pb-template-override-reset{display:inline-block;margin-top:8px;padding:4px 10px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color-muted, #888);font-size:11px;cursor:pointer;transition:all .15s}.pb-template-override-reset:hover{border-color:#ef4444;color:#ef4444}.pb-expanded-template{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--editor-bg-color)}.pb-expanded-template-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.pb-expanded-template-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-color)}.pb-expanded-template-icon{font-size:16px}.pb-expanded-template-actions{display:flex;align-items:center;gap:8px}.pb-expanded-template-close{padding:4px 12px;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s}.pb-expanded-template-close:hover{opacity:.85}.pb-expanded-template-hint{display:flex;flex-wrap:wrap;gap:4px;padding:8px 16px;border-bottom:1px solid var(--border-color);font-size:11px;color:var(--text-color-muted, #888);flex-shrink:0}.pb-expanded-template-hint code{padding:1px 5px;background:#ffffff0f;border-radius:3px;font-size:10px;color:#c4b5fd}.pb-expanded-template-body,.pb-expanded-template-body .code-editor-root{flex:1;display:flex;flex-direction:column;overflow:hidden}.pb-expanded-template-body .pb-code-editor{flex:1;border-radius:0}.pb-expanded-template-body .pb-code-textarea{flex:1}.pb-variant-list{border-top:1px solid var(--border-color);padding:8px 12px}.pb-variant-header{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff40;margin-bottom:8px}.pb-variant-item{background:#ffffff05;border:1px solid var(--border-color);border-radius:6px;padding:8px;margin-bottom:6px}.pb-variant-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pb-variant-label{font-size:11px;font-weight:600;color:var(--text-color)}.pb-variant-remove{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;font-size:10px;padding:2px 4px;border-radius:3px}.pb-variant-remove:hover{color:#ef4444;background:#ef44441a}.pb-variant-add{width:100%;padding:6px;border:1px dashed rgba(74,144,226,.3);border-radius:5px;background:transparent;color:#4a90e2;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s ease}.pb-variant-add:hover{background:#4a90e20d;border-color:#4a90e2}.preview-frame-container{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-frame{flex:1;width:100%;border:none;background:#fff}.preview-frame-loading{position:absolute;top:10px;right:12px;background:#141414d9;color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;z-index:10;pointer-events:none}.preview-frame-error{background:#ef444414;border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:12px;padding:8px 12px;flex-shrink:0}.experiment-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.experiment-section h3{font-size:14px;font-weight:600;margin:0 0 12px}.experiment-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.experiment-section-header h3{margin:0}.variant-picker{margin-bottom:12px;border:1px solid var(--border-color, #333);border-radius:6px;overflow:hidden}.variant-picker input{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--border-color, #333);background:var(--bg-secondary, #1a1a1a);color:inherit;font-size:13px}.variant-picker-results{max-height:200px;overflow-y:auto}.variant-picker-result{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px}.variant-picker-result:hover{background:var(--bg-hover, #2a2a2a)}.variant-picker-result-title{flex:1}.variant-picker-result-subtitle{font-size:11px;opacity:.6}.variant-picker-empty{padding:12px;text-align:center;font-size:12px;opacity:.5}.variants-list{display:flex;flex-direction:column;gap:8px}.variant-item{border:1px solid var(--border-color, #333);border-radius:6px;padding:10px 12px}.variant-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.variant-label-input{flex:1;border:none;background:transparent;color:inherit;font-size:13px;font-weight:500;padding:2px 0}.variant-label-input:focus{outline:none;border-bottom:1px solid var(--accent-color, #3b82f6)}.control-badge{font-size:10px;padding:2px 6px;border-radius:3px;background:var(--accent-color, #3b82f6);color:#fff;text-transform:uppercase;font-weight:600}.variant-item-controls{display:flex;align-items:center;gap:12px;font-size:12px}.variant-weight{display:flex;align-items:center;gap:4px}.variant-weight input{width:50px;padding:2px 4px;border:1px solid var(--border-color, #333);border-radius:3px;background:var(--bg-secondary, #1a1a1a);color:inherit;font-size:12px;text-align:center}.variant-control-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}.variant-view-btn,.variant-remove-btn{padding:2px 8px;border:1px solid var(--border-color, #333);border-radius:3px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.variant-remove-btn:hover{border-color:#ef4444;color:#ef4444}.variant-view-btn:hover{border-color:var(--accent-color, #3b82f6);color:var(--accent-color, #3b82f6)}.add-variant-btn{padding:4px 10px;border:1px solid var(--border-color, #333);border-radius:4px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.add-variant-btn:hover{background:var(--bg-hover, #2a2a2a)}.variants-empty{padding:16px;text-align:center;font-size:13px;opacity:.5}.badge-experiments{background-color:#22d3ee26;color:#22d3ee}.metrics-summary{display:flex;gap:12px;margin-bottom:16px}.metric-card{flex:1;padding:12px;border:1px solid var(--border-color, #333);border-radius:6px;text-align:center}.metric-value{font-size:24px;font-weight:700}.metric-label{font-size:11px;opacity:.6;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.metrics-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.metrics-table th{text-align:left;padding:8px;border-bottom:2px solid var(--border-color, #333);font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.metrics-table td{padding:8px;border-bottom:1px solid var(--border-color, #333)}.variant-row.winning td{background:#22c55e0d}.variant-row.losing td{background:#ef44440d}.status-label{font-size:11px;padding:2px 6px;border-radius:3px;font-weight:500}.status-label.baseline{background:#94a3b826;color:#94a3b8}.status-label.winning{background:#22c55e26;color:#22c55e}.status-label.losing{background:#ef444426;color:#ef4444}.status-label.no_clear_winner{background:#facc1526;color:#facc15}.status-label.not_enough_data{background:#94a3b81a;color:#64748b}.conversion-chart{margin-top:16px}.conversion-chart h4{font-size:12px;font-weight:600;margin:0 0 8px}.chart-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chart-bar-label{width:100px;font-size:12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-container{flex:1;display:flex;align-items:center;gap:6px;height:20px}.chart-bar{height:100%;border-radius:3px;background:var(--accent-color, #3b82f6);min-width:2px;transition:width .3s ease}.chart-bar.winning{background:#22c55e}.chart-bar.losing{background:#ef4444}.chart-bar.baseline{background:#94a3b8}.chart-bar-value{font-size:12px;white-space:nowrap}.tracking-info{display:flex;flex-direction:column;gap:12px}.tracking-url{display:block;padding:8px 12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:4px;font-size:13px;word-break:break-all}.tracking-snippet{padding:8px 12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:4px;font-size:12px;overflow-x:auto;white-space:pre;margin:0}.form-help-text{font-size:11px;opacity:.5;margin-top:4px}.taxonomy-manager{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:32px;color:var(--text-color);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.taxonomy-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.taxonomy-manager-header h2{margin:0;font-size:20px;font-weight:600}.taxonomy-add-facet{display:flex;gap:8px;align-items:center;margin-bottom:24px}.taxonomy-add-facet input,.taxonomy-add-facet select{padding:8px 12px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:6px;font-size:14px}.taxonomy-add-facet input:focus,.taxonomy-add-facet select:focus{outline:none;border-color:#4a90e2}.taxonomy-add-facet button,.taxonomy-add-value button{padding:8px 16px;background-color:#4a90e226;color:#4a90e2;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap}.taxonomy-add-facet button:hover,.taxonomy-add-value button:hover{background-color:#4a90e240}.taxonomy-facets-list{display:flex;flex-direction:column;gap:16px;max-width:640px}.taxonomy-facet-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px}.taxonomy-facet-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.taxonomy-facet-header input{flex:1;padding:6px 10px;background-color:transparent;color:var(--text-color);border:1px solid transparent;border-radius:4px;font-size:15px;font-weight:500}.taxonomy-facet-header input:hover{border-color:#ffffff1a}.taxonomy-facet-header input:focus{outline:none;border-color:#4a90e2;background-color:var(--input-bg-color)}.taxonomy-facet-type{font-size:11px;padding:2px 8px;border-radius:4px;background-color:#ffffff14;color:var(--low-contrast-text-color);white-space:nowrap}.taxonomy-facet-delete{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.taxonomy-facet-delete:hover{color:#ef4444;background-color:#ef44441a}.taxonomy-facet-delete svg{width:16px;height:16px}.taxonomy-values-list{display:flex;flex-direction:column;gap:2px}.taxonomy-value-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px}.taxonomy-value-item:hover{background-color:#ffffff08}.taxonomy-value-item input{flex:1;padding:4px 8px;background-color:transparent;color:var(--text-color);border:1px solid transparent;border-radius:4px;font-size:14px}.taxonomy-value-item input:hover{border-color:#ffffff1a}.taxonomy-value-item input:focus{outline:none;border-color:#4a90e2;background-color:var(--input-bg-color)}.taxonomy-value-delete{background:none;border:none;color:var(--low-contrast-text-color);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;opacity:0;transition:opacity .15s}.taxonomy-value-item:hover .taxonomy-value-delete{opacity:1}.taxonomy-value-delete:hover{color:#ef4444}.taxonomy-value-delete svg{width:14px;height:14px}.taxonomy-value-children{padding-left:16px}.taxonomy-add-value{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.taxonomy-add-value input{flex:1;padding:6px 10px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:4px;font-size:13px}.taxonomy-add-value input:focus{outline:none;border-color:#4a90e2}.taxonomy-add-value select{padding:6px 10px;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid transparent;border-radius:4px;font-size:13px}.taxonomy-empty{color:var(--low-contrast-text-color);font-size:13px;padding:8px;font-style:italic}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0c0c0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--document-bg-color: #1e1e1e;--toolbar-bg-color: #1a1a1a;--context-menu-bg-color: #252525;--tabs-bg-color: #141414;--active-tab-bg-color: #1e1e1e;--active-style-button-bg-color: rgba(210, 103, 138, .15);--active-hovered-style-button-bg-color: rgba(210, 103, 138, .25);--hovered-button-bg-color: #2a2a2a;--hovered-tab-bg-color: #252525;--grid-button-bg-color: #2a2a2a;--hovered-grid-button-bg-color: #3a3a3a;--active-grid-button-bg-color: #d2678a;--hovered-toolbar-bg-color: #2a2a2a;--side-bar-bg-color: #141414;--editor-bg-color: #1e1e1e;--header-bg-color: #1a1a1a;--input-bg-color: #252525;--text-color: #e8e8e8;--text-color-muted: #888;--low-contrast-text-color: #666;--link-color: #d2678a;--accent-color: #d2678a;--accent-color-hover: #e07a9b;--border-color: #2a2a2a;--border-color-subtle: #222}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}