#root{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{display:flex;flex-direction:column;gap:20px}h1{text-align:center;color:#333}.status{padding:12px;border-radius:8px;text-align:center;font-weight:500}.status.loading{background:#fff3cd;color:#856404}.status.ready{background:#d4edda;color:#155724}.status.error{background:#f8d7da;color:#721c24}.input-section{display:flex;flex-direction:column;gap:12px}textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;resize:vertical;font-family:inherit;box-sizing:border-box}textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.buttons{display:flex;gap:12px}button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#007bff;color:#fff}button.primary:hover:not(:disabled){background:#0056b3}button.secondary{background:#6c757d;color:#fff}button.secondary:hover:not(:disabled){background:#545b62}.output-section{display:flex;flex-direction:column;gap:12px}.output-label{font-weight:600;color:#333}.output-box{padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;min-height:60px;font-size:16px;line-height:1.6}.output-box.empty{color:#6c757d;font-style:italic}.examples{display:flex;flex-direction:column;gap:8px}.examples-label{font-weight:600;color:#333}.example-buttons{display:flex;flex-wrap:wrap;gap:8px}button.example{padding:8px 16px;background:#e9ecef;color:#495057;font-size:14px}button.example:hover:not(:disabled){background:#dee2e6}.info{padding:16px;background:#e7f3ff;border-radius:8px;font-size:14px;color:#0c5460}