*{box-sizing:border-box}body{margin:0;background:#f6f8fd;color:#23304b;font:16px/1.55 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;color:inherit}button,a.j-button{border:1px solid #b8c3d7;border-radius:9px;background:white;padding:11px 16px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,a.j-button:hover{border-color:#243e78}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #6654d1;outline-offset:4px}[hidden]{display:none!important}.j-header{display:flex;justify-content:space-between;gap:20px;padding:18px 4vw;background:white;border-bottom:1px solid #dee3ef}.j-brand{font-weight:850;text-decoration:none;font-size:22px}.j-header nav{display:flex;align-items:center;gap:20px;font-size:14px}main{max-width:1440px;margin:auto;padding:32px 4vw 60px}.j-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.j-kicker{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#536686;margin:0 0 10px}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em;line-height:1.05;margin:0 0 12px}h2{font-size:26px;letter-spacing:-.04em;line-height:1.15}h3{font-size:20px;letter-spacing:-.02em}p{margin:8px 0}.j-intro p:not(.j-kicker){max-width:680px;color:#54627b}.j-intro .j-button{background:#d8ff3e;flex-shrink:0}.j-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.j-steps button{justify-content:flex-start;gap:9px;text-align:left;font-size:14px;font-weight:650}.j-steps b{font-size:12px;opacity:.65}.j-steps [aria-pressed=true]{background:#253b6e;color:white;border-color:#253b6e}.j-workspace{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px}.j-sketch,.j-view{min-width:0;background:white;border:1px solid #d4ddeb;border-radius:16px;overflow:hidden}.j-panel-heading{padding:13px 18px;font-size:12px;letter-spacing:.08em;font-weight:750;display:flex;justify-content:space-between;border-bottom:1px solid #e1e7f2}.j-panel-heading span{font-weight:500;letter-spacing:0}.j-sketch img{width:100%;height:430px;object-fit:contain;display:block;background:#f8faff}.j-stage{height:430px;background:#e7edf8;position:relative}.j-stage canvas{width:100%;height:100%;display:block;touch-action:none}.j-stage .j-stage-note{position:absolute;left:18px;bottom:13px;pointer-events:none;font-size:12px;color:#566687}.j-views{padding:11px 15px;display:flex;gap:7px;border-top:1px solid #dce2ec;flex-wrap:wrap}.j-views button{padding:7px 13px;font-size:13px}.j-views [aria-pressed=true]{background:#dce7ff}.j-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.j-specs label{display:grid;gap:6px;font-size:14px;font-weight:650}.j-specs select{width:100%;min-height:46px;border:1px solid #bfcbdf;border-radius:9px;padding:9px 14px;background:white}.j-guidance{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;padding:22px;background:#e8eefa;border:1px solid #d6dfef;border-radius:14px}.j-guidance h2{margin:0 0 10px;font-size:22px}.j-guidance p{color:#455575;font-size:15px}.j-action{padding-left:22px;border-left:1px solid #c6d1e5}.j-summary{display:flex;justify-content:space-between;gap:15px;margin:16px 0;color:#556580;font-size:14px}.j-status{min-height:25px;font-size:14px;color:#506680}.is-error{color:#a32c41}.j-downloads{padding:24px;margin:30px 0;border:1px solid #c5d5b5;background:#f5ffe9;border-radius:16px}.j-downloads h2{margin:0 0 8px}.j-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.j-primary{background:#d8ff3e!important;border-color:#667c38!important;font-weight:700}.j-note{font-size:14px;color:#5a6780}.j-more{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.j-more>section,.j-reference{padding:22px;border:1px solid #d6deed;border-radius:16px;background:white}.j-more h2{margin:0 0 14px}.j-render{width:100%;display:block;border-radius:10px}.j-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid #e2e7f0}th{font-weight:700}.j-reference{margin-top:24px}.j-reference summary{font-weight:700;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;background:#eef3fc;padding:14px;border-radius:10px}.j-caption{font-size:13px;color:#5b6c88;margin-top:12px}.j-reference ol{padding-left:24px;line-height:1.8}.j-reference li{margin-bottom:8px}@media(max-width:760px){.j-intro{display:block}.j-intro>.j-button{margin-top:16px}.j-header{align-items:flex-start}.j-header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}main{padding:24px 16px}.j-steps{grid-template-columns:1fr 1fr}.j-workspace{grid-template-columns:1fr}.j-sketch img{height:330px}.j-stage{height:370px}.j-specs{gap:9px}.j-specs label{font-size:13px}.j-specs select{padding:8px}.j-guidance,.j-more{grid-template-columns:1fr}.j-action{border-left:0;border-top:1px solid #c6d1e5;padding:12px 0 0}.j-summary{display:block}.j-summary span{display:block}.j-downloads{padding:20px}.j-actions>*{flex:1 1 130px}}

.j-real-app{margin-top:35px}.j-app-shots{display:grid;grid-template-columns:1fr 1fr;gap:24px}.j-app-shots figure{margin:0}.j-app-shots img{width:100%;height:auto;display:block;border:1px solid #d6deed;border-radius:12px}.j-app-shots figcaption{font-size:14px;color:#5b6c88;padding:12px 0}@media(max-width:760px){.j-app-shots{grid-template-columns:1fr}}