.chat-page{max-width:760px;margin:0 auto;padding:1.5rem 1rem 5rem}@media(min-width:1024px){.chat-page:has(#saju-artifact:not([hidden])){width:100%;max-width:min(1480px,94vw);display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:1.6rem;align-items:start;grid-template-areas:"bar     panel" "msg     panel" "chips   panel" "imgprev panel" "form    panel" "hint    panel"}.chat-page:has(#saju-artifact:not([hidden])) .chat-bar{grid-area:bar}.chat-page:has(#saju-artifact:not([hidden])) #messages{grid-area:msg}.chat-page:has(#saju-artifact:not([hidden])) #quick-chips{grid-area:chips}.chat-page:has(#saju-artifact:not([hidden])) #image-preview{grid-area:imgprev}.chat-page:has(#saju-artifact:not([hidden])) .chat-form{grid-area:form}.chat-page:has(#saju-artifact:not([hidden])) .chat-hint{grid-area:hint}#saju-artifact{grid-area:panel;position:sticky;top:1rem;align-self:start;max-height:calc(100vh - 2rem);overflow-y:auto}.panel-toggle{display:none!important}.panel-head{display:none}#panel-backdrop{display:none!important}}@media(max-width:1023px){#saju-artifact{position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);z-index:60;margin:0;border-radius:0;overflow-y:auto;animation:none;transform:translate(105%);transition:transform .3s var(--ease-soft, ease);box-shadow:-8px 0 32px #2e251938}#saju-artifact.open{transform:translate(0)}#panel-backdrop{position:fixed;inset:0;background:#2e251966;z-index:55}}.panel-toggle{display:inline-flex;align-items:center;padding:.45rem .8rem;background:var(--card-bg);border:1px solid var(--accent-clay);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--accent-clay-deep);cursor:pointer;box-shadow:var(--shadow-soft);margin-right:.4rem}.panel-toggle[hidden]{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.8rem}.panel-head-title{font-weight:700;color:var(--ink-strong);font-size:1rem}.panel-close{background:transparent;border:none;font-size:1.2rem;color:var(--ink-mute);cursor:pointer;padding:.2rem .4rem}.artifact-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.9rem}.ap-cell{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .2rem;text-align:center}.ap-label{font-size:.65rem;color:var(--ink-mute);font-family:var(--font-sans)}.ap-han{font-size:1.3rem;font-weight:700;line-height:1.2;display:block;margin-top:.2rem}.ap-kr{font-size:.7rem;color:var(--ink-body);display:block}.ap-branch{margin-top:.3rem;padding-top:.3rem;border-top:1px dashed var(--border-soft)}.wuxing-cycle{margin-top:.9rem}.wuxing-cycle:empty{display:none}.wx-svg{width:100%;max-width:260px;height:auto;display:block;margin:0 auto}.wx-sheng{stroke:#3a8a52;stroke-width:1.6;opacity:.6}.wx-geuk{stroke:#c84a3a;stroke-width:1.2;opacity:.4;stroke-dasharray:3 2.5}.wx-count{fill:#fff;font-family:var(--font-sans);font-size:9px;font-weight:700;text-anchor:middle}.wx-name{font-family:var(--font-sans);font-size:9px;font-weight:600;text-anchor:middle}.wx-legend{display:flex;gap:.9rem;justify-content:center;margin-top:.2rem;font-family:var(--font-sans);font-size:.68rem;color:var(--ink-mute)}.wx-lg-g,.wx-lg-r{display:inline-flex;align-items:center;gap:.3rem}.wx-lg-g:before{content:"";width:14px;border-top:2px solid #3a8a52}.wx-lg-r:before{content:"";width:14px;border-top:2px dashed #c84a3a}.wx-take{margin:.5rem 0 0;font-family:var(--font-serif);font-size:.82rem;line-height:1.55;color:var(--ink-body);text-align:center}.chat-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;position:relative}.chat-title{display:flex;align-items:center;gap:.6rem}.title-text{display:flex;flex-direction:column;line-height:1.25}.title-main{font-size:1.1rem;font-weight:700;color:var(--ink-strong)}.title-sub{font-size:.72rem;color:var(--ink-mute);font-family:var(--font-sans);margin-top:.15rem}.title-sub strong{color:var(--accent-clay-deep);font-weight:600}.seal{color:var(--accent-gold);font-size:1.5rem}.persona-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .9rem;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--ink-strong);cursor:pointer;box-shadow:var(--shadow-soft);transition:background .15s ease}.persona-btn:hover{background:var(--surface-warm)}.persona-btn .caret{font-size:.7rem;color:var(--ink-mute)}.persona-menu{position:absolute;top:110%;right:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:100;overflow:hidden;min-width:180px}.persona-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.7rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;border-bottom:1px solid var(--border-soft)}.persona-menu button:last-child{border-bottom:none}.persona-menu button:hover{background:var(--surface-warm)}.persona-menu button strong{font-size:.95rem;color:var(--ink-strong)}.persona-menu button span{font-size:.75rem;color:var(--ink-mute)}.messages{display:flex;flex-direction:column;gap:.9rem;padding:1rem 0}.msg{display:flex;flex-direction:column;max-width:92%;min-width:0}.msg.bot{align-self:flex-start}.msg.user{align-self:flex-end;align-items:flex-end}.msg .meta{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .25rem .3rem;font-family:var(--font-sans);font-size:.78rem;font-weight:600;color:var(--ink-mute);letter-spacing:.02em}.msg.bot .meta:before{content:"☽";color:var(--accent-gold);font-size:1.05rem}.msg.bot.persona-star .meta:before{content:"★"}.msg.user .meta{display:none}.msg .bubble{font-size:.97rem;line-height:1.78;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.msg.bot{max-width:100%}.msg.bot>.bubble{background:transparent;color:var(--ink-strong);font-family:var(--font-serif);padding:.1rem .2rem}.msg.user{margin:.1rem 0;max-width:82%}.msg.user>.bubble{background:var(--ink-strong);color:var(--paper-bg);font-family:var(--font-sans);font-size:.93rem;line-height:1.6;padding:.7rem 1rem;border-radius:16px 16px 4px;box-shadow:var(--shadow-soft);display:inline-block}.msg.typing .bubble{display:inline-flex;align-items:center;gap:5px;padding:.5rem .2rem}.dots i{width:7px;height:7px;border-radius:50%;background:var(--accent-clay);display:inline-block;animation:jaguk-typing 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes jaguk-typing{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-6px);opacity:1}}.saju-artifact{background:linear-gradient(135deg,var(--surface-warm),var(--card-bg));border:1px solid var(--accent-clay);border-radius:var(--radius-md);padding:.7rem .9rem;margin:0 0 1rem;box-shadow:var(--shadow-soft);position:sticky;top:.5rem;z-index:4}.saju-artifact[hidden]{display:none!important}.artifact-row{display:flex;align-items:center;gap:.7rem}.artifact-icon{font-size:1.4rem;color:var(--accent-clay-deep)}.artifact-meta{flex:1;display:flex;flex-direction:column;min-width:0}.artifact-line{font-family:var(--font-serif);font-size:.95rem;color:var(--ink-strong);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-line.muted{font-family:var(--font-sans);font-size:.75rem;color:var(--ink-mute);font-weight:500;margin-top:.1rem}.slot-select{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--ink-strong);background:transparent;border:none;border-bottom:1px dashed var(--border);padding:.1rem .2rem;max-width:100%;cursor:pointer}.slot-select:focus{outline:none;border-bottom-color:var(--accent-clay)}.artifact-actions{display:flex;gap:.3rem;flex-shrink:0}.artifact-actions button{background:transparent;border:1px solid var(--border);border-radius:50%;width:30px;height:30px;cursor:pointer;color:var(--ink-mute);font-size:.9rem;display:inline-flex;align-items:center;justify-content:center}.artifact-actions button:hover{background:var(--surface-warm);color:var(--ink-strong);border-color:var(--accent-clay)}.quick-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .6rem;justify-content:flex-end}.chip{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.45rem .9rem;font-family:var(--font-sans);font-size:.82rem;color:var(--ink-body);cursor:pointer;transition:background .15s ease,border-color .15s ease;box-shadow:var(--shadow-soft)}.chip:hover{background:var(--surface-warm);border-color:var(--accent-clay)}.saju-form-card{background:var(--card-bg);border:2px solid var(--accent-clay);border-radius:var(--radius-md);padding:1rem 1.1rem;margin:0 0 .6rem;box-shadow:var(--shadow-card)}.saju-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.9rem;color:var(--ink-strong)}.saju-form-head button{background:transparent;border:none;font-size:1.3rem;color:var(--ink-mute);cursor:pointer;padding:0;line-height:1}.saju-form-row{margin-bottom:.55rem}.saju-form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.saju-form-card label{display:block;font-size:.78rem;color:var(--ink-mute);font-family:var(--font-sans);margin-bottom:.2rem}.saju-form-card input,.saju-form-card select{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper-bg);color:var(--ink-strong);font-family:var(--font-sans);font-size:.95rem}.sj-submit-btn{width:100%;margin-top:.5rem;padding:.7rem;background:var(--ink-strong);color:var(--paper-bg);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.92rem;font-weight:600;cursor:pointer}.sj-submit-btn:disabled{background:var(--ink-soft);cursor:wait}.sj-hint{margin:.5rem 0 0;font-size:.72rem;color:var(--ink-soft);text-align:center;font-family:var(--font-sans)}.saju-display[hidden]{display:none!important}.saju-artifact .saju-form-card{border:none;box-shadow:none;background:transparent;padding:0;margin:0}.saju-artifact .saju-display:not([hidden])+.saju-form-card:not([hidden]){margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--border)}.image-preview{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;padding:.4rem .5rem;background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-sm);position:relative;width:fit-content}.image-preview[hidden]{display:none!important}.image-preview-label{font-size:.75rem;color:var(--ink-mute);font-family:var(--font-sans)}.image-preview img{max-height:60px;max-width:120px;border-radius:4px;display:block}.image-remove{background:var(--ink-strong);color:var(--paper-bg);border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.attach-btn{background:transparent;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;color:var(--ink-mute);transition:background .15s ease,border-color .15s ease;flex-shrink:0}.attach-btn:hover{background:var(--surface-warm);border-color:var(--accent-clay);color:var(--accent-clay-deep)}.attach-btn.has-image{background:var(--accent-clay);border-color:var(--accent-clay-deep);color:#fff}.chat-form{display:flex;gap:.5rem;position:sticky;bottom:.6rem;background:var(--card-bg);border:2px solid var(--accent-clay);border-radius:var(--radius-md);padding:.55rem;box-shadow:var(--shadow-card);align-items:flex-end;z-index:5}.chat-form:focus-within{border-color:var(--accent-clay-deep);box-shadow:var(--shadow-hover)}.chat-form textarea{flex:1;border:none;background:transparent;resize:none;outline:none;font-family:var(--font-sans);font-size:.95rem;line-height:1.55;padding:.5rem .7rem;max-height:160px;color:var(--ink-strong)}.chat-form textarea::placeholder{color:var(--ink-soft)}.send-btn{background:var(--ink-strong);color:var(--paper-bg);border:none;border-radius:var(--radius-pill);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .15s ease;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--ink-body)}.send-btn:disabled{background:var(--ink-soft);cursor:wait}.chat-hint{margin:.8rem 0 0;font-size:.75rem;color:var(--ink-soft);text-align:center;font-family:var(--font-sans)}.chat-hint a{color:var(--accent-clay-deep);text-decoration:none;margin-left:.5rem}.chat-hint a:hover{text-decoration:underline}@media(max-width:480px){.chat-page{padding:1rem .7rem 3rem}.msg{max-width:96%}.msg .bubble{font-size:.92rem;padding:.75rem .95rem}}.msg.bot>.bubble.md p{margin:0 0 .7em}.msg.bot>.bubble.md p:last-child{margin-bottom:0}.msg.bot>.bubble.md strong{color:var(--accent-clay-deep);font-weight:700}.msg.bot>.bubble.md em{font-style:italic}.msg.bot>.bubble.md ul,.msg.bot>.bubble.md ol{margin:.4em 0 .7em;padding-left:1.3em}.msg.bot>.bubble.md li{margin:.2em 0}.msg.bot>.bubble.md h1,.msg.bot>.bubble.md h2,.msg.bot>.bubble.md h3{font-size:1.05rem;font-weight:700;margin:.6em 0 .3em;color:var(--ink-strong)}.msg.bot>.bubble.md blockquote{border-left:3px solid var(--accent-clay);padding-left:.8em;margin:.5em 0;color:var(--ink-mute)}.msg.bot>.bubble.md code{background:var(--surface-warm);padding:.1em .3em;border-radius:4px;font-size:.9em}.msg.bot>.bubble.md hr{border:none;border-top:1px solid var(--border);margin:.8em 0}@media(min-width:1024px){.chat-page:has(#saju-artifact:not([hidden])) #messages{max-width:780px;width:100%}}