:root{--bg: #f2efe9;--bg-deep: #efe5d5;--ink: #1f1d1a;--muted: #5c5a57;--accent: #d26844;--accent-dark: #9f4a2b;--panel: #ffffff;--border: #d7d1c7;--shadow: 0 20px 60px rgba(31, 29, 26, .12);--mono: "IBM Plex Mono", monospace;--sans: "Space Grotesk", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:radial-gradient(circle at top left,#fef8f1,var(--bg)) no-repeat,linear-gradient(140deg,#d2684414,#2b5a6b1f);color:var(--ink)}#root{min-height:100vh}.page{padding:32px 48px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;border-radius:24px;border:1px solid var(--border);background:#ffffffc2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:28px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#d26844,#9a4f3a);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;letter-spacing:.08em;box-shadow:0 10px 24px #d268443d}.brand-title{margin:0;font-size:24px}.topbar-actions{display:flex;align-items:center;gap:12px}.mode-toggle{display:inline-flex;background:#1f1d1a14;padding:6px;border-radius:999px;gap:6px}.mode-toggle button{border:none;background:transparent;color:var(--ink);padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer}.mode-toggle button.active{background:#fff;box-shadow:0 8px 18px #1f1d1a29}.hero{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent-dark);margin:0 0 8px}h1{font-size:40px;margin:0 0 12px}.panel-subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.collapsible{border:1px solid var(--border);border-radius:18px;padding:12px 16px;background:#fbf6f0;display:grid;gap:12px}.collapsible summary{cursor:pointer;font-weight:600;list-style:none}.collapsible summary::-webkit-details-marker{display:none}.avatar-editor{display:grid;gap:16px}.avatar-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.file-input{display:none}.avatar-custom-list{display:grid;gap:12px}.avatar-custom-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.avatar-custom-fields{display:grid;gap:8px}.avatar-mapping,.prompt-preview{display:grid;gap:12px}.preview-pill{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:13px;color:var(--ink);min-height:40px;display:flex;align-items:center}.subtitle{max-width:520px;color:var(--muted);margin:0}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;width:260px;box-shadow:var(--shadow);display:grid;gap:10px}.grid{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(280px,.8fr);gap:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.production-shell{display:grid;gap:24px}.production-banner{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;background:linear-gradient(135deg,#f2e7d9e6,#ffffffe0);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.production-actions{display:flex;gap:12px}.production-grid{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);gap:24px}.chat-panel{min-height:680px}.chat-stream{border:1px solid var(--border);border-radius:20px;padding:18px;background:#fdf8f2;display:flex;flex-direction:column;gap:16px;min-height:420px;max-height:520px;overflow-y:auto}.chat-empty{display:grid;gap:16px;align-items:center;grid-template-columns:auto 1fr;padding:16px;border-radius:18px;background:#d2684414}.chat-empty-title{margin:0;font-weight:600}.chat-empty-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.chat-message{display:flex;gap:12px;align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.chat-message.system .chat-bubble{background:#11100f14;border:1px dashed rgba(17,16,15,.2)}.chat-bubble{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px 14px;max-width:420px;box-shadow:0 12px 26px #1f1d1a1f}.chat-bubble p{margin:0;font-size:14px;line-height:1.45}.chat-bubble.user{background:linear-gradient(140deg,#d26844,#b15033);color:#fff;border:none}.chat-bubble.assistant{background:#fff}.chat-bubble.system{background:#11100f14}.chat-meta{display:inline-block;margin-top:6px;font-size:11px;color:#1f1d1a99}.chat-bubble.user .chat-meta{color:#ffffffbf}.chat-input{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.chat-textarea{min-height:80px}.pipa-avatar{width:52px;height:52px;border-radius:18px;background:#d268441f;display:grid;place-items:center;box-shadow:0 10px 24px #1f1d1a1f;overflow:hidden}.pipa-avatar img{width:100%;height:100%;object-fit:cover}.pipa-avatar.sm{width:40px;height:40px;border-radius:14px}.pipa-avatar.lg{width:72px;height:72px;border-radius:22px}.user-avatar,.system-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.user-avatar{background:#1f1d1a;color:#fff}.system-avatar{background:#1f1d1a1f;color:var(--ink)}.side-panel{gap:18px}.pipa-profile{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.info-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:#fbf6f0;display:grid;gap:6px}.info-empty{margin:0;font-size:13px;color:var(--muted)}.select{width:100%;border-radius:12px;border:1px solid var(--border);padding:8px 10px;font-family:var(--sans);font-size:13px;background:#fff;color:var(--ink)}.avatar-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:8px 0}.avatar-row-details{display:grid;gap:6px}.avatar-row-label{font-size:13px;font-weight:600;color:var(--ink)}.info-value{margin:0;font-weight:600}.info-card-actions{margin-top:6px;display:grid;gap:8px}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-header h2{margin:0;font-size:22px}.panel-actions{display:flex;gap:12px}.label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.input,.textarea{width:100%;border-radius:14px;border:1px solid var(--border);padding:12px 14px;font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink)}.textarea{min-height:120px;resize:vertical}.textarea.tall{min-height:180px}.button{background:var(--accent);border:none;color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #d2684433}.button.ghost{background:transparent;border:1px solid var(--border);color:var(--ink)}.section-title{margin-top:8px;font-weight:600}.option-card{border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:10px;background:#faf7f1}.option-header{display:flex;gap:10px;align-items:center}.inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.checkbox{display:flex;gap:8px;align-items:center;font-size:14px}.result{border-top:1px solid var(--border);padding-top:16px;display:grid;gap:12px}.result-row span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.result-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.result-row pre{margin:6px 0 0;background:#11100f;color:#f6f2ec;padding:12px;border-radius:12px;font-family:var(--mono);white-space:pre-wrap}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.status{font-size:12px;padding:6px 10px;border-radius:999px;width:fit-content}.status.ok{background:#2f835a1f;color:#2f835a}.status.warn{background:#ac652e26;color:#ac652e}.status-line{font-size:13px;color:var(--muted)}@media (max-width: 1024px){.topbar{flex-direction:column;align-items:flex-start}.mode-toggle{width:100%;justify-content:space-between}.hero{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.production-banner{flex-direction:column;align-items:flex-start}.production-actions{width:100%;flex-wrap:wrap}.production-grid{grid-template-columns:1fr}.chat-panel{min-height:auto}.chat-stream{max-height:none}.chat-input{grid-template-columns:1fr}.page{padding:24px}}