:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f6f7fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center}
.shell{width:min(720px,92vw);padding:28px}
.card{background:white;border:1px solid #e7e9ef;border-radius:24px;padding:30px;box-shadow:0 18px 55px rgba(20,30,50,.09)}
.brand{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.bee{font-size:46px}
h1{margin:0;font-size:32px}
p{margin:6px 0;color:#68707d}
label{display:block;font-weight:700;margin:24px 0 8px}
textarea{width:100%;resize:vertical;border:1px solid #d9dde6;border-radius:14px;padding:14px;font:inherit;outline:none}
textarea:focus{border-color:#222}
button,a{font:inherit}
.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:12px 18px;text-decoration:none;cursor:pointer}
.primary{background:#111827;color:white;width:100%;margin-top:12px}
.primary:disabled{opacity:.45;cursor:not-allowed}
.secondary{background:#eef1f6;color:#111827;margin-top:14px}
.status{padding:12px 14px;background:#f4f6f9;border-radius:12px;margin-bottom:12px;font-size:14px}
.loading{margin-top:14px;text-align:center}
.result{margin-top:22px}
.result img{display:block;width:100%;border-radius:16px;background:#f1f2f5}
.note{font-size:12px;margin-top:20px}