:root{font-family:Arial,Helvetica,sans-serif;color:#08172b;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.sitehead{background:#fff;border:1px solid #d8e2f2;border-radius:17px 17px 0 0;position:relative;z-index:20;max-width:1580px;margin:22px auto 0;box-shadow:0 7px 19px #173e7010}.headinner{max-width:100%;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:block;width:min(420px,47vw);height:auto;object-fit:contain}.desktopnav{display:flex;align-items:center;gap:6px}.navbtn{background:transparent;border:0;border-radius:10px;padding:13px 12px;font-size:12px;font-weight:800;color:#163052;white-space:nowrap}.navbtn:hover,.navbtn.active{background:#e9f0ff;color:#0956ed}.hamburger{display:none;background:#095dff;border:0;color:white;padding:12px 15px;border-radius:11px;font-weight:800}.mobilenav{position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid #d9e2f0;box-shadow:0 18px 26px #132b4a22;padding:10px 18px}.mobilenav[hidden]{display:none}.mobilenav button,.mobilenav a{display:block;width:100%;padding:16px 10px;text-align:left;background:none;border:0;border-bottom:1px solid #e7edf7;font-size:14px;font-weight:800}.mainwrap{padding:30px 24px;max-width:1580px;margin:0 auto;background:#f3f6fb;border:1px solid #d8e2f2;border-top:0;border-radius:0 0 17px 17px}.page[hidden]{display:none}.pagetitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.pagetitle h1{font-size:27px;margin:0 0 7px;font-weight:850;letter-spacing:-.5px}.pagetitle p{color:#627590;margin:0;font-size:14px}.version{color:#7c8da3;font-size:11px;font-weight:800}.workgrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px;align-items:start}.stack{display:flex;flex-direction:column;gap:17px}.panel{background:white;border:1px solid #d3dff1;border-radius:17px;padding:23px;box-shadow:0 7px 19px #173e7010;min-width:0}.panel h2{font-size:16px;margin:0 0 17px}.paneltitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.paneltitle h2{margin:0}.chip{font-size:10px;letter-spacing:.4px;font-weight:800;color:#0757eb;background:#e8efff;border-radius:99px;padding:7px 10px;white-space:nowrap}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#213c5f}input,select,textarea{border:1px solid #c8d6e9;border-radius:10px;background:white;color:#0c1d34;padding:12px 13px;width:100%;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#0b5cff;box-shadow:0 0 0 3px #0b5cff1a}textarea{resize:vertical;line-height:1.5}.fieldrow{display:flex;align-items:end;gap:12px;margin-top:15px}.fieldrow>label{flex:1}.grow{flex:1}.primary,.secondary{border-radius:10px;padding:13px 17px;font-size:12px;font-weight:850;letter-spacing:.2px;border:1px solid transparent;min-height:45px}.primary{background:#0b5cff;color:white}.primary:hover{background:#004ad9}.secondary{background:white;color:#0d2340;border-color:#cbd8ea}.secondary:hover{background:#edf3ff}.hint{color:#74859b;font-size:12px;line-height:1.5;margin:12px 0 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formgrid .full{grid-column:1/-1}.canvaswell{background:#e9eef6;border-radius:14px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:285px;overflow:hidden}.canvaswell canvas{width:min(100%,520px);height:auto;box-shadow:0 9px 24px #0002;background:#fff;image-rendering:auto}.actiongrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.status{font-size:13px;min-height:15px;color:#0d5ce7;margin:8px 0 0}.status.error{color:#b42318}.examples{display:flex;flex-wrap:wrap;gap:8px}.examples button{background:#f1f5ff;border:1px solid #d4e0f3;border-radius:9px;padding:10px;font-size:12px;font-weight:750;color:#14355d}.savedgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}.savedcard{border:1px solid #d8e2f1;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:10px}.savedcard strong{font-size:15px;overflow-wrap:anywhere}.savedcard small{color:#7a8a9f}.savedcard .buttons{display:flex;flex-wrap:wrap;gap:6px}.savedcard button{padding:8px 11px;font-size:11px;border-radius:8px;border:1px solid #ccd8eb;background:#f8faff;font-weight:800}.footer{text-align:center;font-size:11px;color:#8b9bb0;padding:25px}.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.authwrap .panel{width:min(100%,500px)}.authlogo{width:100%;max-width:410px;margin:0 auto 22px;display:block}.authwrap h1{font-size:22px}.authwrap p{color:#667b95}.error{color:#b42318!important}.authwrap form{margin-top:22px}.authwrap .primary{width:100%}hr{border:0;border-top:1px solid #e0e7f1;width:100%}@media(max-width:1100px){.desktopnav{display:none}.hamburger{display:block}.brand{width:min(380px,64vw)}.workgrid{grid-template-columns:1fr}.headinner{padding:12px 20px}}@media(max-width:600px){.mainwrap{padding:17px 13px}.headinner{padding:12px 13px}.brand{width:min(285px,68vw)}.hamburger{padding:10px 11px}.hamburger span{font-size:11px}.pagetitle h1{font-size:22px}.pagetitle p{font-size:13px}.version{display:none}.panel{padding:16px;border-radius:14px}.fieldrow{flex-direction:column;align-items:stretch}.fieldrow>*{width:100%}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.canvaswell{min-height:220px;padding:12px}.actiongrid{grid-template-columns:1fr 1fr}.primary,.secondary{padding:12px 9px;font-size:11px}}

@media(max-width:1620px){.sitehead{margin-left:20px;margin-right:20px}.mainwrap{margin-left:20px;margin-right:20px}}
@media(max-width:600px){.sitehead{margin:10px 10px 0;border-radius:14px 14px 0 0}.mainwrap{margin:0 10px;padding:17px 12px;border-radius:0 0 14px 14px}.mobilenav{border-radius:0 0 12px 12px}}