@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--deep-blue: #2D2D41;--deep-blue-90: rgba(45, 45, 65, .92);--deep-blue-light: #3a3a52;--green: #05D296;--green-hover: #04b882;--green-soft: rgba(5, 210, 150, .12);--green-glow: rgba(5, 210, 150, .25);--white: #FFFFFF;--light-beige: #ECE8D7;--cool-gray: #E6EBEB;--off-white: #F7F8F8;--text-primary: #2D2D41;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-on-dark: #F0F0F4;--text-on-dark-muted: rgba(240, 240, 244, .55);--border: #E5E7EB;--border-light: #F0F1F3;--error: #E5484D;--error-bg: #FFF0F0;--pad: 16px;--pad-sm: 12px;--pad-xs: 8px;--r: 12px;--r-sm: 8px;--r-xs: 6px;--shadow-sm: 0 1px 2px rgba(45, 45, 65, .06);--shadow-md: 0 4px 12px rgba(45, 45, 65, .08);--shadow-card: 0 1px 3px rgba(45, 45, 65, .05), 0 0 0 1px rgba(45, 45, 65, .04);--shadow-card-hover: 0 4px 16px rgba(5, 210, 150, .1), 0 0 0 1px rgba(5, 210, 150, .15);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard Variable,Pretendard,Poppins,-apple-system,sans-serif;font-size:13px;line-height:1.5;color:var(--text-primary);background:var(--off-white);overflow:hidden;height:100%;-webkit-font-smoothing:antialiased}#app{width:100%;min-width:236px;height:100vh;display:flex;flex-direction:column;background:var(--white);overflow:hidden;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--pad);background:var(--deep-blue);position:sticky;top:0;z-index:50}.header-logo-img{height:22px;width:auto;display:block}.header-user{font-size:11px;color:var(--text-on-dark-muted);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hwp-status{position:absolute;top:46px;left:0;right:0;z-index:49;font-size:11px;padding:7px var(--pad);background:var(--green-soft);border-bottom:1px solid rgba(5,210,150,.2);color:#0a7c5a;display:none;font-weight:500}.hwp-status.visible{display:block}.hwp-status.error{background:var(--error-bg);border-color:#e5484d26;color:var(--error)}.view{flex:1;padding:var(--pad);display:none;opacity:0;min-height:0}.view.active{display:flex;flex-direction:column;animation:viewFadeIn .3s var(--ease) forwards}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-branding{text-align:center;padding:28px 0 20px}.login-logo-img{height:36px;width:auto;display:inline-block}.login-branding-title{font-size:13px;color:var(--text-secondary);margin-top:8px;font-weight:500;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}input[type=email],input[type=password],input[type=text],textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);background:var(--white);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}textarea{resize:vertical;min-height:56px}.login-signup-row{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:8px;font-size:12px}.login-signup-prompt{color:var(--text-muted)}.login-signup-link{background:none;border:none;padding:0;color:var(--green);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-signup-link:hover{opacity:.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--r-sm);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--duration) var(--ease);position:relative;overflow:hidden}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--green);color:var(--white);box-shadow:0 1px 3px #05d2964d}.btn-primary:hover:not(:disabled){background:var(--green-hover);box-shadow:0 2px 8px #05d29659}.btn-secondary{background:var(--white);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--off-white);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 8px}.btn-ghost:hover{background:var(--cool-gray);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--r-xs)}.btn-block{width:100%}.btn-send{width:36px;height:36px;padding:0;border-radius:50%;flex-shrink:0;background:var(--deep-blue);color:var(--white)}.btn-send:hover:not(:disabled){background:var(--green);box-shadow:0 0 12px var(--green-glow)}.workflow-header{text-align:center;padding:16px 0 12px}.workflow-header-title{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.4}.workflow-header-sub{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:500}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#workflow-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto}.workflow-row{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--white);border-radius:var(--r);cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--duration) var(--ease);line-height:1.35;overflow:hidden}.workflow-row:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.workflow-row:active{transform:translateY(0) scale(.99)}.workflow-row-title{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-row-desc{font-size:11px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workflow-card{padding:14px 10px;background:var(--white);border-radius:var(--r);cursor:pointer;transition:all var(--duration) var(--ease);text-align:center;box-shadow:var(--shadow-card);position:relative}.workflow-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--green);border-radius:var(--r) var(--r) 0 0;opacity:0;transition:opacity var(--duration) var(--ease)}.workflow-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.workflow-card:hover:before{opacity:1}.workflow-card:active{transform:translateY(0) scale(.98)}.workflow-card-title{font-size:12px;font-weight:600;line-height:1.35;color:var(--text-primary)}.workflow-card-desc{font-size:10px;color:var(--text-muted);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.workflow-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;margin-top:auto;border-top:1px solid var(--border-light)}.workflow-footer-logo-img{height:14px;width:auto;opacity:.45}.workflow-footer-user{font-size:11px;color:var(--text-muted);font-weight:500}.view#view-workflow-chat{overflow:hidden}.chat-container{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.chat-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border-light);margin-bottom:8px}.chat-header-title{font-size:13px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 0 12px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-msg{padding:10px 12px;border-radius:var(--r-sm);font-size:13px;line-height:1.65;word-break:break-word;animation:msgSlideIn .25s var(--ease) forwards}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.assistant{background:var(--off-white);border:1px solid var(--border-light);color:var(--text-primary)}.chat-msg.assistant p{margin:0}.chat-msg.assistant p+p,.chat-msg.assistant p+ul,.chat-msg.assistant p+ol,.chat-msg.assistant ul+p,.chat-msg.assistant ol+p,.chat-msg.assistant h1+*,.chat-msg.assistant h2+*,.chat-msg.assistant h3+*,.chat-msg.assistant h4+*,.chat-msg.assistant h5+*,.chat-msg.assistant h6+*{margin-top:6px}.chat-msg.assistant ul,.chat-msg.assistant ol{padding-left:18px;margin:4px 0}.chat-msg.assistant li{margin:1px 0}.chat-msg.assistant strong{font-weight:600}.chat-msg.assistant h1,.chat-msg.assistant h2,.chat-msg.assistant h3,.chat-msg.assistant h4,.chat-msg.assistant h5,.chat-msg.assistant h6{font-weight:600;margin:4px 0 2px;font-size:13px;line-height:1.4}.chat-msg.assistant code{background:#0000000f;padding:1px 4px;border-radius:3px;font-size:12px;font-family:ui-monospace,SF Mono,Consolas,monospace}.chat-msg.assistant pre{background:#0000000a;padding:8px 10px;border-radius:4px;margin:4px 0;overflow-x:auto;font-size:12px}.chat-msg.assistant pre code{background:none;padding:0}.chat-msg.user{background:var(--deep-blue);color:var(--text-on-dark);align-self:flex-end;max-width:88%;border-radius:var(--r-sm) var(--r-sm) 3px var(--r-sm)}.chat-msg.document-card{background:var(--white);border:1.5px solid var(--green);border-radius:var(--r-sm);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:default}.chat-msg.document-card .doc-card-icon{width:32px;height:32px;background:var(--green-soft);border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-msg.document-card .doc-card-icon svg{width:16px;height:16px;color:var(--green)}.chat-msg.document-card .doc-card-info{flex:1;min-width:0}.chat-msg.document-card .doc-card-title{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-msg.document-card .doc-card-sub{font-size:10px;color:var(--text-muted);margin-top:1px}.chat-msg.assistant.typing:after{content:"";display:inline-block;width:4px;height:14px;background:var(--green);border-radius:1px;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.chat-msg.assistant.summarize-result{text-align:left;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:inherit}.chat-msg.assistant.summarize-action{background:transparent;border:none;padding:8px 0;display:flex;justify-content:center;animation:none}.chat-msg.assistant.summarize-action .btn{min-width:120px}.chat-msg.assistant.is-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.chat-msg.assistant.summarize-result.is-processing{animation:processing-pulse 1.6s ease-in-out infinite}.chat-msg.assistant.summarize-result.is-processing:after{content:"";display:inline-block;width:1.4em;text-align:left;font-variant-numeric:tabular-nums;animation:processing-dots 1.2s steps(4,end) infinite}@keyframes processing-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes processing-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.write-banner{position:sticky;top:0;z-index:10;margin:0 0 8px;padding:10px 12px;border-radius:8px;background:#ffb8001f;border:1px solid rgba(255,184,0,.4);color:var(--text-primary, #2b2b2b);font-size:12px;font-weight:500;line-height:1.45;display:flex;align-items:center;gap:10px}.write-banner.hidden{display:none}.write-banner .banner-icon{width:14px;height:14px;border:2px solid rgba(180,120,0,.85);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.write-banner .banner-text{flex:1}.write-banner .banner-progress{font-variant-numeric:tabular-nums;font-weight:700;color:#785000f2}.chat-input-area{display:flex;align-items:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--border-light)}.chat-input-area textarea{flex:1;min-height:38px;max-height:100px;padding:8px 12px;border-radius:20px;border:1.5px solid var(--border);font-size:13px;resize:none;overflow-y:auto;line-height:1.4}.chat-input-area textarea:disabled{background:var(--off-white);color:var(--text-muted);border-color:var(--border-light);cursor:not-allowed}.file-upload-dnd-hint{font-size:11px;opacity:.6;text-align:center}.app-toast{position:fixed;bottom:16px;left:8px;right:8px;margin:0 auto;max-width:420px;transform:translateY(12px);padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 4px 16px #0000002e;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:9999;word-break:keep-all;overflow-wrap:anywhere;text-align:center}.app-toast.visible{opacity:1;transform:translateY(0);pointer-events:auto;cursor:pointer}.app-toast[data-type=error]{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.app-toast[data-type=info]{background:var(--white);color:var(--text);border:1px solid var(--border)}.chat-container{position:relative}.chat-container.dropzone-active:after{content:"📥 파일을 여기에 놓으세요";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0066cc14;border:2px dashed var(--green, #0066cc);border-radius:8px;color:var(--green, #0066cc);font-weight:600;font-size:14px;pointer-events:none;z-index:10}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.quick-replies .btn{font-size:11px;padding:5px 10px;border-radius:16px;border:1.5px solid var(--green);color:var(--green);background:var(--white);font-weight:600}.quick-replies .btn:hover{background:var(--green);color:var(--white)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:var(--text-secondary);font-size:13px;font-weight:500}.loading-spinner:before{content:"";width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:10px 12px;background:var(--error-bg);border:1px solid rgba(229,72,77,.15);border-radius:var(--r-sm);color:var(--error);font-size:12px;font-weight:500;line-height:1.5}.hidden{display:none!important}.mt-8{margin-top:8px}.mt-12{margin-top:12px}@media(max-width:280px){:root{--pad: 12px}.workflow-grid{grid-template-columns:1fr}.workflow-card{padding:10px}.login-logo-img{height:28px}}.update-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px}.update-modal.hidden{display:none}.update-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.update-modal-content{position:relative;background:var(--white);border-radius:10px;box-shadow:0 6px 24px #0003;padding:20px;width:100%;max-width:320px;text-align:center}.update-modal-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.update-modal-message{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.update-modal-actions{display:flex;gap:8px;justify-content:center}.update-modal-actions .btn{flex:1;font-size:12px;padding:8px 12px}