*{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;min-height:100vh}.container{display:flex;height:100vh}.input-panel{width:600px;min-width:600px;padding:20px;background-color:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:16px}.input-panel h1{font-size:1.25rem;color:#333}.input-panel label{font-weight:500;color:#555}.input-panel textarea{flex:1;min-height:200px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;resize:none}.input-panel textarea:focus{outline:none;border-color:#007bff}.error-message{color:#dc3545;font-size:.875rem;min-height:1.25rem}.button-group{display:flex;gap:8px}.input-panel button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.input-panel button:hover{background-color:#0056b3}.input-panel button:disabled{background-color:#ccc;cursor:not-allowed}.input-panel button.btn-secondary{background-color:#fff;color:#333;border:1px solid #ddd}.input-panel button.btn-secondary:hover{background-color:#f0f0f0}.input-panel button.btn-secondary:disabled{background-color:#f5f5f5;color:#999}.preview-panel{flex:1;display:flex;flex-direction:column;padding:20px;background-color:#e9ecef}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.pagination button{width:36px;height:36px;border:1px solid #ddd;background-color:#fff;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.pagination button:hover:not(:disabled){background-color:#f0f0f0}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:1rem;color:#333;min-width:50px;text-align:center}.preview-iframe{flex:1;border:1px solid #ddd;background-color:#fff;border-radius:4px}