:root{--green:#11b574;--green-700:#0b7e52;--bg:#f7faf9;--text:#0b1f17;--muted:#61756d;--white:#fff;--shadow:0 6px 24px rgba(0,0,0,.08)}*{box-sizing:border-box}body,html{height:100vh;margin:0;padding:0;overflow:hidden}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:var(--bg);display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--white);box-shadow:var(--shadow);z-index:10;flex-shrink:0}.brand-pill{display:inline-flex;border-radius:999px;overflow:hidden;border:2px solid var(--green)}.brand-pill .pill-left{background:var(--green);color:var(--white);padding:8px 12px;font-weight:700;border-radius:999px 0 0 999px}.brand-pill .pill-right{background:var(--white);color:var(--green-700);padding:8px 12px;font-weight:700}.controls{display:flex;gap:10px;align-items:center}.controls input{padding:8px 10px;border:1px solid #d7e2dd;border-radius:10px;min-width:260px}.controls button{padding:9px 12px;border-radius:999px;border:none;background:var(--green);color:var(--white);font-weight:700;cursor:pointer}.controls button:hover{filter:brightness(.95)}.content{display:grid;grid-template-columns:1fr 380px;grid-gap:16px;gap:16px;padding:16px;height:calc(100vh - 120px);align-items:stretch;overflow:hidden}.sidebar{display:none}.box{background:var(--white);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.box.small{display:inline-flex;align-items:center;justify-content:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.muted{color:var(--muted)}.canvas-wrap{height:100%}.canvas-stage,.canvas-wrap{display:flex;align-items:center;justify-content:center}.canvas-stage{position:relative;background:#eaf3ef;border-radius:16px;padding:16px;box-shadow:var(--shadow);max-height:100%}canvas{display:block;background:#fff;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 200px);aspect-ratio:1}.overlay,canvas{border-radius:12px}.overlay{position:absolute;inset:16px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.85),hsla(0,0%,100%,.4))}.overlay.hidden{display:none}.gen-text{margin-top:90px;font-weight:700;color:var(--green-700)}.brush{position:absolute;width:64px;height:64px;animation:paint 1.8s linear infinite}.brush .tip{width:18px;height:18px;border-radius:6px 6px 2px 2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--green),#6ce0b4)}.brush .trail{position:absolute;left:-60px;top:16px;width:50px;height:10px;border-radius:10px;background:rgba(17,181,116,.25);filter:blur(5px)}@keyframes paint{0%{transform:translate(-240px,-120px) rotate(0deg)}50%{transform:translate(120px,40px) rotate(45deg)}to{transform:translate(260px,-80px) rotate(90deg)}}@media (max-width:1200px){.content{grid-template-columns:1fr 320px}}@media (max-width:980px){.content{grid-template-columns:1fr;height:calc(100vh - 140px)}.controls input{min-width:160px}.canvas-stage{margin:0}.chat-panel{display:none}}@media (max-width:768px){.app-header{flex-direction:column;gap:8px;padding:10px}.pill-link{font-size:12px;padding:6px 10px}.status-bar{flex-wrap:wrap;gap:8px;padding:8px}.countdown-pill{font-size:12px;padding:4px 8px}}.status-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;flex-shrink:0}.pill-link{gap:8px;color:var(--green-700);text-decoration:none;background:#e8f7f0;border:1px solid #cde8de;padding:8px 12px}.countdown-pill,.pill-link{display:inline-flex;align-items:center;border-radius:999px;font-weight:600}.countdown-pill{padding:6px 10px;border:1px solid #d7e2dd;background:#fff;color:var(--muted)}.chat-panel{background:var(--white);border-radius:14px;box-shadow:var(--shadow);padding:12px;height:100%;display:flex;flex-direction:column;min-width:0;width:100%}.chat-embed{flex:1 1;width:100%;height:100%;border:0;border-radius:10px;background:#f7faf9}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;flex-shrink:0}.chat-list{overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px;flex:1 1;min-height:0}.chat-item{display:grid;grid-template-columns:32px 1fr;grid-gap:8px;gap:8px;align-items:start}.chat-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#e9f4ee;display:flex;align-items:center;justify-content:center;color:var(--green-700);font-weight:700;flex-shrink:0}.chat-avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-body{min-width:0;overflow-wrap:break-word}.chat-username{font-size:11px;color:var(--muted);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-bubble{display:inline-block;padding:6px 10px;border-radius:12px;background:#f5faf7;border:1px solid #d9eadf;color:var(--text);max-width:100%;word-wrap:break-word;font-size:14px;line-height:1.3}.chat-bubble.trigger{background:#e8f7f0;border-color:var(--green);color:var(--green-700);font-weight:600}.chat-bubble .cmd{padding:2px 6px;border-radius:999px;background:var(--green);color:#fff;margin-right:6px;font-size:11px}