.creator-layout{--creator-header-height: 56px}.creator-header-nav{min-width:0;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:thin}.creator-header-controls{padding-inline:12px;gap:0 12px}.creator-header-complete{width:102px}.creator-header-complete img{width:200px}.creator-header-complete-label{display:none}.creator-header-mode{padding:0 20px}.creator-header-nav>*{flex-shrink:0}.creator-preview-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.creator-preview-panel{position:relative;display:grid;grid-template-columns:154px minmax(0,1fr);gap:24px;align-items:center;flex-shrink:0;width:100%;min-height:min(100%,720px);max-width:1280px;margin:auto;box-sizing:border-box;padding:24px 20px}.creator-preview-profiles{position:relative;display:flex;flex-direction:column;gap:24px;zoom:.7}.creator-preview-content{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 0}.creator-preview-content div{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}.creator-preview-footer{display:flex;justify-content:space-between;flex-shrink:0;padding:0 30px 16px}.creator-preview-footer img{display:block}@media (min-width: 1200px){.creator-preview-footer{position:absolute;bottom:30px;left:30px;right:30px;padding:0;pointer-events:none}.creator-preview-footer>div{pointer-events:auto}}.creator-media-fields{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:40px;align-items:start}.creator-media-fields>div{min-width:0}.creator-role-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}.creator-role-fields>div{min-width:0}.creator-preview-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.creator-preview-choice{min-width:0;min-height:48px;padding:10px 14px;border:1px solid #aab2b8;background:#fff;color:#333;font:inherit;line-height:1.5;overflow-wrap:anywhere;word-break:keep-all;cursor:pointer}.creator-preview-choice[aria-pressed=true]{background:#ecf1f2;border-color:#333}.creator-preview-choice:focus-visible{outline:2px solid #0d575c;outline-offset:2px}@media (max-width: 1100px){.creator-layout{--creator-header-height: 100px}.creator-header-controls{flex-wrap:wrap}.creator-header-nav{order:4;flex-basis:100%;justify-content:flex-start;height:40px}}@media (max-width: 900px){.creator-preview-panel{grid-template-columns:minmax(0,1fr);gap:20px}.creator-preview-profiles{flex-direction:row;justify-content:center;flex-wrap:wrap}.creator-media-fields{grid-template-columns:minmax(0,1fr);gap:24px}.creator-media-fields>div:first-child{width:min(360px,100%);margin-inline:auto}.creator-role-fields{grid-template-columns:minmax(0,1fr)}.creator-role-fields>div{width:100%}}@media (max-width: 600px){.creator-header-mode{padding:0}.creator-header-controls{padding-inline:8px;gap:0 8px}.creator-header-complete{width:80px;overflow:hidden}.creator-header-complete img{display:none}.creator-header-complete-label{display:inline;font-size:14px;font-weight:700;color:#bb4e2d}.creator-header-complete:disabled .creator-header-complete-label{color:#999}.creator-preview-panel{padding:16px 8px}.creator-preview-options{grid-template-columns:minmax(0,1fr)}}:root{--assistant-bg:#e8f0ff;--assistant-border:#cfdcff;--user-bg:#fff4e8;--user-border:#f0d9c2;--system-bg:#FCFDFA;--ink:#111827}*{box-sizing:border-box}pre{margin:0;font-family:inherit;white-space:pre-wrap;word-break:break-word}.chat-wrap{display:flex;flex-direction:column;background:#fcfdfa;min-height:100vh;max-height:100vh;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb;background:#fff}.chat-header .title{font-weight:700;font-size:18px}.chat-header .step{color:#fcfdfa}.chat-header .reset-btn{border:1px solid #FCFDFA;background:#fff;padding:6px 10px;border-radius:8px}.chat-body{flex:1;overflow-y:auto;min-height:0;margin-top:0;background:#f2eeed;padding:16px}.bubble-row{display:flex;margin:10px 0}.bubble-row.left{justify-content:flex-start}.bubble-row.right{justify-content:flex-end}.bubble{position:relative;max-width:72%;padding:14px 16px;border-radius:14px;border:1px solid transparent;color:var(--ink);box-shadow:0 1px 1px #0000000f}.bubble.system{background:var(--system-bg);border-color:#fcfdfa;color:#374151}.bubble.assistant{background:var(--assistant-bg);border-color:var(--assistant-border)}.bubble.user{background:var(--user-bg);border-color:var(--user-border)}.bubble.assistant:after{content:"";position:absolute;left:-6px;bottom:12px;width:12px;height:12px;background:var(--assistant-bg);border-left:1px solid var(--assistant-border);border-bottom:1px solid var(--assistant-border);transform:rotate(45deg)}.bubble.user:after{content:"";position:absolute;right:-6px;bottom:12px;width:12px;height:12px;background:var(--user-bg);border-right:1px solid var(--user-border);border-bottom:1px solid var(--user-border);transform:rotate(45deg)}.bubble .msg{line-height:1.6;font-size:16px}.bubble .msg .msg-heading{font-weight:700;font-size:1.06em}.bubble.typing{opacity:.85}.bubble.typing .msg{position:relative;padding-right:28px}.bubble.typing .msg:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#9aa7c9;box-shadow:-8px 0 #9aa7c9,-16px 0 #9aa7c9;animation:blink 1.2s infinite ease-in-out}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.chat-input{position:sticky;bottom:0;display:flex;gap:10px;padding:12px;border-top:1px solid #e5e7eb;background:#fff;z-index:10}.chat-input input{flex:1;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;outline:none}.chat-input input:focus{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f126}.chat-input button{padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;background:#111827;color:#fff;font-weight:600}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.error{color:#b91c1c;padding:8px 16px}.context-view{padding:8px 16px;background:#fff;border-top:1px solid #e5e7eb}.next-btn-wrap{text-align:center;margin:12px 0}.next-btn{background:#4b7bec;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.next-btn:hover{background:#3867d6}.template-btn-container{display:flex;justify-content:center;margin:10px 0 15px}.template-btn{background-color:#bb4e2d;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;transition:background .2s ease}.template-btn:hover{background-color:#43a047}