@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f4f2ee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#989b96;--line:#30332f;--panel:#191b19;--accent:#d9f279;background:#101110;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-shell{flex-direction:column;width:min(100% - 36px,680px);min-height:100vh;margin:0 auto;display:flex}.topbar{align-items:center;gap:12px;padding:32px 0 0;display:flex}.brand-mark{background:var(--accent);color:#171912;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.17em;margin:0 0 3px;font-size:10px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,sans-serif;font-size:23px}.status-dot{background:#686c65;border-radius:50%;width:8px;height:8px;margin-left:auto}.composer{width:100%;margin:auto 0;padding:56px 0}.upload-bubble,.prompt-bubble{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;text-align:left;border-radius:24px;overflow:hidden}.upload-bubble{min-height:112px;padding:0;transition:border-color .2s,background .2s;display:block}.upload-bubble:hover{background:#1d201b;border-color:#656b5c}.upload-content{align-items:center;gap:14px;min-height:112px;padding:22px;display:flex}.upload-icon{width:48px;height:48px;color:var(--accent);background:#24281f;border:1px solid #3b4035;border-radius:16px;flex:none;place-items:center;display:grid}.upload-copy{flex-direction:column;gap:5px;display:flex}.upload-copy strong{font-size:15px;font-weight:600}.upload-copy small{color:var(--muted);font-size:12px}.plus{color:#858a80;margin-left:auto;font-size:25px;font-weight:300}.image-preview-wrap{align-items:center;gap:14px;min-height:100px;padding:12px 50px 12px 12px;display:flex;position:relative}.image-preview{object-fit:cover;background:#282a27;border-radius:14px;width:78px;height:78px}.image-caption{color:#d8dad4;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 100px);font-size:13px;overflow:hidden}.remove-image{color:#fff;background:#30332f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.prompt-bubble{margin-top:14px;padding:22px}.prompt-label{color:var(--muted);letter-spacing:.16em;font-size:10px;font-weight:700}textarea{resize:vertical;color:#f4f2ee;background:0 0;border:0;outline:none;width:100%;min-height:112px;margin-top:14px;padding:0;font-size:16px;line-height:1.6;display:block}textarea::placeholder{color:#6f736d}.prompt-footer{border-top:1px solid var(--line);color:#81857d;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;font-size:11px;display:flex}.submit-button{background:var(--accent);color:#191b14;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex}.submit-button:disabled{cursor:not-allowed;opacity:.38}.submit-button:not(:disabled):hover{transform:translateY(-1px)}.hint{color:#777b73;text-align:center;margin:14px 4px 0;font-size:12px}footer{color:#696d66;text-align:center;padding:0 0 24px;font-size:11px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.page-shell{width:min(100% - 28px,680px)}.topbar{padding-top:24px}.composer{padding:36px 0}.prompt-bubble{border-radius:21px;padding:18px}.upload-bubble{border-radius:21px}.upload-content{gap:12px;padding:18px}.upload-icon{width:43px;height:43px}.upload-copy strong{font-size:14px}.upload-copy small{font-size:11px}}