:root{--brailleify-bg:#f4f8f5;--brailleify-card:#fff;--brailleify-text:#18221c;--brailleify-muted:#5c6b61;--brailleify-primary:#0f6b3a;--brailleify-border:#d7e4dc}.brailleify-app{max-width:920px;margin:32px auto;padding:16px;color:var(--brailleify-text)}.brailleify-card{background:var(--brailleify-card);border:1px solid var(--brailleify-border);border-radius:28px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.08)}.brailleify-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.brailleify-kicker{margin:0 0 6px;color:var(--brailleify-primary);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:13px}.brailleify-header h2{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.05}.brailleify-badge{display:inline-flex;align-items:center;border:1px solid var(--brailleify-border);border-radius:999px;padding:8px 12px;font-size:14px;white-space:nowrap}.brailleify-intro,.brailleify-help{color:var(--brailleify-muted)}.brailleify-form label{display:block;font-weight:700;margin:18px 0 8px}#brailleify-text{width:100%;min-height:180px;border:1px solid var(--brailleify-border);border-radius:18px;padding:18px;font-size:18px;line-height:1.55;resize:vertical;box-sizing:border-box}#brailleify-text:focus,.brailleify-button:focus,.brailleify-secondary:focus{outline:3px solid rgba(15,107,58,.35);outline-offset:3px}.brailleify-actions{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:16px;align-items:center}.brailleify-upload{border:1px dashed var(--brailleify-primary);border-radius:18px;padding:14px;cursor:pointer;background:var(--brailleify-bg)}.brailleify-upload input{display:block;margin-top:8px;width:100%}.brailleify-button,.brailleify-secondary{border:0;border-radius:999px;padding:14px 22px;cursor:pointer;font-weight:800}.brailleify-button{background:var(--brailleify-primary);color:#fff}.brailleify-secondary{background:var(--brailleify-bg);color:var(--brailleify-primary);border:1px solid var(--brailleify-border)}.brailleify-status{min-height:26px;margin-top:16px;font-weight:700}.brailleify-status.is-error{color:#9f1d1d}.brailleify-status.is-success{color:var(--brailleify-primary)}.brailleify-result-wrap{margin-top:26px;border-top:1px solid var(--brailleify-border);padding-top:20px}.brailleify-result{display:block;min-height:110px;background:#fbfdfb;border:1px solid var(--brailleify-border);border-radius:18px;padding:18px;font-size:28px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.brailleify-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}@media(max-width:720px){.brailleify-card{padding:20px;border-radius:20px}.brailleify-header,.brailleify-actions{grid-template-columns:1fr;display:grid}.brailleify-badge{justify-self:start}.brailleify-button{width:100%}}