body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.container{max-width:1000px;margin:0 auto;padding:24px}h1{margin:0 0 16px}h2{margin:0 0 10px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px}.tabs button.active{color:#fff;background:#111827;border-color:#111827}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:14px;padding:14px}textarea,input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;margin-bottom:10px;padding:10px}textarea{resize:vertical;min-height:140px}form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 14px}form button:disabled{opacity:.6;cursor:not-allowed}.result pre,.history pre{white-space:pre-wrap;background:#f8fafc;border-radius:8px;margin:0;padding:10px}.history-item{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:10px;padding:10px}.error-box strong{margin-bottom:4px;display:block}.error-box p{margin:0}