*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:2rem}h1{font-size:1.8rem;margin-bottom:.5rem;color:#1a1a1a}h2{font-size:1.3rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #0070f3;padding-bottom:.5rem}.description{color:#666;margin-bottom:2rem}.section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-group{margin-bottom:1rem}label{display:block;font-weight:500;margin-bottom:.25rem;font-size:.9rem}input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}input:focus{outline:none;border-color:#0070f3;box-shadow:0 0 0 3px rgba(0,112,243,.1)}input.error{border-color:#e53e3e}.error-message{color:#e53e3e;font-size:.85rem;margin-top:.25rem}.result{background:#f8f9fa;border-radius:4px;padding:1rem;margin-top:1rem;font-size:.9rem}.result-label{font-weight:500;color:#666;font-size:.8rem;margin-bottom:.25rem}.result-value{font-family:monospace;background:#e9ecef;padding:.25rem .5rem;border-radius:3px;display:inline-block}.loading{color:#0070f3;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}button{background:#0070f3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#0051a8}button:disabled{background:#ccc;cursor:not-allowed}.faker-result{background:#f0f9ff;border:1px solid #0070f3;border-radius:4px;padding:1rem;margin-top:1rem;font-family:monospace;font-size:.85rem;white-space:pre-wrap}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;background:#e9ecef;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.tab.active{background:#0070f3;color:#fff}