*{box-sizing:border-box}body{margin:0;padding:20px;background:#082f26;color:#fff;font-family:Arial,sans-serif}.container{display:flex;gap:20px;flex-wrap:wrap}.form-panel{flex:1;min-width:320px;background:#0f4336;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center}.form-panel>*{width:100%;max-width:400px}.form-panel h1{margin-top:0;margin-bottom:4px;font-size:1.5em}.form-panel .description{margin:0 0 10px;font-size:15px;line-height:1.4;color:#b8d4cc}.form-panel label{display:block;margin-top:10px;margin-bottom:5px}.form-panel input{width:100%;padding:10px;border:none;border-radius:6px;font-size:18px}.form-panel button{margin-top:15px;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;flex:0 0 auto;height:48px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;font-size:1em}.button-row{display:flex;gap:10px}canvas{border:1px solid #444;max-width:100%;max-height:80vh;width:auto;height:auto;background:#082f26;display:block}.page-footer{margin-top:30px;padding:20px;text-align:center;border-top:1px solid #1a5c4a}.page-footer a{display:inline-flex;align-items:center;gap:8px;color:#d9c27a;text-decoration:none;margin:0 16px;font-size:16px;transition:opacity .2s}.page-footer a:hover{opacity:.75}