.op-panel{padding:28px;margin-bottom:24px}.op-panel h2{margin:8px 0 14px}.op-panel p{line-height:1.65}.op-panel small{color:#65716e;line-height:1.5}.op-inline{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.op-inline>label{flex:1;min-width:180px}.op-grid,.op-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.op-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 25px}.op-shortcuts a{font-size:13px;color:#38597b}.op-choice{display:flex!important;align-items:center;gap:16px;border:1px solid #dce3df;border-radius:12px;padding:18px;margin:0!important;cursor:pointer}.op-choice>input{width:20px!important;height:20px;accent-color:#396db9}.op-choice>span:first-of-type{flex:1}.op-choice small{display:block;margin-top:5px}.op-choice>span:last-child{font-size:12px;color:#5c6c65}.op-steps{padding-left:22px;line-height:1.8}.op-notice{background:#edf5ff;border:1px solid #c8dbf6;border-radius:12px;padding:20px}.op-notice[role=alert]{background:#fff1e8;border-color:#f2cfb9}.op-portal-body{background:#f3f6f4;color:#1c2924;font-family:system-ui,sans-serif}.op-portal{max-width:1000px;margin:50px auto;padding:0 24px}.op-portal h1{font-size:clamp(28px,5vw,46px);letter-spacing:-.04em}.op-portal header{margin-bottom:36px}.op-portal footer{margin:35px 0;line-height:1.5}.op-demo-hero{padding-bottom:45px!important}.op-demo-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.op-demo-controls [aria-pressed=true]{background:#dceaff;border-color:#6793d1;color:#244c82}.op-demo-site,.op-demo-result{border:1px solid #dbe3dd;border-radius:18px;overflow:hidden;background:white}.op-demo-address{padding:17px;background:#f1f4f2;font-size:12px;color:#69756e}.op-demo-address span{color:#a0b4a5;margin-right:15px}.op-demo-site-body,.op-demo-result{padding:30px}.op-demo-site-body>img{display:block;width:100%;height:180px;object-fit:cover;margin-bottom:30px;border-radius:12px;background:#eef2ed}.op-demo-site-body h2,.op-demo-result h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.04em;line-height:1.12}.op-demo-site-body p,.op-demo-result p{line-height:1.7;color:#64706a}.op-demo-form{display:grid;gap:12px;margin:25px 0 0}.op-demo-form span{border:1px solid #dbe3dd;border-radius:8px;padding:12px;font-size:13px}.op-demo-form b{padding:12px;font-size:13px;background:#eef7e9;border-radius:8px;font-weight:500}.op-demo-result [data-demo-output]{margin-top:24px;line-height:1.6}.op-demo-row{padding:13px 0;border-bottom:1px solid #e5ebe7;display:flex;justify-content:space-between;gap:14px;font-size:13px}.op-demo-row b{font-weight:550}.op-demo-next{padding:18px;background:#edf4ff;border-radius:10px;margin-top:20px}.op-demo-controls button:focus-visible,[data-demo-run]:focus-visible{outline:3px solid #356bb6;outline-offset:3px}[data-preset-cost][data-over=true]{color:#a23719;font-weight:600}@media(max-width:760px){.op-grid,.op-demo-grid{grid-template-columns:1fr}.op-panel,.op-demo-site-body,.op-demo-result{padding:22px}.op-inline{display:grid;grid-template-columns:1fr;width:100%}.op-portal{margin:28px auto;padding:0 16px}.op-choice{padding:15px;gap:12px}.op-shortcuts{gap:14px}.op-demo-controls .button{flex:1 1 40%;font-size:12px}.op-demo-row{align-items:start}}