@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--px-primary: #ff3f3b;--px-primary-light: #ff6b68;--px-primary-dark: #e63530;--px-black: #2f2f2f;--px-gray-01: #ededed;--px-gray-02: #bbbbbb;--px-gray-03: #a0a0a0;--px-gray-04: #939393;--px-gray-05: #656565;--px-gray-06: #404040;--px-white: #ffffff;--px-border: #e9e9e9;--sidebar-width: 420px;--sidebar-bg: #fafafa;--bubble-user: #ff3f3b;--bubble-bot: #f5f5f5;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-size:14px;color:var(--px-black);line-height:1.6;-webkit-font-smoothing:antialiased}.demo-container{display:flex;height:100vh;overflow:hidden}.groupware-panel{flex:1;overflow:hidden;position:relative;background:#f0f0f0}.groupware-panel iframe{width:100%;height:100%;border:none}.groupware-fallback{width:100%;height:100%;position:relative;overflow:hidden}.fallback-screenshot{width:100%;height:100%;object-fit:cover;object-position:top left;filter:brightness(.97)}.fallback-overlay{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px}.fallback-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:500;color:var(--px-gray-05);box-shadow:0 2px 8px #00000014}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--px-primary)}.fallback-link{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;color:var(--px-gray-05);text-decoration:none;box-shadow:0 2px 8px #00000014;transition:all .2s}.fallback-link:hover{color:var(--px-primary);background:#fffffff2}.chat-sidebar{width:var(--sidebar-width);height:100vh;border-left:1px solid var(--px-border);display:flex;flex-direction:column;background:var(--sidebar-bg);transition:width .3s ease;flex-shrink:0}.chat-sidebar.collapsed{width:0;overflow:hidden;border:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--px-border);background:var(--px-white)}.sidebar-header h1{font-size:16px;font-weight:700;color:var(--px-black);display:flex;align-items:center;gap:8px}.sidebar-header .logo-dot{width:8px;height:8px;border-radius:50%;background:var(--px-primary)}.header-actions{display:flex;align-items:center;gap:4px}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:18px;color:var(--px-gray-04);padding:4px}.sidebar-toggle-btn:hover{color:var(--px-gray-06)}.category-pills{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--px-border);background:var(--px-white);overflow-x:auto}.category-pill{padding:6px 14px;border-radius:20px;border:1px solid var(--px-border);background:var(--px-white);font-size:13px;color:var(--px-gray-05);cursor:pointer;white-space:nowrap;transition:all .2s}.category-pill:hover{border-color:var(--px-primary);color:var(--px-primary)}.category-pill.active{background:var(--px-primary);border-color:var(--px-primary);color:var(--px-white)}.chat-window{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px;gap:16px}.welcome-screen .welcome-icon{font-size:48px;margin-bottom:8px}.welcome-screen h2{font-size:18px;font-weight:600;color:var(--px-black)}.welcome-screen p{font-size:13px;color:var(--px-gray-04);max-width:280px}.suggested-questions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.suggested-btn{padding:8px 14px;border-radius:20px;border:1px solid var(--px-border);background:var(--px-white);font-size:12px;color:var(--px-gray-06);cursor:pointer;transition:all .2s;text-align:left}.suggested-btn:hover{border-color:var(--px-primary);color:var(--px-primary);background:#fff5f5}.message-bubble{max-width:95%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-end}.message-bubble.assistant{align-self:flex-start}.bubble-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.7}.message-bubble.user .bubble-content{background:var(--bubble-user);color:var(--px-white);border-bottom-right-radius:4px}.message-bubble.assistant .bubble-content{background:var(--bubble-bot);color:var(--px-black);border-bottom-left-radius:4px}.bubble-content h1,.bubble-content h2,.bubble-content h3{font-size:14px;font-weight:600;margin:8px 0 4px}.bubble-content ul,.bubble-content ol{padding-left:20px;margin:4px 0}.bubble-content li{margin:2px 0}.bubble-content p{margin:4px 0}.bubble-content strong{font-weight:600}.bubble-content code{background:#0000000f;padding:1px 4px;border-radius:3px;font-size:13px}.source-links{margin-top:8px;display:flex;flex-direction:column;gap:4px}.source-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--px-white);border:1px solid var(--px-border);font-size:12px;color:var(--px-gray-05);text-decoration:none;transition:all .2s}.source-link:hover{border-color:var(--px-primary);color:var(--px-primary)}.source-link .source-category{background:var(--px-gray-01);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--px-gray-05)}.feedback-buttons{display:flex;gap:8px;margin-top:8px}.feedback-btn{background:none;border:1px solid var(--px-border);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--px-gray-04);transition:all .2s}.feedback-btn:hover{border-color:var(--px-gray-03);color:var(--px-gray-06)}.feedback-btn.selected{border-color:var(--px-primary);color:var(--px-primary)}.loading-dots{display:flex;gap:4px;padding:12px 16px;align-self:flex-start}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--px-gray-02);animation:dotPulse 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.chat-input-area{padding:16px 20px;border-top:1px solid var(--px-border);background:var(--px-white)}.chat-input-wrapper{display:flex;gap:8px;align-items:flex-end}.chat-input-wrapper input{flex:1;padding:10px 16px;border:1px solid var(--px-border);border-radius:24px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.chat-input-wrapper input:focus{border-color:var(--px-primary)}.chat-input-wrapper input::placeholder{color:var(--px-gray-03)}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--px-primary);color:var(--px-white);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.send-btn:hover{background:var(--px-primary-dark)}.send-btn:disabled{background:var(--px-gray-02);cursor:not-allowed}.sidebar-open-btn{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;border:none;background:var(--px-primary);color:var(--px-white);font-size:24px;cursor:pointer;box-shadow:0 4px 12px #ff3f3b4d;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:1000}.sidebar-open-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #ff3f3b66}.server-waking{text-align:center;padding:8px;background:#fff8e1;font-size:12px;color:#f57c00;border-bottom:1px solid #ffe082}@media(max-width:768px){.chat-sidebar{position:fixed;right:0;top:0;z-index:999;width:100vw;max-width:var(--sidebar-width);box-shadow:-4px 0 20px #0000001a}}