@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";.custom-message-input-wrapper{box-sizing:border-box;gap:10px;padding:16px 22px 18px;border-top:1px solid var(--line);background:var(--surface)}.input-row{display:flex;align-items:center;gap:10px}.message-input-field{flex:1}vaadin-text-area.message-input-field{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--line-strong);--vaadin-input-field-hover-border-color: var(--forest);--vaadin-input-field-focus-ring-color: rgba(30, 90, 79, .24);--vaadin-input-field-background: var(--surface-soft);--vaadin-input-field-value-color: var(--ink);--vaadin-input-field-placeholder-color: var(--muted);--vaadin-input-field-border-radius: 14px;min-height:52px}vaadin-text-area.message-input-field::part(input-field){padding:11px 15px;color:var(--ink);background:var(--surface-soft);font-size:14px;font-weight:500;line-height:1.45}vaadin-text-area.message-input-field:hover::part(input-field),vaadin-text-area.message-input-field:focus-within::part(input-field){color:var(--ink);background:var(--surface)}vaadin-button.message-send-button{--vaadin-button-height: 52px;--vaadin-button-min-width: 52px;box-sizing:border-box;width:52px;min-width:52px;border:1px solid var(--forest);border-radius:14px;color:#fff;background:var(--forest);box-shadow:0 10px 20px #1e5a4f33;transition:transform .2s ease,background .2s ease}vaadin-button.message-send-button:hover{color:#fff;background:var(--forest-dark);transform:translateY(-1px)}vaadin-button.message-send-button vaadin-icon,vaadin-button.message-send-button iron-icon{color:#fff;width:18px;height:18px}.input-disclaimer{display:flex;align-items:center;gap:7px;box-sizing:border-box;width:fit-content;max-width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:11px}.disclaimer-icon{color:var(--gold)}.disclaimer-text{color:var(--muted)}@media (max-width: 560px){.custom-message-input-wrapper{padding:12px}.input-disclaimer{width:100%}}.chat-toggle-button{background:#111111eb;color:var(--getty-foreground);border-radius:50%;width:70px;font-size:40px;box-shadow:0 18px 36px #00000057;border:1px solid var(--getty-edge);position:fixed;bottom:20px;right:20px;--vaadin-button-height: 70px;transition:all .2s ease;z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-toggle-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 20px 34px #111d2857}.chat-window{width:min(620px,calc(100vw - 24px));height:min(780px,calc(100vh - 100px));background:linear-gradient(180deg,#111111d6,#050505eb);border:1px solid var(--getty-edge);border-radius:var(--radius-xl);box-shadow:var(--getty-shadow);position:fixed;bottom:96px;right:12px;display:flex;flex-direction:column;overflow:hidden;z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-window>.custom-chat-display-wrapper{flex:1;min-height:0}.chat-window__header{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;background:var(--getty-tint);color:var(--getty-foreground);border-bottom:1px solid var(--getty-edge)}.chat-window__icon-wrapper{width:42px;height:42px;border-radius:50%;background:#ffffff14;border:1px solid var(--getty-edge-strong);display:flex;align-items:center;justify-content:center}.chat-window__brand-title{font-family:Manrope,Avenir Next,Helvetica Neue,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.03em}.chat-window__brand-subtitle{font-size:12px;color:var(--getty-secondary)}html{--ink: #183b37;--ink-soft: #49645e;--muted: #77817b;--canvas: #f2eee7;--surface: #fffdfa;--surface-soft: #f8f4ed;--surface-green: #e5f0ec;--line: #ded8cf;--line-strong: #c9c1b5;--forest: #1e5a4f;--forest-dark: #16483f;--rust: #a65e49;--gold: #c69e5d;--shadow: 0 22px 60px rgba(47, 48, 41, .11);--lumo-primary-color: var(--forest);--lumo-primary-text-color: var(--forest);--lumo-base-color: var(--surface);--lumo-body-text-color: var(--ink);--lumo-secondary-text-color: var(--muted);--lumo-header-text-color: var(--ink);--lumo-font-family: "DM Sans", "Avenir Next", sans-serif}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 12%,rgba(198,158,93,.12),transparent 27rem),radial-gradient(circle at 92% 86%,rgba(30,90,79,.11),transparent 32rem),var(--canvas);font-family:DM Sans,Avenir Next,sans-serif;-webkit-font-smoothing:antialiased}.main-chat-view{width:100%;min-height:100vh;box-sizing:border-box;padding:clamp(16px,3vw,38px) clamp(14px,4vw,56px);position:relative;overflow:auto}.workspace-layout{width:min(1480px,100%);min-height:0;flex:1 1 auto;gap:18px;align-items:stretch}.side-rail{box-sizing:border-box;flex:0 0 228px;min-height:0;padding:24px 20px;border:1px solid var(--line);border-radius:22px;background:#fffdfac7;box-shadow:0 12px 36px #2f30290d}.left-rail{background:linear-gradient(180deg,#fffdfaeb,#f8f4ede0)}.right-rail{background:linear-gradient(180deg,#e5f0eccc,#fffdfae6)}.side-rail h3{margin:0 0 8px;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:25px;font-weight:500;letter-spacing:-.04em;line-height:1.08}.rail-eyebrow,.chat-header-eyebrow,.source-note-label{color:var(--rust);font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.2}.rail-eyebrow{margin:0 0 10px}.side-rail .rail-eyebrow:not(:first-child){margin-top:26px}.rail-description{display:block;margin-bottom:18px;color:var(--muted);font-size:13px;line-height:1.55}.new-chat-button,.suggestion-button,.clear-chat-button,.demo-pagination-controls vaadin-button{--vaadin-button-text-color: var(--ink);--vaadin-button-background: transparent;--vaadin-button-border-radius: 999px;font-family:DM Sans,sans-serif;font-weight:700}.new-chat-button{width:100%;min-height:42px;margin:2px 0 4px;color:#fff;background:var(--forest);border:1px solid var(--forest);box-shadow:0 8px 16px #1e5a4f2e}.new-chat-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.recent-chat-card{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid rgba(30,90,79,.18);border-radius:13px;background:var(--surface-green)}.recent-chat-list{flex:0 0 auto;gap:8px}.recent-chat-title{color:var(--ink);font-size:13px;font-weight:700}.recent-chat-timestamp{color:var(--muted);font-size:11px}.suggestion-button{width:100%;justify-content:flex-start;margin:0 0 8px;min-height:40px;height:auto;padding:9px 13px;border:1px solid rgba(166,94,73,.24);color:var(--ink-soft);background:#fffdfad1;font-size:11px;line-height:1.3;white-space:normal;text-align:left}.suggestion-button::part(label){overflow:visible;text-overflow:clip;white-space:normal}.suggestion-button:hover{border-color:var(--forest);color:var(--forest);background:var(--surface)}.field-card{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-top:1px solid rgba(30,90,79,.16)}.field-card-title{color:var(--ink);font-size:13px;font-weight:700}.field-card-detail{color:var(--muted);font-size:11px;line-height:1.4}.source-note{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding:14px;border-radius:14px;background:#c69e5d24;color:var(--ink-soft);font-size:11px;line-height:1.45}.chat-container{box-sizing:border-box;min-width:0;min-height:0;flex:1 1 auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.chat-header{box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:23px 26px 20px;border-bottom:1px solid var(--line);background:#fffdfaf0}.chat-header-icon-wrapper{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(30,90,79,.22);border-radius:15px;color:var(--forest);background:var(--surface-green)}.chat-header-title-group{display:flex;flex-direction:column;gap:3px;min-width:0}.chat-header-title{color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:clamp(24px,2.2vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.08}.chat-header-subtitle{color:var(--muted);font-size:12px;line-height:1.4}.chat-header-actions{margin-left:auto;flex:0 0 auto}.clear-chat-button{min-height:36px;border:1px solid var(--line-strong);color:var(--ink-soft);background:transparent;font-size:12px}.clear-chat-button:hover{border-color:var(--forest);color:var(--forest);background:var(--surface-green)}.custom-chat-display-wrapper{min-height:0;flex:1 1 auto;overflow:hidden;background:linear-gradient(180deg,#fbfaf6,#f7f3ed)}.custom-chat-display-wrapper vaadin-scroller{height:100%}.custom-chat-display-container{box-sizing:border-box;min-height:100%;padding:28px clamp(18px,4vw,48px) 22px}.message-row{display:flex;width:100%;margin:0 0 15px}.message-row-user{justify-content:flex-end}.message-row-assistant{justify-content:flex-start}.message-bubble{max-width:min(760px,88%);overflow:hidden;border:1px solid var(--line);border-radius:18px;transition:box-shadow .2s ease,transform .2s ease}.message-bubble-user{border-color:#1e5a4f33;background:var(--surface-green);box-shadow:0 10px 24px #1e5a4f12}.message-bubble-assistant{border-left:3px solid var(--gold);background:var(--surface);box-shadow:0 10px 24px #2f30290f}.message-bubble:hover{box-shadow:0 14px 30px #2f30291c;transform:translateY(-1px)}.message-bubble-content{padding:0}.message-bubble-user .message-bubble-content,.message-bubble-assistant .message-bubble-content{--vaadin-message-list-item-background: transparent;--vaadin-message-list-item-border-radius: 0;--vaadin-message-list-item-text-color: var(--ink);--lumo-body-text-color: var(--ink);--lumo-secondary-text-color: var(--muted);--lumo-primary-text-color: var(--forest);color:var(--ink)}.message-bubble-content [part=name],.message-bubble-content [part=time]{display:none}.message-bubble vaadin-message-list-item,.message-bubble vaadin-message-list-item::part(content),.message-bubble vaadin-message-list-item::part(message){color:var(--ink);background:transparent;font-size:14px;line-height:1.55}.message-bubble-user vaadin-message-list-item::part(content),.message-bubble-user vaadin-message-list-item::part(message){font-weight:500}.message-bubble a{color:var(--forest);font-weight:700;text-decoration:underline}.message-bubble pre,.message-bubble code{border-radius:8px;color:var(--ink);background:#edf2ef}.custom-chat-component-wrapper{margin:8px 0 14px}.demo-pagination-controls{box-sizing:border-box;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.demo-pagination-controls vaadin-button{border:1px solid var(--line-strong);background:var(--surface);font-size:12px}.demo-pagination-controls span{color:var(--muted);font-size:12px;font-weight:600}.demo-pagination-controls vaadin-button[disabled]{opacity:.5}.typing-indicator{display:flex;align-items:flex-end;gap:8px;justify-content:flex-start;width:100%}.typing-indicator-avatar{box-sizing:border-box;flex-shrink:0;width:34px;height:34px;padding:4px;border:1px solid rgba(30,90,79,.2);border-radius:12px;background:var(--surface-green)}.typing-indicator-bubble{display:flex;align-items:center;gap:10px;max-width:fit-content;padding:11px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 10px 24px #2f30290f}.typing-indicator-bubble:before{content:"Thinking";color:var(--muted);font-size:12px;white-space:nowrap}.typing-dots-container{display:flex;align-items:center;gap:5px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--forest);opacity:.45;animation:thinkingBounce 1.5s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.22s}.typing-dot:nth-child(3){animation-delay:.44s}.animate-fade-in{animation:fadeIn .28s ease-out}.animate-fade-in-up{animation:fadeInUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes thinkingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-7px);opacity:1}}@media (max-width: 1180px){.right-rail{display:none}}@media (max-width: 900px){.main-chat-view{padding:10px}.left-rail{display:none}.workspace-layout{gap:0}.chat-container{border-radius:18px}.chat-header{padding:18px}.chat-header-title{font-size:25px}.chat-header-subtitle{display:none}.message-bubble{max-width:95%}}@media (max-width: 560px){.chat-header-icon-wrapper{width:40px;height:40px;border-radius:12px}.chat-header-actions{display:none}.chat-header-title{font-size:23px}}.main-chat-view{background:linear-gradient(#f2eee7d1,#f2eee7e0),url(/images/potala_palace.jpg) center top / cover no-repeat fixed}.chat-container{background:#fffdfae6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-chat-display-wrapper{background:#fbfaf6c7}.side-rail{background:#fffdfab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.left-rail{background:#fffdfac7}.right-rail{background:#e5f0ecb8}.recent-chat-card{position:relative;padding-right:44px;cursor:pointer}.recent-chat-card-active{background:#e5f0eceb;border-color:#1e5a4f6b;box-shadow:inset 3px 0 0 var(--forest-dark)}.recent-chat-card:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.recent-chat-copy{display:flex;flex-direction:column;gap:5px;min-width:0}vaadin-button.recent-chat-delete{--vaadin-button-background: transparent;--vaadin-button-text-color: var(--muted);--vaadin-button-border-radius: 50%;position:absolute;top:8px;right:8px;width:28px;min-width:28px;height:28px;padding:0;color:var(--muted);border:1px solid transparent;font-size:14px;font-weight:700}vaadin-button.recent-chat-delete:hover{--vaadin-button-background: rgba(166, 94, 73, .1);--vaadin-button-text-color: var(--rust);color:var(--rust);border-color:#a65e4940}.mobile-workspace-button{display:none;min-width:42px;height:42px;padding:0;border:1px solid rgba(30,90,79,.28);border-radius:6px;background:var(--surface);color:var(--forest)}vaadin-dialog-overlay.mobile-workspace-dialog::part(content){width:min(360px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 28px));padding:20px;overflow:auto;border-radius:8px}.mobile-workspace-content{gap:10px}.mobile-workspace-title{margin:0 0 4px;color:var(--forest)}.mobile-workspace-eyebrow{margin-top:16px}.mobile-clear-chat-button{min-height:42px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--ink-soft)}.mobile-session-row{align-items:stretch}.mobile-session-select{justify-content:flex-start;min-height:42px;border:1px solid var(--line);border-radius:6px 0 0 6px;background:var(--surface);color:var(--ink);text-align:left}.mobile-session-select-active{border-color:#1e5a4f80;background:var(--surface-green);color:var(--forest)}.mobile-session-delete{min-width:42px;height:42px;padding:0;border:1px solid var(--line);border-left:0;border-radius:0 6px 6px 0;background:var(--surface);color:var(--muted)}.mobile-suggestion-button{justify-content:flex-start;min-height:42px;height:auto;padding:10px 12px;border:1px solid rgba(166,94,73,.24);border-radius:6px;background:#fffdfae6;color:var(--forest);font-size:12px;line-height:1.3;text-align:left;white-space:normal}.mobile-suggestion-button::part(label){overflow:visible;text-overflow:clip;white-space:normal}@media (max-width: 900px){.mobile-workspace-button{display:inline-flex}}@media (max-width: 560px){.chat-header-actions{display:flex}.clear-chat-button{display:none}}