*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;padding:0}h1{display:none}.demo-layout{display:flex;width:100%;height:100vh;gap:20px;padding-right:20px}.controls{width:400px;flex-shrink:0;padding:24px;background:#fff;overflow-y:auto;box-shadow:2px 0 12px #00000026;border-radius:0 8px 8px 0}.controls h2{color:#667eea;margin-bottom:20px;font-size:1.3rem;font-weight:600;border-bottom:2px solid #667eea;padding-bottom:10px}.control-group{margin-bottom:14px}.control-group label{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:#333;transition:color .2s}.control-group label:hover{color:#667eea}.control-group input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.control-group input[type=number],.control-group input[type=text]{flex:1;margin-left:10px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.control-group input[type=number]:focus,.control-group input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.control-group button{margin-top:8px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s}.control-group button:hover{background:#5568d3}.control-group button:disabled{background:#ccc;cursor:not-allowed}.viewer-container{flex:1;background:#fff;overflow:hidden;display:flex;flex-direction:column;border-radius:8px 0 0 8px;box-shadow:-2px 0 12px #00000026}pdf-viewer{display:block;width:100%;height:100%;flex:1}