:root{font-family:Space Grotesk,Inter,system-ui,sans-serif;background:radial-gradient(circle at 10% 10%,#0d203a,#050912 60%);color:#e8ecf5;min-height:100vh;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:transparent}#root{min-height:100vh}.shell{display:flex;gap:1rem;min-height:100vh;padding:1rem 1.25rem 1.25rem}.chat-panel{width:clamp(320px,40vw,520px);max-width:40vw;background:#111c2eeb;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 15px 30px #00000059}.chat-header{display:flex;align-items:center;justify-content:space-between}.status-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#6de3ff,#7cffc2);box-shadow:0 0 12px #7cffc2b3}.title{margin:0;font-size:1.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#8fb3d9;margin:0 0 .15rem}.chat-body{flex:1;min-height:0;overflow:hidden}.message-list{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.bubble{border-radius:12px;padding:.75rem .85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bubble-user{align-self:flex-end;background:linear-gradient(135deg,#7ac4ff40,#2f77ff4d)}.bubble-assistant{align-self:flex-start;background:#ffffff0a}.bubble-role{margin:0 0 .15rem;font-size:.85rem;color:#9db6d9}.chat-activity{border-top:1px solid rgba(255,255,255,.08);padding-top:.5rem}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.activity-label{color:#e8ecf5;font-weight:600}.activity-detail{color:#aac3e0}.activity-time{color:#6f809e;margin-left:.35rem;font-size:.8rem}.composer{display:flex;flex-direction:column;gap:.5rem}.composer-label{font-weight:600}textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:.8rem;background:#0c1422e6;color:#eef1f7;font:inherit;resize:vertical}.cta{border:none;border-radius:12px;background:linear-gradient(135deg,#7de2ff,#6bffcc);color:#0a1a2f;padding:.85rem 1rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.cta:disabled{opacity:.5;cursor:not-allowed}.cta:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #6de3ff59}.detail-view{flex:1;min-height:0;background:linear-gradient(160deg,#111d30bf,#070f1bf2);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:1.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.empty-state{max-width:520px;text-align:center}.empty-state h2{margin:.35rem 0}.muted{color:#9ab1cf;margin:0}.artwork-viewer{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;gap:1rem}.artwork-meta h2{margin:.2rem 0 0}.artwork-meta p{margin:0}.artwork-frame{background:#050a13;border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden;display:flex;align-items:center;justify-content:center}.artwork-frame img{max-width:100%;max-height:100%;object-fit:contain}.artwork-placeholder{color:#7084a1;padding:2rem}.loading-state{min-height:100vh;display:grid;place-items:center;color:#d5def0}.toast{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1rem;border-radius:12px;background:#09101cf2;border:1px solid rgba(255,255,255,.08)}.toast.error{border-color:#ff7a7a99;color:#ffb6b6}@media(max-width:960px){.shell{flex-direction:column}.chat-panel{max-width:100%;width:100%}.detail-view{min-height:50vh}}