body.client-ui .guide-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:6px 10px!important;flex:0 0 auto!important;border:1px solid var(--lf-line)!important;border-radius:7px!important;background:var(--lf-surface)!important;color:var(--lf-muted)!important;font-size:12px!important;font-weight:650!important;line-height:1!important;white-space:nowrap!important;transition:background .15s ease,color .15s ease,border-color .15s ease}
body.client-ui .guide-open svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;flex:0 0 16px!important}
body.client-ui .guide-open:hover{border-color:var(--lf-line-strong)!important;background:var(--lf-surface-2)!important;color:var(--lf-text)!important}
body.client-ui .guide-open:active,body.client-ui .usage-hint-action:active{transform:translateY(1px)}
body.client-ui .guide-open:focus-visible,body.client-ui .usage-hint button:focus-visible,body.client-ui .usage-guide-dialog button:focus-visible{outline:3px solid rgba(52,126,255,.42)!important;outline-offset:2px}
body.client-ui .usage-hint{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto 28px;align-items:center;gap:12px;max-width:1460px;min-height:66px;margin:0 auto 16px;padding:11px 12px;border:1px solid var(--lf-line);border-radius:9px;background:var(--lf-surface);color:var(--lf-text)}
body.client-ui .usage-hint[hidden]{display:none!important}
body.client-ui .usage-hint-step{display:grid;place-items:center;width:42px;height:30px;border:1px solid var(--lf-line);border-radius:7px;background:var(--lf-surface-2);color:var(--lf-muted);font-size:9px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
body.client-ui .usage-hint-step[data-index="active"]{border-color:rgba(46,119,255,.3);background:var(--lf-blue-bg);color:var(--lf-blue)}
body.client-ui .usage-hint-copy{min-width:0}
body.client-ui .usage-hint-copy strong{display:block;color:var(--lf-text);font-size:12px;font-weight:750;line-height:1.3}
body.client-ui .usage-hint-copy p{margin:2px 0 0;color:var(--lf-muted);font-size:11px;line-height:1.4}
body.client-ui .usage-hint-action{min-height:32px;padding:6px 9px;border:1px solid var(--lf-line)!important;border-radius:6px!important;background:var(--lf-surface-2)!important;color:var(--lf-text)!important;font-size:11px;font-weight:700;white-space:nowrap}
body.client-ui .usage-hint-action:hover{border-color:var(--lf-line-strong)!important;background:var(--lf-bg)!important}
body.client-ui .usage-hint-dismiss{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--lf-muted)!important;font-size:20px;line-height:1}
body.client-ui .usage-hint-dismiss:hover{background:var(--lf-surface-2)!important;color:var(--lf-text)!important}
body.client-ui .usage-guide-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(700px,calc(100vw - 32px));max-width:none;max-height:min(86dvh,820px);margin:0;padding:0;overflow:auto;border:1px solid var(--lf-line-strong);border-radius:12px;background:var(--lf-surface);color:var(--lf-text);box-shadow:0 24px 80px rgba(0,0,0,.38)}
body.client-ui .usage-guide-dialog::backdrop{background:rgba(7,9,13,.66);backdrop-filter:blur(2px)}
body.client-ui .usage-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 17px;border-bottom:1px solid var(--lf-line)}
body.client-ui .usage-guide-eyebrow{color:var(--lf-blue);font-size:9px;font-weight:800;letter-spacing:.12em}
body.client-ui .usage-guide-head h2{margin:5px 0 3px;color:var(--lf-text);font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.3px}
body.client-ui .usage-guide-head p{max-width:560px;margin:0;color:var(--lf-muted);font-size:12px;line-height:1.5}
body.client-ui .usage-guide-close{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--lf-line)!important;border-radius:6px!important;background:var(--lf-surface-2)!important;color:var(--lf-muted)!important;font-size:20px;line-height:1}
body.client-ui .usage-guide-close:hover{color:var(--lf-text)!important;border-color:var(--lf-line-strong)!important}
body.client-ui .usage-guide-steps{display:grid;gap:0;margin:0;padding:5px 24px;list-style:none}
body.client-ui .usage-guide-steps li{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--lf-line)}
body.client-ui .usage-guide-steps li:last-child{border-bottom:0}
body.client-ui .usage-guide-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--lf-line);border-radius:7px;background:var(--lf-surface-2);color:var(--lf-blue);font-size:9px;font-weight:800}
body.client-ui .usage-guide-number.optional{color:var(--lf-muted)}
body.client-ui .usage-guide-steps h3{margin:0;color:var(--lf-text);font-size:12px;line-height:1.35;font-weight:750}
body.client-ui .usage-guide-steps p{margin:3px 0 0;color:var(--lf-muted);font-size:11px;line-height:1.45}
body.client-ui .usage-guide-steps li>button{min-height:30px;padding:5px 8px;border:1px solid var(--lf-line)!important;border-radius:6px!important;background:var(--lf-surface-2)!important;color:var(--lf-text)!important;font-size:10px;font-weight:700;white-space:nowrap}
body.client-ui .usage-guide-steps li>button:hover{border-color:var(--lf-line-strong)!important;background:var(--lf-bg)!important}
body.client-ui .usage-guide-steps li>button span{margin-left:4px;color:var(--lf-blue)}
body.client-ui .usage-guide-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 18px;border-top:1px solid var(--lf-line);background:var(--lf-surface-2)}
body.client-ui .usage-guide-foot>span{color:var(--lf-muted);font-size:10px}
body.client-ui .usage-guide-foot .primary{min-height:35px;padding:7px 11px;font-size:11px}
@media(max-width:760px){body.client-ui .guide-open{width:36px;min-width:36px;justify-content:center;padding:0}body.client-ui .guide-open span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.client-ui .usage-hint{grid-template-columns:42px minmax(0,1fr) 28px;gap:9px;margin-bottom:12px;padding:10px}body.client-ui .usage-hint-action{grid-column:2;justify-self:start}body.client-ui .usage-hint-dismiss{grid-column:3;grid-row:1}body.client-ui .usage-guide-head{padding:18px 16px 14px}body.client-ui .usage-guide-head h2{font-size:18px}body.client-ui .usage-guide-steps{padding-inline:16px}body.client-ui .usage-guide-steps li{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:11px 0}body.client-ui .usage-guide-steps li>button{grid-column:2;justify-self:start}body.client-ui .usage-guide-foot{align-items:flex-start;flex-direction:column;padding:13px 16px 16px}body.client-ui .usage-guide-foot .primary{width:100%}}
@media(max-width:430px){body.client-ui .topbar-actions{gap:7px}body.client-ui .top-status{display:none!important}body.client-ui .usage-hint-copy p{font-size:10px}body.client-ui .usage-guide-dialog{width:calc(100vw - 20px);max-height:90dvh;border-radius:10px}body.client-ui .usage-guide-head h2{font-size:16px}body.client-ui .usage-guide-steps p{font-size:10px}}