@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");:root{--page-bg:#d8d0ca;--frame-bg:#f6f1eb;--panel-bg:#fcfaf7;--panel-alt:#f2ece5;--line:#d8cdc1;--line-strong:#cf7f5e;--text:#2b231e;--muted:#7f776f;--assistant:#33c1cf;--assistant-text:#f8ffff;--user:#ece5dd;--send:#6a9be0;--verify:#cf7d5b;--verify-ok:#81935f;--download:#e7ddd2;--copy:#ded3c6;--tab-bg:#efe7df;--tab-active:#fcfaf7;--shadow:rgba(84,65,49,0.14);--rail-width:330px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Manrope,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--page-bg);color:var(--text)}body{min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{width:100%;border:1.5px solid var(--line);border-radius:18px;background:#fffdfb;color:var(--text)}input{min-height:50px;padding:0 16px;font-size:1rem}input,textarea{font-weight:500}textarea{min-height:76px;resize:vertical;padding:16px 18px;font-size:1.02rem}.uiShell{width:min(1680px,100%);margin:0 auto;padding:28px 26px 34px}.studioFrame{border-radius:34px;background:var(--frame-bg);border:1px solid rgba(181,168,156,.9);box-shadow:0 18px 38px var(--shadow);padding:26px}.workspaceShell{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-gap:0;gap:0}.characterTabs{grid-column:2;display:flex;align-items:flex-end;gap:0;padding:0 24px;min-height:76px;margin-bottom:-1px;overflow-x:auto}.characterTabPlaceholder{display:grid;place-items:center;padding:0 24px;color:var(--muted);border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0}.characterTab,.characterTabPlaceholder{min-height:70px;background:var(--tab-bg)}.characterTab{padding:12px 22px 14px 16px;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;display:inline-flex;align-items:center;gap:14px;color:var(--text);transform:translateY(7px);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;margin-left:-1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.characterTab:hover:not(:disabled){transform:translateY(4px)}.characterTabActive{background:var(--tab-active);transform:translateY(0);position:relative;z-index:1;box-shadow:0 -4px 12px rgba(84,65,49,.05)}.characterTabActive:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--panel-bg)}.characterTabAvatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#efe5d6;border:1.5px solid rgba(174,146,98,.9);flex:0 0 auto}.characterTabAvatarFallback,.characterTabAvatarImage{width:100%;height:100%;display:grid;place-items:center}.characterTabAvatarImage{object-fit:cover}.characterTabAvatarFallback{font-size:1rem;font-weight:700;color:#7c6136}.characterTabLabel{font-size:1.08rem;font-weight:700}.workspace{grid-column:1/-1;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-gap:0;gap:0;min-height:760px}.controlRail{background:var(--panel-alt);border:1px solid var(--line);border-right:0;border-radius:28px 0 0 28px;padding:36px 32px 28px;display:grid;grid-template-rows:auto auto 1fr;align-content:start;grid-gap:22px;gap:22px}.avatarCard{display:flex;justify-content:center;margin-bottom:2px}.avatarRing{width:248px;height:248px;border-radius:50%;padding:6px;background:linear-gradient(180deg,#cb9b4a,#9f6f2d);box-shadow:0 10px 18px rgba(89,68,49,.18);overflow:hidden;position:relative;transition:box-shadow .22s ease,transform .22s ease}.avatarRingLoaded{padding:0;background:transparent;box-shadow:none}.avatarViewport{width:100%;height:100%;border-radius:50%;overflow:hidden;background:transparent}.avatarFallback,.avatarImage{width:100%;height:100%;border-radius:50%;display:block}.avatarImage{object-fit:cover;background:transparent}.avatarTyping{animation:avatarPulse 1.45s ease-in-out infinite}@keyframes avatarPulse{0%{box-shadow:0 8px 16px rgba(89,68,49,.1),0 0 0 0 rgba(245,223,170,.18),0 0 0 0 rgba(232,196,118,.08),0 0 0 0 rgba(255,244,214,.06);transform:translateY(0)}50%{box-shadow:0 10px 18px rgba(89,68,49,.08),0 0 0 12px rgba(245,223,170,.28),0 0 34px 10px rgba(232,196,118,.2),0 0 66px 20px rgba(255,244,214,.18);transform:translateY(-1px)}to{box-shadow:0 8px 16px rgba(89,68,49,.1),0 0 0 0 rgba(245,223,170,.18),0 0 0 0 rgba(232,196,118,.08),0 0 0 0 rgba(255,244,214,.06);transform:translateY(0)}}.avatarFallback{background:radial-gradient(circle at top,rgba(255,255,255,.9),rgba(241,231,210,.92)),linear-gradient(180deg,#efe3c8,#d6bc84);position:relative;overflow:hidden}.avatarFallback:before{content:"";position:absolute;inset:18% 12%;border-radius:50%;border:1px solid rgba(153,115,53,.22)}.avatarFallback span{position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;font-weight:700;letter-spacing:.08em;color:#72531a}.profileSummary{display:grid;width:min(100%,248px);margin:0 auto;grid-gap:10px;gap:10px;padding:0;justify-items:start}.profileName{margin:0;width:100%;text-align:left;font-size:2.08rem;line-height:1.02;letter-spacing:-.03em;font-weight:700;white-space:nowrap}.profileNameCompact{font-size:1.76rem;line-height:1}.profileDescription{margin:0;color:var(--muted);font-size:.96rem;line-height:1.58;font-weight:500;width:100%;text-align:left}.sideActions{display:grid;grid-gap:12px;gap:12px;align-content:flex-end;padding-top:6px}.sideButton{min-height:74px;border-radius:22px;font-size:1rem;font-weight:700;color:#25211d;display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;padding:0 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.sideButton,.sideButtonMuted{background:var(--download)}.sideButtonSoft{background:var(--copy)}.sideButtonSuccess{background:#dfe7d2;color:#526541}.sideButton.sideButtonSuccess:disabled{opacity:1}.sideButtonIcon{width:20px;height:20px;flex:0 0 auto;opacity:.86}.chatStage{background:var(--panel-bg);border:1px solid var(--line);border-radius:0 28px 28px 28px;padding:22px 24px 24px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;grid-gap:16px;gap:16px;min-height:0}.chatTopbar{display:grid;grid-template-columns:minmax(220px,360px) minmax(320px,520px);justify-content:space-between;align-items:flex-end;grid-gap:20px;gap:20px}.fieldLabel{display:block;margin:0 0 8px;font-size:.94rem;font-weight:700;letter-spacing:0}.verifyInputShell{min-height:50px;border:1.5px solid var(--line);border-radius:18px;background:#fffdfb;display:flex;align-items:center;padding:0 10px 0 0}.verifyInputShell input{border:0;background:transparent;min-height:48px;padding-right:10px}.verifyInputShell input:focus{outline:none}.verifyInputShellSuccess{border-color:rgba(129,147,95,.5)}.verifyBadge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(129,147,95,.12);color:#65764a;font-weight:700}.verifyBadgeIcon{width:20px;height:20px;color:var(--verify-ok)}.verifyHint{padding:0 8px 0 2px;color:var(--muted);font-size:.92rem;white-space:nowrap}.chatPanel{min-height:0;height:100%;max-height:606px;border-radius:24px;border:1.5px solid var(--line);background:#f9f6f2;padding:24px;overflow-y:auto}.emptyState{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center;padding:28px}.emptyState p{max-width:520px;margin:0;font-size:1.05rem;line-height:1.6}.bubbleRow{display:flex;margin-bottom:18px}.bubbleRowAssistant{justify-content:flex-start}.bubbleRowUser{justify-content:flex-end}.chatBubble{max-width:min(78%,760px);border-radius:24px;padding:16px 20px;border:1px solid rgba(255,255,255,.34);box-shadow:0 10px 22px rgba(49,39,31,.07),inset 0 1px 0 rgba(255,255,255,.22);background-clip:padding-box}.assistantBubble{background:rgba(51,193,207,.78);color:var(--assistant-text);border-top-left-radius:10px}.userBubble{background:rgba(236,229,221,.82);color:#25201c;border-top-right-radius:10px}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.chatBubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.assistantBubble{background:var(--assistant)}.userBubble{background:var(--user)}}.bubbleMeta{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:8px;font-size:.88rem}.bubbleMeta strong{font-size:.95rem;font-weight:700}.bubbleMeta span{opacity:.72;white-space:nowrap}.chatBubble p{margin:0;font-size:1.02rem;line-height:1.6;font-weight:500}.composer{display:block}.composerInputWrap{position:relative}.composerInputWrap textarea{min-height:86px;border-radius:24px;padding:16px 126px 16px 20px}.composerActions{position:absolute;right:16px;top:50%;transform:translateY(-50%);gap:10px}.composerActions,.emojiButton{display:inline-flex;align-items:center}.emojiButton{width:34px;height:34px;border-radius:999px;background:#f2ebe4;color:#6e6256;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.emojiButton:hover:not(:disabled){background:#eadfd4}.emojiButtonIcon{width:19px;height:19px}.emojiPopover{position:absolute;right:0;bottom:calc(100% + 12px);z-index:20;border-radius:22px;overflow:hidden;box-shadow:0 18px 36px rgba(59,45,33,.18)}.emojiPopover em-emoji-picker{--border-radius:22px;--rgb-background:252,250,247;--rgb-color:43,35,30;--rgb-input:255,253,251;--rgb-border:216,205,193;--rgb-accent:106,155,224;--shadow:none}.composer textarea::placeholder,input::placeholder{color:#8f8a84}.sendButton{min-height:66px;border-radius:18px;background:var(--send);color:white;font-size:1rem;font-weight:700;box-shadow:0 10px 18px rgba(83,132,190,.2)}.sendButtonInline{min-height:0;width:58px;height:58px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 22px rgba(83,132,190,.24)}.sendButtonIcon{width:28px;height:28px}.composerHint{margin:8px 4px 0;color:#8f8a84;font-size:.84rem;line-height:1.3;text-align:right}.feedbackStrip{display:grid;grid-gap:6px;gap:6px;min-height:22px}.alert,.success{margin:0;font-size:.92rem}.alert{color:#8e2d2d}.success{color:#2d6b4a}@media (max-width:1260px){.workspaceShell{grid-template-columns:1fr}.characterTabs{grid-column:1;padding:0 8px 6px 0}.workspace{grid-template-columns:1fr}.controlRail{border-right:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto;gap:24px;align-items:start}.avatarCard{grid-row:span 2}.sideActions{align-content:start;grid-template-columns:repeat(2,minmax(0,1fr))}.chatStage{border-radius:0 0 28px 28px}}@media (max-width:860px){.uiShell{padding:12px 10px 18px}.studioFrame{padding:12px;border-radius:22px}.characterTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;grid-gap:4px;gap:4px;padding:0 0 4px;min-height:0;overflow:visible}.characterTab{min-height:58px;min-width:0;padding:8px 6px 10px;gap:6px;flex-direction:column;justify-content:center;text-align:center;transform:translateY(5px)}.characterTabAvatar{width:32px;height:32px}.characterTabLabel{min-width:0;font-size:.94rem;line-height:1;white-space:nowrap}.workspace{grid-template-columns:1fr}.controlRail{grid-template-columns:108px minmax(0,1fr);grid-template-rows:auto auto;border-radius:24px 24px 0 0;padding:14px 14px 12px;gap:14px 16px;align-items:center}.avatarRing{width:108px;height:108px}.avatarCard{grid-column:1;grid-row:1;margin:0}.profileSummary{grid-column:2;grid-row:1;width:100%;gap:6px;margin:0}.profileName,.profileNameCompact{font-size:1.52rem;line-height:1.02}.profileDescription{font-size:.9rem;line-height:1.42;max-width:28ch}.sideActions{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:0}.sideButton{min-height:54px;border-radius:18px;justify-content:center;gap:10px;padding:0 12px;font-size:.94rem}.sideButtonIcon{width:18px;height:18px}.chatStage{padding:14px;border-radius:0 0 24px 24px;gap:12px}.chatTopbar{grid-template-columns:1fr;gap:10px;align-items:stretch}.verifyPanel{order:1}.nicknameField{order:2}.emojiPopover{left:0;right:auto;width:min(100%,360px)}.composer{display:block}.composerInputWrap textarea{min-height:70px;padding:14px 98px 14px 16px}.composerActions{right:10px;top:50%;transform:translateY(-50%);gap:7px}.emojiButton{width:30px;height:30px}.emojiButtonIcon{width:17px;height:17px}.sendButtonInline{width:46px;height:46px}.sendButtonIcon{width:21px;height:21px}.composerHint{margin:6px 2px 0;font-size:.78rem}.chatPanel{max-height:min(58vh,620px);min-height:360px;padding:16px 14px}.chatBubble{max-width:calc(100% - 36px);padding:14px 16px}.bubbleMeta{flex-direction:column;gap:4px}.bubbleRowAssistant{padding-right:18px}.bubbleRowUser{padding-left:18px}}