.preview-window{width:100%;height:300px;border:1px solid #ccc;border-radius:8px;padding:10px;background-color:#f9f9f9;overflow-y:auto;box-shadow:0 4px 8px #0000001a;font-family:monospace;white-space:pre-wrap;margin-bottom:10px}.preview-header{padding:8px;font-weight:700}.input-group{margin-bottom:10px;font-size:large}.input-group label{display:block;margin-bottom:5px}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:medium}.input-group button{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:medium;background-color:#f9f9f9;cursor:pointer}.input-group button:hover{background-color:#f1f1f1}.input-group button:disabled{background-color:#ccc;cursor:not-allowed}.code-table{width:100%;border-collapse:collapse;margin-bottom:10px}.code-table th,.code-table td{border:1px solid #ccc;padding:8px;text-align:left;font-size:small}.code-table th{background-color:#f1f1f1}.submit{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:medium;background-color:#f9f9f9;cursor:pointer}.error-lines{list-style-type:none;padding:0;margin:0}.loading{display:flex;flex-direction:row;justify-content:left;align-items:center;height:200px}.loading p{margin-left:10px}