.ex{padding:14px;position:absolute;inset:0}.ex-browser{background:#f4f2ee;border:1px solid #e5e7eb;border-radius:10px;height:100%;position:relative;overflow:hidden}.ex-bar{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;height:34px;padding:0 12px;display:flex}.ex-dots{gap:5px;display:flex}.ex-dots i{background:#e5e7eb;border-radius:50%;width:9px;height:9px}.ex-url{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:999px;flex:1;min-width:0;padding:3px 10px;font-size:11.5px;overflow:hidden}.ex-icon{color:#fff;background:#4338ca;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 0 2px #c7d2fe}.ex-page{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:58%;margin:12px;padding:0 16px 14px;font-size:12px;position:absolute;top:34px;bottom:0;left:0;overflow:hidden}.ex-page p{margin:0}.ex-cover{background:linear-gradient(120deg,#cbd5e1,#e2e8f0);height:56px;margin:0 -16px}.ex-photo{object-fit:cover;border:3px solid #fff;border-radius:50%;width:72px;height:72px;margin-top:-36px}.ex-name{color:#111827;font-size:17px;font-weight:600;margin-top:4px!important}.ex-headline{color:#374151;margin-top:2px!important}.ex-loc{color:#9ca3af}.ex-buttons{gap:6px;margin-top:8px;display:flex}.ex-buttons span{color:#334155;border:1px solid #94a3b8;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:500}.ex-buttons span:first-child{color:#fff;background:#334155;border-color:#334155}.ex-section{color:#111827;font-weight:600;margin-top:14px!important}.ex-exp{align-items:center;gap:10px;margin-top:8px;display:flex}.ex-exp span{flex-direction:column;display:flex}.ex-exp strong{color:#111827;font-weight:500}.ex-panel{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;width:min(330px,42%);display:flex;position:absolute;top:44px;bottom:12px;right:12px;overflow:hidden;box-shadow:0 18px 40px #1118272e}.ex-panel-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ex-brand{color:#111827;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.ex-mark{color:#fff;background:#4338ca;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;display:inline-flex}.ex-back{color:#4b5563;cursor:pointer;border-radius:4px;min-height:26px;padding:0 8px;font-size:12px}.ex-panel-body{scrollbar-width:none;scroll-behavior:smooth;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px 12px;display:flex;overflow-y:auto}.ex-person{align-items:center;gap:10px;display:flex}.ex-crm{border-radius:999px;align-self:flex-start;align-items:center;gap:5px;margin:0;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.ex-crm.is-in{color:#15803d;background:#dcfce7}.ex-crm.is-new{color:#92400e;background:#fef3c7}.ex-contact{color:#111827;flex-direction:column;gap:4px;font-size:12.5px;display:flex}.ex-contact>span{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.ex-contact svg{color:#6b7280}.ex-reveal{color:#1d4ed8;cursor:pointer;border:1px solid #bfdbfe;border-radius:4px;align-items:center;gap:4px;min-height:24px;margin-left:auto;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.ex-reveal:disabled{color:#15803d;cursor:default;border-color:#bbf7d0}.ex-actions{flex-direction:column;gap:6px;display:flex}.ex-actions button{color:#1f2937;cursor:pointer;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;font-size:12.5px;font-weight:500;display:flex}.ex-actions button:hover:not(:disabled){background:#e5e7eb}.ex-actions button:disabled{color:#15803d;cursor:default;background:#f0fdf4}.ex-job{flex-direction:column;gap:8px;display:flex}.ex-select{flex-direction:column;gap:3px;display:flex}.ex-select>span:first-child{color:#4b5563;font-size:11.5px;font-weight:500}.ex-select-value{color:#111827;white-space:nowrap;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:6px;min-height:32px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.ex-select-value svg:last-child{flex-shrink:0;margin-left:auto}.ex-ai-toggle{color:#3730a3;cursor:pointer;background:#f5f7ff;border:1px solid #e0e7ff;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12.5px;font-weight:500;display:flex}.ex-ai-toggle em{background:#e0e7ff;border-radius:4px;padding:0 5px;font-size:11px;font-style:normal}.ex-switch{background:#d1d5db;border-radius:999px;width:26px;height:15px;margin-left:auto;position:relative}.ex-switch:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px}.ex-ai-toggle.is-on .ex-switch{background:#4338ca}.ex-ai-toggle.is-on .ex-switch:after{transform:translate(11px)}.ex-ai{flex-direction:column;gap:6px;animation:.2s ease-out ex-in;display:flex}@keyframes ex-in{0%{opacity:0}}.ex-ai-label{color:#4b5563;margin:0;font-size:11.5px;font-weight:500}.ex-chips{flex-wrap:wrap;gap:4px;display:flex}.ex-chips button{color:#374151;cursor:pointer;border:1px solid #d1d5db;border-radius:6px;min-height:26px;padding:0 9px;font-size:12px}.ex-chips button[aria-pressed=true]{color:#3730a3;border-color:#4338ca;font-weight:500;box-shadow:inset 0 0 0 1px #4338ca}.ex-include{gap:12px;display:flex}.ex-include button{color:#374151;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.ex-box{color:#fff;border:1px solid #d1d5db;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}[aria-checked=true]>.ex-box{background:#4338ca;border-color:#4338ca}.ex-generate{color:#3730a3;cursor:pointer;background:#eef2ff;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:12.5px;font-weight:500;display:inline-flex}.ex-message{flex-direction:column;gap:4px;display:flex}.ex-message-text{color:#1f2937;background:#fafbff;border:1px solid #c7d2fe;border-radius:6px;margin:0;padding:8px 10px;font-size:12px;line-height:1.5}.ex-message-text.is-loading{color:#6366f1;animation:1.2s ease-in-out infinite demo-pulse}.ex-use{color:#3730a3;cursor:pointer;border:1px solid #c7d2fe;border-radius:4px;align-self:flex-end;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.ex-use.is-used{color:#15803d;border-color:#bbf7d0}.ex-confirm{color:#eef2ff;cursor:pointer;background:#4338ca;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:12.5px;font-weight:500;display:inline-flex}@container demo (width<=700px){.ex-page{width:48%}.ex-panel{width:54%}}@container demo (width<=480px){.ex{padding:10px}.ex-page{display:none}.ex-panel{width:auto;left:10px;right:10px}.ex-actions button,.ex-confirm,.ex-generate,.ex-reveal,.ex-chips button{min-height:40px}}