*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page-bg);color:var(--ink);font-family:var(--font-body);min-height:100vh}a{color:var(--primary);text-decoration:none}.ob-topbar{height:var(--topbar-h);justify-content:space-between;padding:0 var(--space-8);border-bottom:1px solid var(--card-border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:30}.ob-brand,.ob-topbar{display:flex;align-items:center}.ob-brand{gap:var(--space-3)}.ob-brand-mark{width:34px;height:34px;border-radius:var(--radius-md);background:var(--primary);color:var(--on-dark);display:grid;place-items:center}.ob-brand-text{font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--ink);letter-spacing:.01em}.ob-brand-text .ai{color:var(--primary)}.ob-nav-right{display:flex;align-items:center;gap:var(--space-2)}.ob-iconbtn{width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}.ob-iconbtn:hover{background:rgba(24,95,165,.08);color:var(--primary)}.ob-user{height:40px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-1);border:1px solid var(--card-border);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;color:var(--ink);margin-left:var(--space-2);position:relative}.ob-user:hover{border-color:var(--tint2)}.ob-user-avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#4E93E0,var(--primary));color:var(--on-dark);font-size:12px;display:grid;place-items:center}.ob-user-avatar,.ob-user-name{font-family:var(--font-body);font-weight:700}.ob-user-name{font-size:13px}.ob-menu{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown);padding:var(--space-2);z-index:60}.ob-menu-head{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--card-border);margin-bottom:var(--space-2)}.ob-menu-head .name{font-weight:700;font-size:14px;color:var(--ink)}.ob-menu-head .email{font-size:12px;color:var(--text-secondary)}.ob-menu-row{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--ink);font-family:var(--font-body);font-size:14px;cursor:pointer;text-align:left}.ob-menu-row:hover{background:rgba(24,95,165,.06);color:var(--primary)}.ob-menu-row.signout{color:var(--critical)}.ob-menu-row.signout:hover{background:var(--critical-fill)}.ob-menu-divider{height:1px;background:var(--card-border);margin:var(--space-2) 0}.ob-shell{min-height:calc(100vh - var(--topbar-h));display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-8) var(--space-12)}.ob-container{width:100%;max-width:1080px}.ob-container.narrow{max-width:780px}.ob-container.wide{max-width:1160px}.ob-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10)}.ob-steps .step{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:default}.ob-steps .step .num{width:22px;height:22px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:11px;letter-spacing:0;background:transparent;border:1px solid var(--card-border);color:var(--text-secondary)}.ob-steps .step.is-active{color:var(--ink)}.ob-steps .step.is-active .num{background:var(--primary);border-color:var(--primary);color:var(--on-dark)}.ob-steps .step.is-done .num{background:var(--connected-fill);border-color:var(--primary);color:var(--primary)}.ob-steps .step.is-done{color:var(--primary)}.ob-steps .rule{width:32px;height:1px;background:var(--card-border)}.ob-header{text-align:center;margin-bottom:var(--space-10)}.ob-eyebrow{font-family:var(--font-body);font-weight:700;font-size:12px;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-3)}.ob-title{font-family:var(--font-display);font-weight:400;font-size:var(--text-hero);line-height:1.1;color:var(--ink);margin:0 0 var(--space-4);letter-spacing:-.01em}.ob-sub{font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--text-secondary);margin:0 auto;max-width:620px;text-wrap:pretty}.ob-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.ob-card{position:relative;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--space-10) var(--space-8) var(--space-8);display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-5);transition:border-color .2s;min-height:520px}.ob-card:hover{border-color:var(--tint2)}.ob-card.featured{border-color:var(--primary)}.ob-info{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;border-radius:var(--radius-pill);border:1px solid var(--card-border);background:var(--surface);color:var(--text-secondary);display:grid;place-items:center;cursor:help;transition:color .12s,border-color .12s}.ob-info:hover{color:var(--primary);border-color:var(--tint2)}.ob-info-tip{position:absolute;bottom:calc(100% + 8px);right:-6px;width:260px;padding:var(--space-3) var(--space-4);background:var(--sidebar);color:var(--on-dark);border-radius:var(--radius-md);font-family:var(--font-body);font-size:12px;line-height:1.5;text-align:left;box-shadow:var(--shadow-dropdown);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s,transform .16s;z-index:10}.ob-info-tip:after{content:"";position:absolute;top:100%;right:12px;border:6px solid transparent;border-top:6px solid var(--sidebar)}.ob-info:hover .ob-info-tip{opacity:1;transform:translateY(0);pointer-events:auto}.ob-heading-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ob-recommended{height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--connected-fill);border:1px solid var(--connected-border);color:var(--primary);font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ob-card-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:grid;place-items:center;background:var(--connected-fill);color:var(--primary);margin-top:var(--space-2)}.ob-card.featured .ob-card-icon{background:linear-gradient(135deg,var(--primary),var(--data-blue));color:var(--on-dark)}.ob-card-heading{font-family:var(--font-display);font-weight:500;font-size:var(--text-section);line-height:1.2;color:var(--ink);margin:0}.ob-card-desc{font-size:16px;line-height:1.5;color:var(--text-secondary);margin:0;max-width:380px}.ob-card-desc,.ob-highlight{font-family:var(--font-body)}.ob-highlight{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(24,95,165,.08),rgba(55,138,221,.1));border:1px solid var(--tint2);color:var(--ink);font-weight:700;font-size:14px;line-height:1.4;display:flex;align-items:center;gap:var(--space-3)}.ob-highlight .glow{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-dark);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(24,95,165,.5);animation:ob-pulse 1.8s ease-out infinite;flex:0 0 28px}@keyframes ob-pulse{0%{box-shadow:0 0 0 0 rgba(24,95,165,.45)}to{box-shadow:0 0 0 12px rgba(24,95,165,0)}}.ob-card-spacer{flex:1 1;min-height:var(--space-2)}.ob-btn{height:48px;min-width:200px;padding:0 var(--space-6);border-radius:var(--radius-md);background:transparent;border:1px solid var(--primary);color:var(--primary);font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .12s}.ob-btn:hover{background:rgba(24,95,165,.08)}.ob-btn.primary{background:var(--primary);color:var(--on-dark);border-color:var(--primary)}.ob-btn.primary:hover{background:#124a83}.ob-btn.ghost{border-color:transparent;color:var(--text-secondary)}.ob-btn.ghost:hover{background:transparent;color:var(--primary)}.ob-btn:disabled{opacity:.4;cursor:not-allowed}@property --ob-ai-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.ob-ai-btn{isolation:isolate;height:48px;min-width:220px;padding:0 var(--space-6);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;color:#fff;font-family:var(--font-body);font-weight:700;font-size:15px;white-space:nowrap;background:linear-gradient(120deg,var(--sidebar) 0,var(--primary) 25%,var(--data-blue) 50%,var(--primary) 75%,var(--sidebar) 100%) padding-box;background-size:300% 100%;animation:ob-ai-gradient 6s linear infinite;overflow:visible;transition:transform .16s;justify-content:center}.ob-ai-btn,.ob-ai-label{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.ob-ai-label{z-index:2}.ob-ai-btn:before{inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ob-ai-angle),var(--primary) 0deg,var(--data-blue) 40deg,var(--tint1) 80deg,var(--tint3) 120deg,var(--warning) 180deg,var(--critical) 220deg,var(--tint3) 270deg,var(--data-blue) 320deg,var(--primary) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s;z-index:1}.ob-ai-btn:after,.ob-ai-btn:before{content:"";position:absolute;opacity:0;animation:ob-ai-spin 3s linear infinite;animation-play-state:paused;pointer-events:none}.ob-ai-btn:after{inset:-6px;border-radius:14px;background:conic-gradient(from var(--ob-ai-angle),var(--primary),var(--data-blue),var(--tint1),var(--tint3),var(--warning),var(--critical),var(--tint3),var(--data-blue),var(--primary));filter:blur(14px);z-index:-1;transition:opacity .26s}.ob-ai-btn:hover{transform:translateY(-1px)}.ob-ai-btn:hover:before{opacity:1;animation-play-state:running}.ob-ai-btn:hover:after{opacity:.55;animation-play-state:running}@keyframes ob-ai-spin{to{--ob-ai-angle:360deg}}@keyframes ob-ai-gradient{0%{background-position:0 50%}to{background-position:300% 50%}}.ob-crm-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.ob-crm-card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);cursor:pointer;text-align:left;transition:border-color .16s,transform .16s}.ob-crm-card:hover{border-color:var(--tint1)}.ob-crm-card.is-selected{border-color:var(--primary);background:var(--connected-fill)}.ob-crm-logo{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--on-dark);flex:0 0 44px}.ob-crm-meta{display:flex;flex-direction:column}.ob-crm-name{font-weight:700;font-size:15px;color:var(--ink)}.ob-crm-name,.ob-crm-sub{font-family:var(--font-body)}.ob-crm-sub{font-size:12px;color:var(--text-secondary)}.ob-pills{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.ob-pill{height:56px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--card-border);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-3);transition:border-color .16s,background .16s,color .16s,transform .16s}.ob-pill:hover{border-color:var(--tint1);transform:translateY(-1px)}.ob-pill .icon{width:32px;height:32px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--connected-fill);color:var(--primary);transition:background .16s,color .16s}.ob-pill.is-selected{background:var(--primary);color:var(--on-dark);border-color:var(--primary)}.ob-pill.is-selected .icon{background:rgba(255,255,255,.18);color:var(--on-dark)}.ob-form{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:var(--space-10) var(--space-10);gap:var(--space-6)}.ob-field,.ob-form{display:flex;flex-direction:column}.ob-field{gap:var(--space-2)}.ob-field-label{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}.ob-field-label .req{color:var(--critical)}.ob-field-hint{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-1)}.ob-input,.ob-select,.ob-textarea{height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--card-border);color:var(--ink);font-family:var(--font-body);font-size:15px;transition:border-color .12s,box-shadow .12s}.ob-textarea{height:96px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:1.5}.ob-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235C5C5C' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1 6 6 11 1'/></svg>") no-repeat right 16px center;padding-right:40px}.ob-input:focus,.ob-select:focus,.ob-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(24,95,165,.12)}.ob-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.ob-chip-pick{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ob-chip{height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--card-border);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .12s,background .12s,color .12s}.ob-chip:hover{border-color:var(--tint1)}.ob-chip.is-selected{background:var(--primary);color:var(--on-dark);border-color:var(--primary)}.ob-logo-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.ob-logo-drop{position:relative;border:1.5px dashed var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;cursor:pointer;min-height:160px;transition:border-color .16s,background .16s}.ob-logo-drop.dark{background:var(--sidebar);border-color:rgba(255,255,255,.18);color:var(--on-dark)}.ob-logo-drop.light{background:var(--surface);color:var(--ink)}.ob-logo-drop.is-dragging,.ob-logo-drop:hover{border-color:var(--primary)}.ob-logo-drop.is-dragging{background:rgba(24,95,165,.08)}.ob-logo-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.ob-logo-drop .icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:rgba(24,95,165,.12);color:var(--primary)}.ob-logo-drop.dark .icon-wrap{background:rgba(255,255,255,.1);color:var(--on-dark)}.ob-logo-drop .drop-title{font-family:var(--font-body);font-weight:700;font-size:14px}.ob-logo-drop .drop-hint{font-family:var(--font-body);font-size:12px;color:var(--text-secondary)}.ob-logo-drop.dark .drop-hint{color:var(--on-dark-muted)}.ob-logo-drop .drop-badge{position:absolute;top:10px;left:10px;font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);background:rgba(255,255,255,.12);color:var(--on-dark)}.ob-logo-drop.light .drop-badge{background:var(--connected-fill);color:var(--primary)}.ob-logo-drop .drop-preview{max-width:140px;max-height:60px;object-fit:contain}.ob-logo-drop .drop-clear{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:var(--radius-pill);background:rgba(0,0,0,.08);color:inherit;border:none;cursor:pointer;display:grid;place-items:center}.ob-logo-drop.dark .drop-clear{background:rgba(255,255,255,.14);color:var(--on-dark)}.ob-logo-drop .drop-clear:hover{background:var(--critical-fill);color:var(--critical)}.ob-nav{margin-top:var(--space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ob-nav .left,.ob-nav .right{display:flex;align-items:center;gap:var(--space-3)}.ob-signin{text-align:center;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;margin-top:var(--space-6)}.ob-signin strong{color:var(--ink)}@media (max-width:960px){.ob-options{grid-template-columns:1fr}.ob-crm-grid{grid-template-columns:repeat(2,1fr)}.ob-field-row,.ob-logo-row{grid-template-columns:1fr}.ob-title{font-size:28px}.ob-shell{padding:var(--space-10) var(--space-4) var(--space-12)}.ob-form{padding:var(--space-6)}}@media (max-width:640px){.ob-crm-grid{grid-template-columns:1fr}}.ob-highlight.is-quiet{background:var(--page-bg);border-color:var(--card-border);color:var(--text-secondary);font-weight:400}.ob-highlight.is-quiet .glow{background:var(--text-secondary);animation:none;box-shadow:none}.ob-blueprint-head{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--card-border);font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--ink)}.ob-blueprint-hint{margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-2)}.ob-done{align-items:center;text-align:center}.ob-done-icon{background:linear-gradient(135deg,var(--primary),var(--data-blue));color:var(--on-dark)}.ob-done-summary{text-align:center;max-width:480px}.qop-root{font-family:var(--font-body);color:var(--ink)}.qop-wrap{max-width:1160px;margin:0 auto}.qop-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.qop-eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--primary)}.qop-eyebrow,.qop-title{font-family:var(--font-display);font-weight:700}.qop-title{font-size:22px;margin:4px 0 2px;letter-spacing:-.01em}.qop-sub{color:var(--text-secondary);font-size:13px}.qop-hactions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.qop-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.qop-grid{grid-template-columns:1fr}}.qop-col{display:flex;flex-direction:column;gap:16px}.qop-card{background:var(--surface);border:1px solid var(--card-border);border-radius:14px;padding:18px 20px;box-shadow:0 1px 2px rgba(15,46,77,.04)}.qop-sect-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}.qop-sect-title:before{content:"";width:3px;height:15px;border-radius:2px;background:var(--primary)}.qop-field{margin-bottom:14px}.qop-field:last-child{margin-bottom:0}.qop-root label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:5px}.qop-hint{font-size:11px;color:var(--text-secondary);margin-top:4px}.qop-root .qop-input,.qop-root select,.qop-root textarea{width:100%;height:38px;padding:0 11px;font:inherit;font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--card-border);border-radius:6px;outline:none}.qop-root select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%235C5C5C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:28px}.qop-root textarea{height:auto;padding:9px 11px;resize:vertical;min-height:56px}.qop-root .qop-input:focus,.qop-root select:focus,.qop-root textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--connected-fill)}.qop-root .qop-invalid{border-color:var(--critical)}.qop-root .qop-invalid:focus{border-color:var(--critical);box-shadow:0 0 0 3px var(--critical-fill)}.qop-row2{grid-template-columns:1fr 1fr;grid-gap:12px}.qop-row2,.qop-row3{display:grid;gap:12px}.qop-row3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}@media (max-width:620px){.qop-row2,.qop-row3{grid-template-columns:1fr}}.qop-seg{display:inline-flex;background:#EEF3F9;border-radius:8px;padding:3px;gap:2px}.qop-seg button{border:none;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-secondary);padding:6px 16px;border-radius:6px;cursor:pointer}.qop-seg button.on{background:#fff;color:var(--primary);box-shadow:0 1px 2px rgba(15,46,77,.1)}[data-theme=dark] .qop-seg button.on{background:#17191C;color:var(--primary);box-shadow:0 1px 2px rgba(0,0,0,.35)}.qop-lines{display:flex;flex-direction:column;gap:10px}.qop-lcard{border:1px solid var(--card-border);border-radius:10px;padding:12px;background:#FCFDFE}.qop-ltop{display:flex;gap:8px;align-items:center;margin-bottom:10px}.qop-lx{width:30px;height:30px;flex-shrink:0;border:none;background:none;color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer;border-radius:6px}.qop-lx:hover{background:var(--critical-fill);color:var(--critical)}.qop-lgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:end}@media (max-width:720px){.qop-lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.qop-lgrid label{font-size:11px;color:var(--text-secondary);margin-bottom:3px}.qop-lgrid .qop-input,.qop-lgrid select{height:34px;font-size:13px;text-align:right}.qop-ltot{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin-top:8px}.qop-ltot .n{font-family:var(--font-display);font-weight:700;font-size:15px}.qop-addline{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--tint2);background:#F6FAFF;color:var(--primary);font:inherit;font-size:12.5px;font-weight:600;padding:8px 12px}.qop-addline,.qop-btn{border-radius:8px;cursor:pointer}.qop-btn{height:36px;padding:0 14px;border:1px solid var(--card-border);background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600}.qop-btn:hover:not([disabled]):not(.qop-btn-primary){background:var(--page-bg)}.qop-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.qop-btn-primary:hover:not([disabled]){background:#144E88;border-color:#144E88;color:#fff}.qop-btn-ghost{border-color:transparent;background:transparent;color:var(--primary);padding-left:0}.qop-btn[disabled]{opacity:.55;cursor:not-allowed}.qop-signer{display:grid;grid-template-columns:1fr 1fr 34px;grid-gap:8px;gap:8px;margin-bottom:8px}.qop-summary{position:-webkit-sticky;position:sticky;top:16px;background:var(--surface);border:1px solid var(--card-border);border-radius:14px;padding:18px}.qop-srow{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-secondary);padding:5px 0}.qop-srow b{color:var(--ink)}.qop-sdiv{height:1px;background:var(--card-border);margin:8px 0}.qop-stot{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:17px}.qop-illustration .qop-hdr{flex-wrap:wrap}.qop-illustration-heading{flex:1 1 300px;min-width:0}.qop-illustration .qop-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.qop-illustration .qop-title h1{margin:0;font:inherit;overflow-wrap:anywhere}.qop-illustration .qop-hactions{flex:0 1 auto;max-width:100%}.qop-illustration .qop-seg{max-width:100%;flex-wrap:wrap}.qop-illustration .qop-col,.qop-illustration .qop-summary{min-width:0}.qop-illustration .qop-srow b{overflow-wrap:anywhere;text-align:right}@media (max-width:620px){.qop-illustration .qop-card{padding:16px}.qop-illustration .qop-hactions{width:100%}.qop-illustration .qop-btn{min-height:44px;height:auto}.qop-illustration .qop-seg button{min-height:44px;padding-inline:10px}.qop-lines .qop-lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.qop-lines .qop-lx{width:44px;height:44px}}