body.addin-demo-page{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#f7fafc,#fff);color:#1a1a1a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}:root{--gold: #020816;--gold-dark: #8a6328;--gold-light: #d4a450;--gold-lighter: #1a3060;--blue: #4281a4;--dark: #141d24;--dark-2: #1a2332;--text-primary: #1a1a1a;--text-secondary: #4a5568;--border: #e2e8f0;--border-mid: #cbd5e0;--risk-red: #dc2626;--risk-orange: #ea580c;--risk-yellow: #ca8a04;--risk-green: #16a34a;--bg-risk-red: #fef2f2;--bg-risk-orange: #fff7ed;--bg-risk-yellow: #fefce8;--bg-risk-green: #f0fdf4}.demo-container{width:100%;max-width:960px;margin:0 auto}.word-frame{background:#fff;border:1px solid var(--border-mid);box-shadow:0 25px 60px #0000001f,0 8px 20px #0000000f;overflow:hidden;position:relative}.title-bar{background:#f0f0f0;border-bottom:1px solid #d4d4d4;padding:6px 12px;display:flex;align-items:center;gap:8px;font-size:11px;color:#555;user-select:none}.title-bar-dots{display:flex;gap:5px}.title-bar-dots span{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.title-bar-text{flex:1;text-align:center;font-family:Outfit,sans-serif;font-weight:500;letter-spacing:-.01em}.word-ribbon{background:#f8f9fa;border-bottom:1px solid var(--border);padding:4px 12px;display:flex;align-items:center;gap:16px;font-size:10.5px;color:#666;user-select:none}.ribbon-tab{padding:4px 10px;cursor:default}.ribbon-tab.active{color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:2px}.word-content{display:flex;min-height:460px;max-height:460px}.doc-panel{flex:1;padding:32px 40px;overflow-y:auto;background:#fff;font-family:Times New Roman,Georgia,serif;font-size:12.5px;line-height:1.7;color:#333;border-right:1px solid var(--border)}.doc-panel::-webkit-scrollbar{width:6px}.doc-panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.doc-title{text-align:center;font-size:16px;font-weight:700;margin-bottom:20px;letter-spacing:.05em;text-transform:uppercase}.doc-section-heading{font-size:13px;font-weight:700;margin:16px 0 6px}.doc-highlight{transition:background .4s ease,box-shadow .4s ease;padding:1px 2px;margin:-1px -2px}.doc-highlight.risk-high{background:#dc26261a;box-shadow:inset 3px 0 0 var(--risk-red)}.doc-highlight.risk-moderate{background:#ea580c1a;box-shadow:inset 3px 0 0 var(--risk-orange)}.doc-highlight.risk-low{background:#16a34a14;box-shadow:inset 3px 0 0 var(--risk-green)}.doc-highlight.active-highlight{background:#02081626;box-shadow:inset 3px 0 0 var(--gold)}.addin-panel{width:310px;min-width:310px;background:#fff;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.addin-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.addin-logo{width:22px;height:22px;background:var(--gold);display:flex;align-items:center;justify-content:center}.addin-logo svg{width:14px;height:14px;fill:#fff}.addin-title{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary)}.feature-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 6px;background:#fafbfc;user-select:none}.feature-tab{flex:1;padding:8px 4px;font-size:9.5px;font-weight:500;color:var(--text-secondary);text-align:center;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:3px}.feature-tab:hover{color:var(--gold-dark);background:#b484340a}.feature-tab.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}.feature-tab svg{width:15px;height:15px}.panel-content{flex:1;overflow-y:auto;padding:12px 14px}.panel-content::-webkit-scrollbar{width:5px}.panel-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}.panel-view{display:none;animation:fadeInPanel .3s ease}.panel-view.active{display:block}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.risk-summary{display:flex;gap:6px;margin-bottom:12px}.risk-stat{flex:1;padding:8px;text-align:center;border:1px solid var(--border)}.risk-stat-num{font-size:18px;font-weight:700;font-family:Poppins,sans-serif}.risk-stat-label{font-size:8.5px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.risk-item{border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all .2s ease;overflow:hidden}.risk-item:hover{border-color:var(--border-mid);box-shadow:0 2px 6px #0000000a}.risk-item-header{padding:10px 12px;display:flex;align-items:center;gap:8px}.risk-badge{font-size:8px;font-weight:700;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em;color:#fff;flex-shrink:0}.risk-badge.high{background:var(--risk-red)}.risk-badge.moderate{background:var(--risk-orange)}.risk-badge.low{background:var(--risk-green)}.risk-badge.covered{background:var(--blue)}.risk-item-title{font-size:11.5px;font-weight:500;color:var(--text-primary);flex:1}.risk-item-chevron{width:14px;height:14px;color:#999;transition:transform .2s ease;flex-shrink:0}.risk-item.expanded .risk-item-chevron{transform:rotate(90deg)}.risk-item-detail{max-height:0;overflow:hidden;transition:max-height .3s ease}.risk-item.expanded .risk-item-detail{max-height:200px}.risk-detail-inner{padding:0 12px 12px;font-size:10.5px;color:var(--text-secondary);line-height:1.5}.risk-suggestion{margin-top:8px;padding:8px;background:#f8fafb;border-left:2px solid var(--gold);font-size:10px}.risk-suggestion-label{font-size:8.5px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.chat-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.chat-msg{padding:10px 12px;font-size:11px;line-height:1.55;max-width:92%}.chat-msg.user{background:var(--gold);color:#fff;align-self:flex-end}.chat-msg.assistant{background:#f6f8fa;border:1px solid var(--border);color:var(--text-primary);align-self:flex-start}.chat-msg-role{font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;opacity:.7}.chat-input-area{display:flex;gap:6px;align-items:center;padding:8px;border:1px solid var(--border);background:#fafbfc}.chat-input{flex:1;border:none;background:none;font-size:11px;font-family:Outfit,sans-serif;color:var(--text-primary);outline:none}.chat-send-btn{width:28px;height:28px;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-send-btn:hover{background:var(--gold-dark)}.chat-send-btn svg{width:14px;height:14px;fill:#fff}.typing-indicator{display:flex;gap:3px;padding:10px 14px;align-self:flex-start;background:#f6f8fa;border:1px solid var(--border)}.typing-dot{width:5px;height:5px;border-radius:50%;background:#999;animation:typingBounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-mode-toggle{display:flex;gap:0;margin-bottom:10px;border:1px solid var(--border)}.chat-mode-btn{flex:1;padding:5px 8px;font-size:9.5px;font-weight:500;text-align:center;cursor:pointer;background:#fafbfc;color:var(--text-secondary);border:none;font-family:Outfit,sans-serif;transition:all .2s}.chat-mode-btn.active{background:var(--gold);color:#fff;font-weight:600}.analysis-section{margin-bottom:14px}.analysis-label{font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px}.analysis-card{border:1px solid var(--border);padding:10px 12px}.analysis-card+.analysis-card{margin-top:6px}.analysis-value{font-size:12px;font-weight:600;color:var(--text-primary)}.analysis-sub{font-size:10px;color:var(--text-secondary);margin-top:2px}.analysis-party{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0f0f0}.analysis-party:last-child{border-bottom:none}.party-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--gold),var(--gold-lighter));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.party-info{flex:1}.party-name{font-size:11px;font-weight:600;color:var(--text-primary)}.party-role{font-size:9.5px;color:var(--text-secondary)}.importance-bar{height:4px;background:#eee;margin-top:6px;overflow:hidden}.importance-fill{height:100%;transition:width .8s ease}.importance-fill.high{background:var(--risk-red)}.importance-fill.medium{background:var(--risk-orange)}.importance-fill.low{background:var(--risk-green)}.section-item{padding:8px 12px;border:1px solid var(--border);margin-bottom:6px;display:flex;align-items:center;gap:8px}.section-importance{width:6px;height:6px;flex-shrink:0}.section-importance.high{background:var(--risk-red)}.section-importance.medium{background:var(--risk-orange)}.section-importance.low{background:var(--risk-green)}.section-name{font-size:11px;font-weight:500;color:var(--text-primary);flex:1}.section-rating{font-size:9px;color:var(--text-secondary)}.drafting-search{display:flex;gap:6px;margin-bottom:12px}.drafting-input{flex:1;padding:8px 10px;border:1px solid var(--border);font-size:11px;font-family:Outfit,sans-serif;outline:none;background:#fafbfc}.drafting-input:focus{border-color:var(--gold)}.doc-type-card{border:1px solid var(--border);padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:all .2s}.doc-type-card:hover{border-color:var(--gold);background:#b4843405}.doc-type-card.selected{border-color:var(--gold);background:#b484340a;box-shadow:inset 3px 0 0 var(--gold)}.doc-type-name{font-size:11.5px;font-weight:600;color:var(--text-primary)}.doc-type-area{font-size:9.5px;color:var(--text-secondary);margin-top:2px}.variable-list{margin-top:12px}.variable-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f5f5f5}.variable-item:last-child{border-bottom:none}.variable-tag{font-size:9.5px;font-family:SFMono-Regular,Consolas,monospace;background:#f0f4f8;padding:2px 6px;color:var(--gold-dark);font-weight:500}.variable-val{font-size:10.5px;color:var(--text-primary);flex:1}.generate-btn{width:100%;padding:10px;background:var(--gold);color:#fff;border:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;cursor:pointer;margin-top:12px;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:6px}.generate-btn:hover{background:var(--gold-dark)}.progress-bar-container{margin-bottom:12px}.progress-label{display:flex;justify-content:space-between;font-size:9.5px;color:var(--text-secondary);margin-bottom:4px}.progress-bar{height:3px;background:#eee;overflow:hidden}.progress-fill{height:100%;background:var(--gold);transition:width .6s ease}.addin-footer{padding:8px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--text-secondary)}.footer-credit{display:flex;align-items:center;gap:4px}.credit-bar{width:50px;height:5px;background:#eee}.credit-fill{height:100%;width:72%;background:var(--risk-green)}.footer-model{font-size:9px;color:var(--text-secondary);font-weight:500}@keyframes slideInRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideInRight .4s ease forwards}.animate-slide-up{animation:slideInUp .4s ease forwards}.stagger-children>*{opacity:0;animation:slideInUp .35s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.12s}.stagger-children>*:nth-child(3){animation-delay:.19s}.stagger-children>*:nth-child(4){animation-delay:.26s}.stagger-children>*:nth-child(5){animation-delay:.33s}.stagger-children>*:nth-child(6){animation-delay:.4s}.stagger-children>*:nth-child(7){animation-delay:.47s}.cycle-indicator{display:flex;justify-content:center;gap:6px;margin-top:16px}.cycle-dot{width:6px;height:6px;background:#d4d4d4;border-radius:50%;cursor:pointer;transition:all .3s}.cycle-dot.active{background:var(--gold);width:20px;border-radius:6px}@media(max-width:768px){body.addin-demo-page{padding:1rem}.word-content{min-height:380px;max-height:380px}.doc-panel{display:none}.addin-panel{width:100%;min-width:100%}}@media(min-width:769px)and (max-width:1024px){.doc-panel{padding:20px 24px}.addin-panel{width:280px;min-width:280px}}