.ob-body,body{overflow:hidden;height:100vh}.ob-body{width:100vw;background:var(--bg);display:flex;flex-direction:column}.ob-topbar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:14px;flex-shrink:0}.ob-topbar .ob-brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:17px}.ob-topbar .ob-brand .brand-mark{width:26px;height:26px;border-radius:8px;background:var(--blue-bubble);display:grid;place-items:center;color:white;box-shadow:0 2px 6px rgba(26,134,255,.35)}.ob-topbar .ob-brand .brand-mark svg{width:14px;height:14px}.ob-progress{gap:4px;margin-left:24px}.ob-progress,.ob-step-dot{display:flex;align-items:center}.ob-step-dot{gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;color:var(--ink-4);font-weight:500}.ob-step-dot .n{width:18px;height:18px;border-radius:50%;background:var(--bg-rail-2);color:var(--ink-4);display:grid;place-items:center;font-size:10.5px;font-weight:600}.ob-step-dot.done{color:#1b8a3a}.ob-step-dot.done .n{background:rgba(52,199,89,.18);color:#1b8a3a}.ob-step-dot.active{color:var(--blue);background:rgba(26,134,255,.09)}.ob-step-dot.active .n{background:var(--blue);color:white}.ob-step-sep{width:16px;height:2px;background:var(--line-2);border-radius:1px}.ob-topbar .save-state{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-4)}.ob-topbar .save-state .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.ob-main{flex:1 1;overflow-y:auto;padding:40px 24px 80px}.ob-step{max-width:720px;margin:0 auto}.ob-step.wide{max-width:820px}.ob-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:14px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.ob-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.ob-card-header .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.ob-card-header .t{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em}.ob-card-header .s{font-size:12.5px;color:var(--ink-4);margin-top:2px;line-height:1.4}.ob-card-header .right{margin-left:auto}.ob-select{width:100%;padding:12px 38px 12px 14px;border:1px solid var(--line-2);border-radius:12px;background:white;font-size:15px;font-family:inherit;color:var(--ink);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236c6c74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .12s,box-shadow .12s}.ob-select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(26,134,255,.14)}.ai-assist-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,rgba(26,134,255,.07),rgba(175,82,222,.06));border:1px solid rgba(26,134,255,.18);border-radius:12px;font-size:12.5px;color:var(--ink-2);margin-bottom:14px;line-height:1.4}.ai-assist-banner .ai-ic{width:24px;height:24px;border-radius:50%;background:var(--blue-bubble);color:white;display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 6px rgba(26,134,255,.3)}.ai-assist-banner b{color:var(--ink);font-weight:600}.ai-assist-banner .spacer{flex:1 1}.ai-assist-banner .ai-btn{font-size:12px;padding:5px 10px;border-radius:8px;background:var(--blue);color:white;border:none;cursor:pointer;font-weight:500;white-space:nowrap;transition:background .12s;display:inline-flex;align-items:center;gap:4px}.ai-assist-banner .ai-btn:hover{background:var(--blue-2)}.ai-generated-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;background:linear-gradient(90deg,rgba(26,134,255,.14),rgba(175,82,222,.14));color:var(--blue);font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-left:6px}.char-count{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;color:var(--ink-4)}.char-count .ok{color:#1b8a3a}.char-count .bad{color:var(--red)}.sample-msg-list{display:flex;flex-direction:column;gap:10px}.sample-msg{display:flex;gap:10px;background:var(--bg-rail);border:1px solid var(--line);border-radius:14px;padding:10px 12px 10px 14px;align-items:flex-start}.sample-msg .ph-bubble{flex:1 1;background:var(--gray-bubble);border-radius:16px;border-bottom-left-radius:5px;padding:8px 12px;font-size:13.5px;line-height:1.4;color:var(--ink);white-space:pre-wrap}.sample-msg .idx{width:22px;height:22px;border-radius:50%;background:white;border:1px solid var(--line-2);color:var(--ink-3);font-size:11px;font-weight:600;display:grid;place-items:center;flex-shrink:0;margin-top:4px}.sample-msg .remove{width:26px;height:26px;border-radius:50%;color:var(--ink-4);display:grid;place-items:center;cursor:pointer;background:transparent;border:none;align-self:center;flex-shrink:0}.sample-msg .remove:hover{background:rgba(255,59,48,.1);color:var(--red)}.sample-msg textarea{flex:1 1;border:1px solid var(--line-2);border-radius:14px;padding:9px 12px;font-size:13.5px;font-family:inherit;line-height:1.4;color:var(--ink);background:white;resize:vertical;min-height:50px;outline:none}.sample-msg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,134,255,.14)}.add-sample{padding:9px 14px;border:1px dashed var(--line-2);border-radius:12px;background:transparent;color:var(--ink-3);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s}.add-sample:hover{border-color:var(--blue);color:var(--blue);background:rgba(26,134,255,.04)}.toggle-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:none}.toggle-row .tr-text{flex:1 1}.toggle-row .tr-t{font-size:13.5px;font-weight:500}.toggle-row .tr-d{font-size:11.5px;color:var(--ink-4);margin-top:2px;line-height:1.4}.toggle{width:42px;height:24px;border-radius:999px;background:var(--ink-5);position:relative;cursor:pointer;transition:background .15s;flex-shrink:0;border:none}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:white;top:2px;left:2px;transition:transform .2s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.15)}.toggle.on{background:var(--green)}.toggle.on:after{transform:translateX(18px)}.otp-inputs{display:flex;gap:8px;margin-top:8px}.otp-inputs input{width:42px;height:48px;border:1px solid var(--line-2);border-radius:10px;background:white;text-align:center;font-size:18px;font-weight:600;font-family:var(--font-mono);color:var(--ink);outline:none}.otp-inputs input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,134,255,.15)}.provider-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line-2);border-radius:14px;margin-bottom:10px;background:white}.provider-card.connected{border-color:rgba(52,199,89,.4);background:rgba(52,199,89,.03)}.provider-logo{width:40px;height:40px;border-radius:10px;background:#F22F46;color:white;display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0;letter-spacing:-.02em}.provider-card .info{flex:1 1;min-width:0}.provider-card .t{font-weight:600;font-size:14px}.provider-card .d{font-size:12px;color:var(--ink-4);margin-top:2px}.review-summary-card{background:white;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px}.review-summary-card h4{font-size:13px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:8px}.review-summary-card h4 .edit{margin-left:auto;font-size:12px;color:var(--blue);font-weight:500;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px}.review-summary-card h4 .edit:hover{background:rgba(26,134,255,.08)}.review-summary-card .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px 20px;gap:10px 20px}.review-summary-card .kv .k{font-size:11px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.03em}.review-summary-card .kv .v{font-size:13px;color:var(--ink);margin-top:2px}.ob-step-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(26,134,255,.1);color:var(--blue);font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-bottom:14px}.ob-h1{font-family:var(--font-display);font-size:34px;letter-spacing:-.02em;line-height:1.1;font-weight:600;margin:0 0 10px;text-wrap:balance}.ob-sub{font-size:16px;color:var(--ink-3);line-height:1.5;margin:0 0 28px;max-width:560px;text-wrap:pretty}.ob-field{margin-bottom:16px}.ob-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.ob-help{font-size:11.5px;color:var(--ink-4);margin-top:4px}.ob-input,.ob-textarea{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:white;font-size:15px;font-family:inherit;color:var(--ink);transition:border-color .12s,box-shadow .12s;outline:none}.ob-input:focus,.ob-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(26,134,255,.14)}.ob-input::placeholder,.ob-textarea::placeholder{color:var(--ink-4)}.ob-textarea{min-height:90px;resize:vertical;line-height:1.45}.ob-input-group{display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:12px;background:white;overflow:hidden;transition:border-color .12s,box-shadow .12s}.ob-input-group:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(26,134,255,.14)}.ob-input-group .prefix{display:flex;align-items:center;padding:0 14px;border-right:1px solid var(--line);background:var(--bg-rail);font-family:var(--font-mono);font-size:13px;color:var(--ink-4)}.ob-input-group input{flex:1 1;border:none;outline:none;padding:12px 14px;font-size:15px;background:transparent;color:var(--ink);font-family:inherit}.ob-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.ob-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.ob-pick{padding:14px;border:1px solid var(--line-2);border-radius:14px;background:white;text-align:left;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;gap:6px}.ob-pick:hover{border-color:var(--ink-4)}.ob-pick.selected{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,134,255,.15);background:rgba(26,134,255,.03)}.ob-pick .emoji{font-size:18px}.ob-pick .t{font-weight:600;font-size:13.5px}.ob-pick .d{font-size:11.5px;color:var(--ink-4);line-height:1.35}.ob-actions{display:flex;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.ob-actions .spacer{flex:1 1}.ob-btn-big{padding:12px 20px;border-radius:12px;font-size:14.5px;font-weight:600;border:1px solid var(--line-2);background:white;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .12s}.ob-btn-big:hover{background:var(--bg-rail)}.ob-btn-big.primary{background:var(--blue);color:white;border-color:transparent;box-shadow:0 2px 6px rgba(26,134,255,.28)}.ob-btn-big.primary:hover{background:var(--blue-2)}.ob-btn-big.primary:disabled{background:var(--ink-5);box-shadow:none;cursor:not-allowed}.ob-btn-big.ghost{background:transparent;border-color:transparent;color:var(--ink-3)}.ob-btn-big.ghost:hover{background:var(--bg-rail);color:var(--ink)}.spinner-sm{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-5);border-top-color:var(--blue);animation:spin .9s linear infinite;display:inline-block}.scan-hero{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow-card);margin-bottom:22px;position:relative;overflow:hidden}.scan-hero .scan-label{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin-bottom:10px}.scan-hero .scan-url{font-family:var(--font-mono);font-size:18px;color:var(--ink);margin-bottom:16px;font-weight:500}.scan-beam{height:3px;background:linear-gradient(to right,transparent,var(--blue),transparent);border-radius:2px;margin:16px 0;animation:beam 1.6s ease-in-out infinite}@keyframes beam{0%{transform:translateX(-40%);opacity:0}50%{opacity:1}to{transform:translateX(40%);opacity:0}}.scan-steps{display:flex;flex-direction:column;gap:10px;margin-top:14px}.scan-step{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-3);transition:color .2s}.scan-step.active{color:var(--ink)}.scan-step.done{color:var(--ink-2)}.scan-step .dot-or-check{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--bg-rail-2);color:var(--ink-4)}.scan-step.active .dot-or-check{background:rgba(26,134,255,.15);color:var(--blue)}.scan-step.done .dot-or-check{background:rgba(52,199,89,.18);color:#1b8a3a}.cc-grid{display:flex;flex-direction:column;gap:12px}.cc-card{background:white;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:border-color .15s}.cc-card.pass{border-color:rgba(52,199,89,.35)}.cc-card.warn{border-color:rgba(255,149,0,.4)}.cc-card.fail{border-color:rgba(255,59,48,.35)}.cc-head{display:flex;align-items:center;gap:12px;padding:14px 16px}.cc-head .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.cc-head .t{font-weight:600;font-size:14.5px;letter-spacing:-.005em}.cc-head .s{font-size:12px;color:var(--ink-4);margin-top:2px}.cc-head .s a{color:var(--blue);text-decoration:none}.cc-head .s a:hover{text-decoration:underline}.cc-head .right{margin-left:auto;display:flex;align-items:center;gap:8px}.cc-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.cc-status.pass{background:rgba(52,199,89,.15);color:#1b8a3a}.cc-status.warn{background:rgba(255,149,0,.18);color:#b36600}.cc-status.fail{background:rgba(255,59,48,.14);color:var(--red)}.cc-body{border-top:1px solid var(--line);padding:4px 16px 10px}.cc-check{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.cc-check:last-child{border-bottom:none}.cc-check .bullet{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.cc-check .bullet.pass{background:rgba(52,199,89,.18);color:#1b8a3a}.cc-check .bullet.fail{background:rgba(255,59,48,.14);color:var(--red)}.cc-check .bullet.warn{background:rgba(255,149,0,.18);color:#b36600}.cc-check .txt{flex:1 1;color:var(--ink-2);line-height:1.4}.cc-check .txt b{color:var(--ink);font-weight:600}.cc-check .fix-btn{font-size:12px;padding:4px 10px;border-radius:8px;background:var(--blue);color:white;border:none;cursor:pointer;flex-shrink:0;font-weight:500;align-self:center;transition:background .12s;display:inline-flex;align-items:center;gap:4px}.cc-check .fix-btn:hover{background:var(--blue-2)}.cc-check .fixed-tag{font-size:11.5px;padding:3px 8px;border-radius:999px;background:rgba(52,199,89,.14);color:#1b8a3a;font-weight:500;align-self:center;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}.cc-foot{background:var(--bg-rail);padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-3)}.cc-foot .sparkle-ic{color:var(--blue);display:inline-flex;align-items:center}.modal-backdrop{position:fixed;inset:0;background:rgba(10,15,25,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:grid;place-items:center;padding:24px;animation:fadein .18s ease}.modal{background:white;border-radius:22px;box-shadow:0 30px 80px rgba(10,15,25,.32);max-width:640px;width:100%;max-height:86vh;overflow:hidden;display:flex;flex-direction:column;animation:modalin .26s cubic-bezier(.2,.8,.2,1)}@keyframes modalin{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{padding:18px 22px 14px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}.modal-head .ic{width:34px;height:34px;border-radius:10px;background:rgba(26,134,255,.12);color:var(--blue);display:grid;place-items:center;flex-shrink:0}.modal-head .t{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.01em}.modal-head .s{font-size:13px;color:var(--ink-3);margin-top:2px;line-height:1.4}.modal-head .close{margin-left:auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ink-4);background:transparent;border:none;cursor:pointer}.modal-head .close:hover{background:var(--bg-rail);color:var(--ink)}.modal-body{padding:16px 22px;overflow-y:auto}.snippet-reason{display:flex;gap:10px;padding:12px;background:rgba(26,134,255,.06);border:1px solid rgba(26,134,255,.18);border-radius:12px;font-size:13px;color:var(--ink-2);line-height:1.45;margin-bottom:14px}.snippet-reason .ic{color:var(--blue);flex-shrink:0}.snippet-label{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px}.snippet-box{background:var(--bg-rail);border:1px solid var(--line);border-radius:12px;padding:14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word;margin-bottom:12px;position:relative;max-height:280px;overflow-y:auto}.snippet-box .highlight{background:rgba(255,204,0,.35);padding:1px 3px;border-radius:3px}.snippet-actions{display:flex;gap:8px;align-items:center}.snippet-actions .hint{font-size:11.5px;color:var(--ink-4);margin-left:auto}.welcome-hero{text-align:center;padding-top:20px}.welcome-hero .ob-h1{font-size:40px}.welcome-benefits{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:32px}.wb-item{text-align:center;padding:18px 14px;background:white;border:1px solid var(--line);border-radius:14px}.wb-item .ic{width:34px;height:34px;border-radius:10px;margin:0 auto 10px;display:grid;place-items:center}.wb-item .t{font-weight:600;font-size:13.5px;margin-bottom:3px}.wb-item .d{font-size:12px;color:var(--ink-4);line-height:1.4;text-wrap:pretty}.num-picker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.num-pick{padding:12px 14px;background:white;border:1px solid var(--line-2);border-radius:12px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:all .12s;text-align:left}.num-pick:hover{border-color:var(--ink-4)}.num-pick.selected{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,134,255,.15);background:rgba(26,134,255,.03)}.num-pick .n{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num-pick .l{font-size:11.5px;color:var(--ink-4)}.submit-status{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow-card);text-align:center;margin-bottom:16px}.submit-status .big-check{width:64px;height:64px;border-radius:50%;background:rgba(52,199,89,.14);color:#1b8a3a;display:grid;place-items:center;margin:0 auto 16px;animation:pop .5s cubic-bezier(.2,1.5,.3,1)}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.submit-status .big-check svg{width:30px;height:30px}.submit-status h2{font-family:var(--font-display);font-size:26px;margin:0 0 6px;font-weight:600;letter-spacing:-.01em}.submit-status .meta{color:var(--ink-3);font-size:14px;line-height:1.5;max-width:420px;margin:0 auto}.timeline-steps{text-align:left;max-width:400px;margin:20px auto 0;padding:18px;background:var(--bg-rail);border-radius:14px}.timeline-row{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:13px}.timeline-row .dot{width:10px;height:10px;border-radius:50%;background:var(--ink-5)}.timeline-row.done .dot{background:var(--green);box-shadow:0 0 0 3px rgba(52,199,89,.2)}.timeline-row.active .dot{background:var(--blue);box-shadow:0 0 0 3px rgba(26,134,255,.2);animation:pulse 1.4s infinite}.timeline-row .eta{margin-left:auto;font-size:11.5px;color:var(--ink-4);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline-row .l{color:var(--ink-2)}.timeline-row.done .l{color:var(--ink-3)}.timeline-row.active .l{color:var(--ink);font-weight:500}.scan-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.ss-item{padding:10px 14px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:2px}.ss-item .v{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.01em}.ss-item .l{font-size:11px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.03em}.ss-item.pass .v{color:#1b8a3a}.ss-item.warn .v{color:#b36600}.ss-item.fail .v{color:var(--red)}@media (max-width:900px){.ob-topbar{padding:0 14px;gap:8px;height:auto;min-height:54px;flex-wrap:wrap}.ob-progress{order:3;margin-left:0;width:100%;overflow-x:auto;padding:6px 0 8px;flex-wrap:nowrap}.ob-progress>*{flex-shrink:0}.ob-step-dot{padding:4px 8px;font-size:11px}.ob-step-sep{width:10px}.ob-topbar .save-state{order:2;margin-left:auto;font-size:11px}.ob-main{padding:18px 14px 40px}.ob-step,.ob-step.wide{max-width:100%}.ob-card{padding:16px 14px;border-radius:14px}.ob-card-header{gap:10px}}