.og-page{color:#172235;background:#f4f8ff;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.og-nav,.og-workspace,.og-notes,.og-footer{width:min(1100px,100% - 40px);margin-inline:auto}.og-nav,.og-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.og-nav{border-bottom:1px solid #c9d6e8;min-height:82px}.og-back,.og-footer{color:#4e627d;font-size:13px;font-weight:700;text-decoration:none}.og-hero{width:min(880px,100% - 40px);margin:0 auto;padding:80px 0 52px}.og-kicker{color:#315dcf;font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:700}.og-kicker:before{content:"";background:#e86d48;border-radius:99px;width:21px;height:7px;margin-right:9px;display:inline-block}.og-hero h1{letter-spacing:-.07em;max-width:720px;margin:0;font-family:Georgia,serif;font-size:clamp(49px,7.8vw,89px);line-height:.92}.og-hero>p:last-child{color:#52657d;max-width:640px;margin:26px 0 0;font-size:18px;line-height:1.65}.og-workspace{background:#fff;border:1px solid #172235;border-radius:10px;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);display:grid;overflow:hidden;box-shadow:10px 10px #315dcf}.og-inputs,.og-result{padding:clamp(25px,4vw,45px)}.og-inputs{border-right:1px solid #c9d6e8;align-content:start;gap:11px;display:grid}.og-inputs label{color:#263853;margin-top:14px;font-size:13px;font-weight:800}.og-inputs label span{color:#6e7f96;font-weight:500}.og-inputs input,.og-inputs textarea,.og-inputs select{box-sizing:border-box;color:#172235;width:100%;font:inherit;background:#fff;border:1px solid #aebed4;border-radius:4px;font-size:15px}.og-inputs input,.og-inputs select{min-height:45px;padding:0 12px}.og-inputs textarea{resize:vertical;min-height:104px;padding:12px;line-height:1.55}.og-row{grid-template-columns:.6fr 1fr;gap:14px;display:grid}.og-row label{gap:8px;display:grid}.og-result{color:#f8fbff;background:#182a4a}.og-result .og-kicker,.og-result small{color:#b7c9e4}.og-status{color:#ffb37b;letter-spacing:-.05em;margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(33px,4vw,48px);line-height:1;display:block}.og-status.ready{color:#a7e7c4}.og-result ul{color:#ffdac5;gap:10px;margin:0 0 21px;padding-left:19px;font-size:14px;line-height:1.45;display:grid}.og-pass{color:#dce9fb;margin:0 0 21px;font-size:14px;line-height:1.55}.og-output{border-top:1px dashed #ffffff59;padding-top:16px}.og-output span{color:#b7c9e4;font-size:12px;font-weight:700}.og-output pre{white-space:pre-wrap;color:#f8fbff;min-height:196px;font-family:var(--font-dm-mono), monospace;margin:8px 0 18px;font-size:12px;line-height:1.55;overflow:auto}.og-result button{color:#10233e;width:100%;min-height:47px;font:inherit;cursor:pointer;background:#a7e7c4;border:0;border-radius:4px;font-weight:800}.og-result button:disabled{cursor:not-allowed;opacity:.45}.og-result small{margin-top:13px;font-size:11px;line-height:1.5;display:block}.og-notes{grid-template-columns:.75fr 1.25fr;gap:9vw;padding:100px 0;display:grid}.og-notes h2{letter-spacing:-.06em;margin:0;font-family:Georgia,serif;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.og-notes>div:last-child{color:#52657d;font-size:15px;line-height:1.7}.og-notes p{margin:0 0 20px}.og-notes a{color:#315dcf;margin-right:18px;font-weight:800}.og-notes code,.og-output code{font-family:var(--font-dm-mono), monospace}.og-footer{border-top:1px solid #c9d6e8;min-height:82px;padding:20px 0}.og-footer span{margin-right:auto}@media (width<=760px){.og-workspace,.og-notes{grid-template-columns:1fr}.og-inputs{border-bottom:1px solid #c9d6e8;border-right:0}.og-notes{gap:30px;padding:70px 0}}@media (width<=560px){.og-nav,.og-workspace,.og-notes,.og-footer,.og-hero{width:min(100% - 28px,1100px)}.og-hero{padding-top:58px}.og-nav,.og-footer{gap:12px}.og-back,.og-footer{font-size:11px}.og-footer span{max-width:150px}.og-row{grid-template-columns:1fr;gap:0}}