@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:#18181b;color:#e4e4e7;font-family:JetBrains Mono,SF Mono,Monaco,Consolas,monospace;letter-spacing:.02em}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;letter-spacing:-.01em}p{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,monospace;letter-spacing:.01em}input,textarea,select,button{font-family:inherit}.ant-btn,.ant-btn *,.ant-input,.ant-select,.ant-select-item,.ant-dropdown-menu-item,.ant-modal,.ant-modal *,.ant-tooltip-inner,.ant-message,.ant-notification{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,monospace!important;letter-spacing:.02em}.gallery-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.gallery-header{display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;padding:4px 16px;background:#09090b;border-bottom:1px solid #27272a}.gallery-header-left{display:flex;align-items:center;gap:10px}.gallery-title{font-size:15px;font-weight:600;color:#e4e4e7;letter-spacing:.02em}.gallery-body{display:flex;flex:1;overflow:hidden}.gallery-sidebar{width:250px;min-width:250px;background:#09090b;border-right:1px solid #27272a;display:flex;flex-direction:column;overflow:hidden}.sidebar-filters{flex-shrink:0;padding:6px 8px;border-bottom:1px solid #27272a;background:#09090b}.sidebar-scroll{flex:1;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}.site-list{display:flex;align-items:center;gap:4px}.site-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border:none;background:transparent;color:#a1a1aa;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s ease;white-space:nowrap}.site-item:hover{background:#27272a;color:#e4e4e7}.site-item.active{background:#27272a;color:var(--site-color, #e4e4e7);font-weight:600}.site-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-search-input{width:100%;padding:4px 8px;border-radius:4px;border:1px solid #333;background:#1a1a1e;color:#e4e4e7;font-size:11px;outline:none;box-sizing:border-box}.sidebar-search-input::placeholder{color:#71717a}.sidebar-search-input:focus{border-color:#52525b}.category-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.cat-chip{padding:1px 7px;border-radius:8px;border:1px solid #3f3f46;background:transparent;color:#a1a1aa;font-size:10px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cat-chip:hover{border-color:#71717a;color:#e4e4e7}.cat-chip.active{border-color:var(--chip-color, #e4e4e7);color:var(--chip-color, #e4e4e7);background:#ffffff0f}.sidebar-section{border-bottom:1px solid #27272a}.section-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:none;background:transparent;color:#71717a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.section-toggle:hover{color:#a1a1aa}.section-arrow{font-size:10px;transition:transform .2s ease;display:inline-block}.section-arrow.collapsed{transform:rotate(-90deg)}.section-count{margin-left:auto;font-size:10px;color:#52525b;font-weight:500}.template-list{display:flex;flex-direction:column;padding:0 8px 6px;gap:2px}.template-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-left:2px solid transparent;background:transparent;color:#a1a1aa;cursor:pointer;border-radius:4px;transition:all .15s ease;text-align:left}.template-card:hover{background:#1a1a1e;border-left-color:var(--site-color, #555);color:#e4e4e7}.template-card.active{background:#1f1f23;border-left-color:var(--site-color, #555);border-color:var(--site-color, #555);border-left-width:2px;color:#e4e4e7}.template-icon{font-size:16px;flex-shrink:0;line-height:1}.template-info{display:flex;flex-direction:column;gap:1px;min-width:0}.template-name{font-size:12px;font-weight:600;color:inherit;display:flex;align-items:center;gap:4px}.tpl-badge{font-size:9px;font-weight:700;padding:0 4px;border-radius:3px;line-height:16px;letter-spacing:.5px}.tpl-badge-wp{background:#25d36626;color:#25d366}.tpl-badge-tg{background:#0088cc26;color:#08c}.tpl-badge-email{background:#eab30826;color:#eab308}.template-desc{font-size:10px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-main{flex:1;display:flex;flex-direction:column;background:#18181b;overflow:hidden}.preview-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:24px;overflow:auto;position:relative}.preview-container::-webkit-scrollbar{width:6px}.preview-container::-webkit-scrollbar-track{background:transparent}.preview-container::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.preview-iframe{border:none;border-radius:8px;box-shadow:0 4px 24px #0006;background:#fff;height:100%;min-height:600px;transition:width .3s ease}.template-meta-bar{display:flex;gap:12px;padding:8px 16px;background:#111827;border-bottom:1px solid #1f2937;flex-wrap:wrap}.template-meta-bar .meta-field{display:flex;align-items:center;gap:6px;background:#1a1f2e;border:1px solid #27272a;border-radius:6px;padding:4px 10px;min-width:0}.template-meta-bar .meta-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.template-meta-bar .meta-value{font-size:12px;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.template-meta-bar .meta-field-clickable{cursor:pointer;transition:background .15s,border-color .15s}.template-meta-bar .meta-field-clickable:hover{background:#252d3d;border-color:#3b82f6}.template-meta-bar .meta-field-clickable:active{background:#1e3a5f}.template-meta-bar .meta-copy-icon{color:#6b7280;font-size:11px;transition:color .15s}.template-meta-bar .meta-field-clickable:hover .meta-copy-icon{color:#3b82f6}.action-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border-top:1px solid #27272a;background:#09090b}.html-modified-banner{font-size:11px;color:#faad14;background:#faad1414;border-bottom:1px solid rgba(250,173,20,.2);padding:4px 16px;text-align:center;flex-shrink:0}.html-modified-banner.floating{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:2;border-radius:0 0 6px 6px;border:1px solid rgba(250,173,20,.2);border-top:none}.agent-override-bar{padding:8px 24px;border-top:1px solid #27272a;background:#0e0e1c}.agent-override-fields{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.agent-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:100px}.agent-field label{font-size:10px;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.agent-field input{padding:4px 8px;border-radius:4px;border:1px solid #333;background:#1a1a2e;color:#e4e4e7;font-size:12px;outline:none;width:100%;box-sizing:border-box}.agent-field input:focus{border-color:#52525b}.agent-override-warning{font-size:11px;color:#faad14;background:#faad1414;border:1px solid rgba(250,173,20,.2);border-radius:4px;padding:4px 10px;margin-bottom:6px}.agent-channel-warning{display:flex;align-items:center;gap:8px;font-size:13px;color:#ff4d4f;background:#ff4d4f14;border:1px solid rgba(255,77,79,.25);border-radius:6px;padding:10px 16px;margin-bottom:0}.preview-channel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.preview-channel-overlay-box{text-align:center;color:#ff4d4f;background:#0f0f19d9;border:1px solid rgba(255,77,79,.3);border-radius:12px;padding:28px 36px;pointer-events:auto}.preview-channel-overlay-box p{margin:6px 0 0;font-size:14px}.agent-field.modified input{border-color:#faad14!important}.agent-field.field-missing input{border-color:#ff4d4f!important;background:#ff4d4f0f!important}.agent-field.field-missing input::placeholder{color:#ff4d4f;opacity:.85}.modified-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#faad14;margin-left:3px;vertical-align:middle}.agent-override-reset{padding:4px 8px;border-radius:4px;border:1px solid #ef4444;background:transparent;color:#ef4444;cursor:pointer;font-size:12px;flex-shrink:0;height:26px}.agent-override-reset:hover{background:#ef44441a}.agent-original-info{display:flex;flex-wrap:wrap;gap:4px 14px;padding:4px 0 0;font-size:11px;color:#888}.agent-original-info .agent-original-label{color:#666;font-weight:600}.ant-segmented{background:#27272a!important}.ant-segmented .ant-segmented-item{color:#71717a!important}.ant-segmented .ant-segmented-item-selected{background:#3f3f46!important;color:#e4e4e7!important}.ant-btn-default{background:#27272a!important;border-color:#3f3f46!important;color:#e4e4e7!important}.ant-btn-default:hover{border-color:#52525b!important;color:#fff!important}.ant-message .ant-message-notice-content{background:#27272a;color:#e4e4e7}.gallery-header-right{display:flex;align-items:center;gap:12px}.code-split{flex:1;display:flex;overflow:hidden}.code-editor-pane{width:50%;min-width:0;border-right:1px solid #27272a}.code-preview-pane{width:50%;min-width:0;display:flex;justify-content:center;align-items:flex-start;padding:16px;overflow:auto;background:#1a1a1e}.code-preview-iframe{border:none;border-radius:6px;background:#fff;width:100%;height:100%;min-height:600px}.visual-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.visual-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#09090b;border-bottom:1px solid #27272a;min-height:40px}.visual-toolbar .ant-btn-text{color:#a1a1aa!important}.visual-toolbar .ant-btn-text:hover{color:#e4e4e7!important;background:#27272a!important}.visual-iframe-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:16px;overflow:auto;background:#1a1a1e}.visual-iframe{border:none;border-radius:6px;background:#fff;width:620px;height:100%;min-height:600px;box-shadow:0 4px 24px #0006}.edit-split{flex:1;display:flex;height:100%;gap:0;overflow:hidden}.edit-form-pane{width:45%;overflow-y:auto;padding:12px;background:#1a1a2e}.edit-form-pane::-webkit-scrollbar{width:4px}.edit-form-pane::-webkit-scrollbar-track{background:transparent}.edit-form-pane::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}.edit-preview-pane{width:55%;border-left:1px solid #333;display:flex;justify-content:center;align-items:flex-start;overflow:auto;background:#1a1a1e}.edit-field-row{margin-bottom:8px}.edit-field-label{color:#999;font-size:11px;margin-bottom:2px}.edit-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.edit-section-header{display:flex;align-items:center;gap:8px}.edit-section-border{width:3px;height:16px;border-radius:2px;flex-shrink:0}.edit-match-card{background:#0e0e1c;border:1px solid #2a2a3e;border-radius:6px;padding:8px 10px;margin-bottom:8px}.edit-match-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.edit-match-card-title{font-size:12px;font-weight:600;color:#e4e4e7}.edit-form-pane .ant-collapse{background:transparent;color:#e4e4e7}.edit-form-pane .ant-collapse-header{color:#e4e4e7!important;font-size:13px;font-weight:600;padding-left:0!important}.edit-form-pane .ant-collapse-content{color:#a1a1aa}.edit-form-pane .ant-input,.edit-form-pane .ant-input-affix-wrapper,.edit-form-pane textarea.ant-input{background:#0e0e1c!important;border-color:#333!important;color:#e4e4e7!important;font-size:12px}.edit-form-pane .ant-input:focus,.edit-form-pane .ant-input-affix-wrapper:focus,.edit-form-pane textarea.ant-input:focus{border-color:#555!important;box-shadow:none!important}.edit-style-toolbar{display:flex;align-items:center;gap:2px;margin-top:4px;flex-wrap:wrap}.edit-style-toolbar .ant-btn{padding:0 6px;height:24px;font-size:12px;color:#71717a!important}.edit-style-toolbar .ant-btn:hover{color:#e4e4e7!important}.edit-style-toolbar .ant-btn.active{background:#ffffff1f!important;color:#e4e4e7!important;border-color:#555!important}.edit-style-toolbar .ant-select{font-size:11px}.edit-style-toolbar .ant-select .ant-select-selector{background:#0e0e1c!important;border-color:#333!important;color:#e4e4e7!important;height:24px!important;font-size:11px}.ant-modal .ant-modal-content{background:#1f1f23;color:#e4e4e7}.ant-modal .ant-modal-header{background:#1f1f23}.ant-modal .ant-modal-title{color:#e4e4e7}.ant-modal .ant-modal-body{color:#a1a1aa}.typo-modal{display:flex;flex-direction:column;gap:20px}.typo-section-title{font-size:12px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.typo-colors{display:flex;flex-wrap:wrap;gap:8px}.typo-color-item{display:flex;align-items:center;gap:6px;background:#27272a;border-radius:6px;padding:4px 10px 4px 4px}.typo-color-swatch{width:24px;height:24px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.typo-color-hex{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#e4e4e7}.typo-color-label{font-size:11px;color:#71717a}.typo-font-item{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.typo-font-label{font-size:12px;color:#a1a1aa;flex-shrink:0}.typo-font-value{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#e4e4e7;background:#27272a;padding:3px 8px;border-radius:4px;word-break:break-all}.typo-btn-table{width:100%;border-collapse:collapse;font-size:12px}.typo-btn-table th{text-align:left;color:#71717a;font-weight:500;padding:4px 8px;border-bottom:1px solid #27272a}.typo-btn-table td{padding:6px 8px;color:#a1a1aa;border-bottom:1px solid #1f1f23}.typo-btn-table code{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#e4e4e7;background:#27272a;padding:1px 5px;border-radius:3px}.typo-sig-list{margin:0;padding:0 0 0 16px;font-size:12px;color:#a1a1aa;line-height:1.8}.dark-modal .ant-modal-content{background:#1e1e2e!important;border:1px solid #3a3a4e;border-radius:12px}.dark-modal .ant-modal-confirm-title{color:#fff!important;font-size:18px!important;font-weight:700!important}.dark-modal .ant-modal-confirm-content{color:#ccc!important;font-size:14px;line-height:1.6}.dark-modal .ant-modal-confirm-btns{margin-top:16px}.dark-modal .ant-input,.dark-modal .ant-select-selector{background:#2a2a3e!important;border:1px solid #3a3a4e!important;color:#fff!important;border-radius:6px}.dark-modal .ant-input::placeholder{color:#666!important}.dark-modal .ant-input:focus,.dark-modal .ant-input:hover{border-color:#5a5a7e!important;box-shadow:0 0 0 2px #6464c826!important}.dark-modal .ant-btn-primary{background:#6366f1!important;border-color:#6366f1!important;border-radius:6px;font-weight:600}.dark-modal .ant-btn-default{background:transparent!important;border-color:#3a3a4e!important;color:#aaa!important;border-radius:6px}.dark-modal .ant-btn-dangerous{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;border-radius:6px;font-weight:600}.dark-modal .ant-btn-dangerous:hover{background:#ef4444!important;border-color:#ef4444!important}.vip-agent-modal .ant-modal-content{background:#1e1e2e!important;border:1px solid #3a3a4e;border-radius:12px}.vip-agent-modal .ant-modal-confirm-title{color:#fff!important;font-size:18px!important;font-weight:700!important}.vip-agent-modal .ant-modal-confirm-content{color:#ccc!important}.vip-agent-modal .ant-input{background:#2a2a3e!important;border:1px solid #3a3a4e!important;color:#fff!important;border-radius:6px}.vip-agent-modal .ant-btn-primary{background:#6366f1!important;border-color:#6366f1!important;border-radius:6px;font-weight:600}.vip-agent-modal .ant-btn-default{background:transparent!important;border-color:#3a3a4e!important;color:#aaa!important;border-radius:6px}.insert-highlights-banner{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;padding:8px 20px;background:#3b82f6f2;color:#fff;font-size:13px;font-weight:600;border-radius:0 0 8px 8px;box-shadow:0 4px 16px #3b82f64d}.shortcuts-table{width:100%;border-collapse:collapse;font-size:13px}.shortcuts-table td{padding:8px 4px;border-bottom:1px solid #27272a}.shortcuts-table td:first-child{width:160px}.shortcuts-table kbd{display:inline-block;padding:2px 8px;background:#27272a;border:1px solid #3f3f46;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#e4e4e7}.linkmaker-textarea.ant-input::placeholder,.linkmaker-textarea textarea.ant-input::placeholder,.linkmaker-textarea .ant-input::placeholder{color:#999!important;font-size:12px!important}