*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff}.doc-page{max-width:900px;padding:0 1rem}.doc-page h1{font-size:2.5rem;margin-bottom:1rem;color:#1976d2;font-weight:700}.doc-page h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1rem;color:#333;font-weight:600;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.doc-page h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:#555;font-weight:600}.doc-page h4{font-size:1.1rem;margin-top:1.25rem;margin-bottom:.5rem;color:#666;font-weight:600}.doc-page p{margin-bottom:1rem;line-height:1.7}.doc-page ul{margin-bottom:1rem;padding-left:2rem}.doc-page li{margin-bottom:.5rem}.doc-page a{color:#1976d2;text-decoration:none}.doc-page a:hover{text-decoration:underline}.doc-section{margin-bottom:3rem}.demo-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.demo-form{background:#fff;padding:1.5rem;border-radius:6px;margin-bottom:1rem}.demo-form>*{margin-bottom:1rem}.demo-output{background:#fff;padding:1rem;border-radius:4px;border:1px solid #ddd;font-family:Courier New,monospace;font-size:.9rem}.demo-output pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.demo-output code{background:none;padding:0;color:#d63384}.code-example{margin:1.5rem 0}.code-example pre{background:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:6px;overflow-x:auto;margin:.5rem 0;line-height:1.5}.code-example code{font-family:Courier New,Courier,monospace;font-size:.9rem}.api-table{margin:1.5rem 0;overflow-x:auto}.api-table table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.api-table thead{background:#f5f5f5}.api-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0}.api-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0}.api-table tbody tr:last-child td{border-bottom:none}.api-table tbody tr:hover{background:#f9f9f9}.api-table code,p code,li code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#d63384}input,select,textarea{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem}label{display:block;margin-bottom:.25rem;font-weight:500;color:#555}button{background:#1976d2;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}button:hover{background:#1565c0}button:active{background:#0d47a1}.custom-input-class{border:2px solid blue;border-radius:4px;padding:8px}.email-input{border:2px solid green;border-radius:4px;padding:8px}.select-field{border:2px solid purple;border-radius:4px;padding:8px}.textarea-field{border:2px solid orange;border-radius:4px;padding:8px}