html,body,#root{height:100%;margin:0}body{background:#f3f5f4;-webkit-font-smoothing:antialiased}.shopbox{margin:14px 12px 8px;padding:12px;border-radius:8px;background:#2e343b;color:#fff}.shopbox .platform{font-size:12px;color:#9aa4ae;margin-bottom:6px}.shopbox .ant-select{width:100%}.shopbox .single{font-size:16px;font-weight:600;line-height:1.3}.shopbox .who{margin-top:8px;font-size:12px;color:#9aa4ae;display:flex;justify-content:space-between;gap:8px}.shopbox .who a{color:#c9d0d6}.page{padding:28px 32px 48px;max-width:1180px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:600;margin:0;letter-spacing:-.01em}.page-head p{margin:4px 0 0;color:#5e6873;max-width:70ch}.figures{display:flex;flex-wrap:wrap;background:#fff;border:1px solid #DDE2E0;border-radius:8px}.figure{flex:1 1 150px;padding:16px 18px;border-right:1px solid #DDE2E0}.figure:last-child{border-right:0}.figure .v{font-size:26px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.figure .l{color:#5e6873;font-size:13px;margin-top:4px}.figure.attention .v{color:#b07a0e}.code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px;background:#f7f8f8;border:1px solid #DDE2E0;border-radius:6px;padding:10px 12px;white-space:pre-wrap;word-break:break-all}.lab{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0;background:#fff;border:1px solid #DDE2E0;border-radius:8px;overflow:hidden;height:calc(100vh - 170px);min-height:520px}.lab-chat{display:flex;flex-direction:column;min-width:0}.lab-msgs{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#fafbfb}.lab-input{border-top:1px solid #DDE2E0;padding:12px;display:flex;gap:8px;background:#fff}.bubble{max-width:82%;padding:10px 14px;border-radius:12px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:#1b1f24;color:#fff;border-bottom-right-radius:4px}.bubble.bot{align-self:flex-start;background:#fff;border:1px solid #DDE2E0;border-bottom-left-radius:4px}.bubble.bot.replaced{border-color:#d99a1e}.bubble .meta{font-size:12px;color:#5e6873;margin-top:6px}.bubble a{color:#0e5a6b}.hood{background:#23282e;color:#dce2e6;overflow-y:auto;padding:16px 16px 24px}.hood h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 10px}.hood .hint{color:#9aa4ae;font-size:13px;line-height:1.5}.hood .turn{border-top:1px solid #3A424A;padding-top:12px;margin-top:12px}.hood .turn:first-of-type{border-top:0;margin-top:0;padding-top:0}.hood .q{color:#fff;font-weight:500;margin-bottom:8px}.hood .call{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#9fd3dd;margin:4px 0;word-break:break-word}.hood .src{background:#2e343b;border-radius:6px;padding:8px 10px;margin:6px 0;font-size:13px;line-height:1.4}.hood .src a{color:#9fd3dd}.hood .src .sub{color:#9aa4ae;font-size:12px;margin-top:2px}.hood .src.empty{border-left:3px solid #D99A1E}.hood .warn{color:#f0c46a;font-size:13px;margin-top:6px}.thread{display:flex;flex-direction:column;gap:12px}.thread .bubble{max-width:90%}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login .side{background:#23282e;color:#dce2e6;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.login .side h2{color:#fff;font-size:30px;font-weight:600;line-height:1.2;margin:0;max-width:18ch}.login .side p{color:#9aa4ae;max-width:44ch;line-height:1.6}.login .form{display:flex;align-items:center;justify-content:center;padding:32px}.login .form>div{width:100%;max-width:340px}@media (max-width: 600px){.figure{flex-basis:45%;border-right:0;border-bottom:1px solid #DDE2E0}}@media (max-width: 900px){.lab{grid-template-columns:1fr;height:auto}.hood{max-height:360px}.login{grid-template-columns:1fr}.login .side{padding:32px}.page{padding:20px 16px 40px}}:focus-visible{outline:2px solid #0E5A6B;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.lbl{font-size:13px;color:#3a424a;margin-bottom:4px}
