.abx-mark{position:relative;display:inline-grid;place-items:center;flex:none;color:#fff;background:var(--channel-webchat-gradient);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -8px rgba(232,92,36,.7);overflow:hidden;isolation:isolate}.abx-mark:after{content:"";position:absolute;inset:-45% 35% 35% -45%;background:radial-gradient(closest-side,rgba(255,255,255,.5),transparent);pointer-events:none}.abx-glyph,.abx-mark-g{display:inline-block;flex:none;background:currentColor;-webkit-mask:url(/brand/askbox-mark.svg) center/contain no-repeat;mask:url(/brand/askbox-mark.svg) center/contain no-repeat}.abx-mark.is-float{animation:abx-float 3.8s var(--ease-standard) infinite}@keyframes abx-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(3deg)}}.abx-intro{position:relative;display:flex;align-items:center;gap:18px;padding:20px 22px;margin-bottom:22px;border-radius:var(--radius-card);background:radial-gradient(120% 160% at 100% 0,rgba(170,85,232,.14),transparent 55%),linear-gradient(120deg,var(--orange-50),var(--surface-card) 70%);border:1px solid var(--orange-100);overflow:hidden;animation:ub-fade-up var(--dur-slow) var(--ease-out) both}.abx-intro-main b{display:block;font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong)}.abx-intro-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px}.abx-intro-facts span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-body)}.abx-intro-facts .ic{color:var(--orange-600)}.abx-row{animation:ub-fade-up var(--dur-base) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 25ms)}.abx-swatch{width:14px;height:14px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:none}.abx-setup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:4px 0 2px}.abx-setup>p{margin:4px 0 6px;font-size:14px;color:var(--text-body);font-weight:600}.abx-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-gap:8px;gap:8px;width:100%;text-align:left}.abx-steps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;grid-column-gap:12px;column-gap:12px;padding:11px 14px;border-radius:var(--radius-md);background:var(--surface-sunken);animation:ub-fade-up var(--dur-slow) var(--ease-out) both}.abx-steps li:nth-child(2){animation-delay:60ms}.abx-steps li:nth-child(3){animation-delay:.12s}.abx-steps li:before{content:counter(s);grid-row:span 2;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:12.5px;color:#fff;background:var(--channel-webchat-gradient)}.abx-steps b{font-size:13.5px;color:var(--text-strong)}.abx-steps span{font-size:12.5px;color:var(--text-muted)}.abx-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);grid-gap:22px;gap:22px;align-items:start}@media (max-width:1180px){.abx-layout{grid-template-columns:minmax(0,1fr)}.abx-side{order:-1}}.abx-form,.abx-side{min-width:0}.abx-side{position:-webkit-sticky;position:sticky;top:0}.abx-pane{padding-top:6px;animation:ub-fade-up var(--dur-base) var(--ease-out) both}.abx-live-switch{display:inline-flex;align-items:center;padding:0 12px;height:36px;border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle)}.abx-group{padding:18px 0;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.abx-group:last-child{border-bottom:none}.abx-group-head h3{margin:0;font-family:var(--font-display);font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-strong)}.abx-group-head p{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-muted);max-width:70ch}.abx-field{display:grid;grid-template-columns:170px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.abx-field-label{padding-top:8px}.abx-field-label span{display:block;font-size:13px;font-weight:600;color:var(--text-body)}.abx-field-label small{display:block;font-size:11.5px;line-height:1.45;color:var(--text-muted);margin-top:2px}.abx-field-body{min-width:0;display:flex;flex-direction:column;gap:10px}@media (max-width:760px){.abx-field{grid-template-columns:1fr;gap:6px}}.abx-accents{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.abx-accent{position:relative;width:34px;height:34px;border-radius:11px;border:none;cursor:pointer;color:#fff;display:grid;place-items:center;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-standard)}.abx-accent:hover{transform:translateY(-2px) scale(1.06)}.abx-accent.is-on{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--c)}.abx-accent.is-custom{color:var(--text-muted);background:conic-gradient(from 0deg,#F4703A,#F5B841,#37A257,#2D7FF0,#8A34CA,#E2503C,#F4703A)}.abx-accent.is-custom:before{content:"";position:absolute;inset:5px;border-radius:7px;background:var(--surface-card)}.abx-accent.is-custom.is-on:before{background:var(--c)}.abx-accent.is-custom .ic{position:relative}.abx-accent.is-custom.is-on .ic{color:#fff}.abx-accent input{position:absolute;inset:0;opacity:0;cursor:pointer}.abx-hex{width:110px}.abx-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.abx-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px 12px;border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--surface-card);font-size:13px;font-weight:600;color:var(--text-body);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-base) var(--ease-spring)}.abx-choice:hover{border-color:var(--border-strong);transform:translateY(-1px)}.abx-choice.is-on{border-color:var(--orange-500);box-shadow:0 0 0 3px var(--orange-100)}.abx-choice-art{width:100%;height:74px;border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 13px,var(--sand-200) 13px 15px) 14px 12px /55% 42px no-repeat,var(--sand-50);position:relative}.abx-mini-launch{position:absolute;right:10px;bottom:10px;height:32px;min-width:32px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}.abx-mini-launch.is-pill{padding:0 12px 0 10px}.abx-mini-launch i{font-style:normal;font-size:11.5px;font-weight:700;white-space:nowrap}.abx-icons{display:flex;gap:8px}.abx-icon{width:42px;height:42px;border-radius:13px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.abx-icon:hover{color:var(--text-strong);border-color:var(--border-strong)}.abx-icon.is-on{color:#fff;background:var(--channel-webchat-gradient);border-color:transparent;box-shadow:0 6px 14px -6px rgba(232,92,36,.7)}.abx-logo{display:flex;align-items:center;gap:8px}.abx-logo-now{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;overflow:hidden;flex:none}.abx-logo-now img{width:100%;height:100%;object-fit:cover}.abx-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:8px;gap:8px;padding:10px;border-radius:var(--radius-md);background:var(--surface-sunken);animation:ub-fade-up var(--dur-base) var(--ease-out) both}.abx-gallery-item{aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--surface-card);transition:transform var(--dur-base) var(--ease-spring)}.abx-gallery-item:hover{transform:scale(1.05)}.abx-gallery-item.is-on{border-color:var(--orange-500)}.abx-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.abx-questions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.abx-question{width:100%;display:flex;align-items:center;gap:10px;height:42px;padding:0 6px 0 12px;border-radius:var(--radius-field);background:var(--surface-field,var(--surface-card));box-shadow:var(--shadow-inset-field);animation:ub-fade-up var(--dur-base) var(--ease-out) both}.abx-question:focus-within{box-shadow:inset 0 0 0 1px var(--border-focus,var(--orange-500)),0 0 0 3px var(--orange-100)}.abx-question input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:14px;color:var(--text-strong)}.abx-radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.abx-radio{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--surface-card);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.abx-radio .wa-radio{margin-top:2px}.abx-radio.is-on{border-color:var(--orange-500);box-shadow:0 0 0 3px var(--orange-100)}.abx-radio.is-on .wa-radio{border-color:var(--orange-500);box-shadow:inset 0 0 0 4px var(--orange-500)}.abx-radio b{display:block;font-size:13.5px;color:var(--text-strong)}.abx-radio small{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.abx-link{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;border:none;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--text-link,var(--orange-600));cursor:pointer}.abx-link:hover{text-decoration:underline;text-underline-offset:2px}.abx-checks{display:flex;gap:18px;flex-wrap:wrap}.abx-toggle{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px dashed var(--border-subtle)}.abx-toggle:first-of-type{border-top:none}.abx-toggle>div:first-child{flex:1 1;min-width:0}.abx-toggle b{display:block;font-size:13.5px;font-weight:600;color:var(--text-strong)}.abx-toggle small{display:block;font-size:12px;color:var(--text-muted);margin-top:1px}.abx-danger{padding:12px 14px;background:var(--red-50);color:var(--red-600);font-size:13px;font-weight:500}.abx-danger,.abx-status{display:flex;align-items:center;gap:14px;border-radius:var(--radius-card)}.abx-status{padding:14px 16px;margin-top:14px;border:1px solid var(--border-subtle);background:var(--surface-card);animation:ub-fade-up var(--dur-slow) var(--ease-out) both}.abx-status b{display:block;font-size:14px;color:var(--text-strong)}.abx-status small{display:block;font-size:12.5px;color:var(--text-muted);margin-top:1px}.abx-status-ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none}.abx-status.is-ok{background:var(--green-50);border-color:var(--green-100)}.abx-status.is-ok .abx-status-ic{background:var(--green-500);color:#fff;animation:ub-pop var(--dur-slow) var(--ease-spring) both}.abx-status.is-wait .abx-status-ic{background:var(--blue-50)}.abx-status.is-off{background:var(--amber-50);border-color:var(--amber-100)}.abx-status.is-off .abx-status-ic{background:var(--amber-100);color:var(--amber-600)}.abx-status-pulse{width:10px;height:10px;border-radius:5px;background:var(--blue-500);box-shadow:0 0 0 0 rgba(45,127,240,.5);animation:abx-ping 1.8s var(--ease-out) infinite}@keyframes abx-ping{0%{box-shadow:0 0 0 0 rgba(45,127,240,.45)}to{box-shadow:0 0 0 12px rgba(45,127,240,0)}}@keyframes ub-pop{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}.abx-code{position:relative;border-radius:var(--radius-card);background:var(--sand-900);color:#EDEBE4;overflow:hidden}.abx-code-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sand-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 90px 0 14px}.abx-code pre{margin:0;padding:12px 14px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono,ui-monospace,monospace);font-size:12.5px;line-height:1.6}.abx-code:not(:has(.abx-code-label)) pre{padding-right:88px}.abx-code-copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:none;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--dur-fast)}.abx-code-copy:hover{background:rgba(255,255,255,.18)}.abx-sites{display:flex;flex-wrap:wrap;gap:6px}.abx-platforms{display:grid;grid-gap:6px;gap:6px}.abx-platform{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.abx-platform summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--text-strong);cursor:pointer}.abx-platform summary::-webkit-details-marker{display:none}.abx-platform summary .ic{color:var(--text-subtle);transition:transform var(--dur-base) var(--ease-out)}.abx-platform[open] summary .ic{transform:rotate(180deg)}.abx-platform p{margin:0;padding:0 14px 12px;font-size:13px;line-height:1.55;color:var(--text-muted)}.abx-api{border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;background:var(--surface-card)}.abx-api-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:14px;gap:14px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);align-items:baseline}.abx-api-row:last-child{border-bottom:none}.abx-api-row code{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;color:var(--text-strong);overflow-wrap:anywhere}.abx-api-row>span{font-size:12.5px;color:var(--text-muted);line-height:1.5}.abx-verb{display:inline-block;margin-right:8px;padding:1px 6px;border-radius:5px;font-size:10.5px;font-weight:800;letter-spacing:.04em;background:var(--blue-50);color:var(--blue-600)}.abx-verb.is-post{background:var(--green-50);color:var(--green-600)}.abx-secret{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 12px;border-radius:var(--radius-field);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle)}.abx-secret code{font-family:var(--font-mono,ui-monospace,monospace);font-size:12.5px;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abx-savebar{position:-webkit-sticky;position:sticky;bottom:16px;z-index:20;margin-top:18px;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:var(--radius-lg);background:var(--sand-900);color:#F7F6F2;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-xl);animation:abx-rise var(--dur-slow) var(--ease-spring) both}.abx-savebar .btn-ghost{color:#E4E2DA}.abx-savebar .btn-ghost:hover{background:rgba(255,255,255,.08)}.abx-savebar-dot{width:8px;height:8px;border-radius:4px;background:var(--orange-400);box-shadow:0 0 0 4px rgba(249,143,94,.25)}@keyframes abx-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.abx-preview{display:flex;flex-direction:column;gap:10px}.abx-preview-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.abx-stage{display:flex;justify-content:center;padding:18px;border-radius:var(--radius-xl);background:radial-gradient(90% 70% at 100% 100%,rgba(170,85,232,.1),transparent 60%),radial-gradient(90% 70% at 0 0,rgba(244,112,58,.1),transparent 60%),var(--sand-100);border:1px solid var(--border-subtle)}.abx-device{position:relative;width:100%;height:min(720px,calc(100vh - 210px));min-height:560px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:width var(--dur-slower) var(--ease-out),border-radius var(--dur-slower) var(--ease-out)}.abx-stage.is-phone .abx-device{width:380px;max-width:100%;border-radius:34px;box-shadow:0 0 0 8px var(--sand-900),var(--shadow-xl)}.abx-chrome{flex:none;height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--sand-50);border-bottom:1px solid var(--border-subtle)}.abx-chrome i{width:9px;height:9px;border-radius:5px;background:var(--sand-300)}.abx-chrome span{margin-left:10px;flex:1 1;height:20px;border-radius:6px;background:var(--surface-card);font-size:11px;color:var(--text-subtle);display:flex;align-items:center;padding:0 10px}.abx-stage.is-phone .abx-chrome{height:30px;justify-content:center}.abx-stage.is-phone .abx-chrome i{display:none}.abx-stage.is-phone .abx-chrome span{flex:0 1 180px;margin:0;justify-content:center}.abx-device iframe{flex:1 1;width:100%;border:none;display:block;transition:opacity var(--dur-slow)}.abx-device iframe.is-loading{opacity:0}.abx-preview-off{position:absolute;inset:34px 0 0;display:grid;place-items:center;padding:30px;text-align:center;font-size:13px;color:var(--text-muted)}.ab-chip{display:inline-flex;align-items:center;gap:6px;height:24px;max-width:280px;padding:0 9px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface-sunken);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-subtle);cursor:help}.ab-chip.is-on{background:var(--green-100);color:var(--green-600);box-shadow:none}.ab-chip-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-chip-page{font-weight:600}.ab-pulse{width:7px;height:7px;border-radius:4px;background:var(--green-500);flex:none;animation:ab-live 2s var(--ease-out) infinite}@keyframes ab-live{0%{box-shadow:0 0 0 0 rgba(55,162,87,.5)}to{box-shadow:0 0 0 7px rgba(55,162,87,0)}}.ab-hint{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;padding:8px 12px;border-radius:var(--radius-md);background:var(--sand-100);color:var(--text-muted);font-size:12.5px;line-height:1.5;animation:ub-fade-up var(--dur-base) var(--ease-out) both}.ab-hint .ic{margin-top:2px;flex:none}.ab-hint b{color:var(--text-body)}.ab-muted{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.5}.ab-visitor{display:flex;flex-direction:column;gap:12px}.ab-now{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-sunken)}.ab-now.is-on{background:var(--green-50)}.ab-now-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--surface-card);color:var(--text-muted)}.ab-now.is-on .ab-now-ic{background:var(--green-100)}.ab-now-main{min-width:0}.ab-now-main b{display:block;font-size:13px;color:var(--text-strong)}.ab-now-page{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:12.5px;color:var(--text-link,var(--orange-600));text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-now-page:hover{text-decoration:underline}.ab-k{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:4px}.ab-trail ol{list-style:none;margin:0;padding:0 0 0 10px;border-left:2px solid var(--border-subtle);display:flex;flex-direction:column;gap:5px}.ab-trail li{display:flex;gap:8px;font-size:12.5px;min-width:0}.ab-trail li a{flex:1 1;min-width:0;color:var(--text-body);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ab-trail li a:hover{color:var(--text-strong);text-decoration:underline}.ab-trail li span{color:var(--text-subtle);white-space:nowrap;font-size:11.5px}.ab-facts{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:5px 12px;gap:5px 12px;margin:0;font-size:12.5px}.ab-facts dt{color:var(--text-muted)}.ab-facts dd{margin:0;color:var(--text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--font-ui:var(--font-jakarta),"Segoe UI",system-ui,-apple-system,sans-serif;--font-display:var(--font-jakarta),"Segoe UI",system-ui,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,SFMono-Regular,Menlo,monospace}body,html{margin:0;height:100%;background:var(--surface-app);overflow:hidden}