:root{color-scheme:light;--blue:#2563eb;--blue-dark:#1d4ed8;--navy:#172b4d;--muted:#64748b;--line:#e4eaf2;--page:#f5f7fb;--white:#fff;--soft:#eff5ff;--orange:#b45309;--red:#c2413c;--green:#15805e;--radius:10px;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--page);line-height:1.6}button,input,textarea,select{font:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue);text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #7ba8ff;outline-offset:3px}button{white-space:nowrap}h1,h2,h3,p{margin:0}button{border:0}select,input{color:var(--navy);background:#fff;border:1px solid #d7e0eb;border-radius:7px;padding:8px 10px;min-width:0;width:100%;font-size:.875rem}select{cursor:pointer}select:hover,input:hover{border-color:#b2c4de}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:16px;z-index:99;background:#fff;padding:12px}.skip-link:focus{top:10px}.topbar{height:74px;display:flex;align-items:center;padding:0 28px;gap:24px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);min-width:180px;line-height:1.1;font-size:1.25rem;font-weight:750;letter-spacing:.03em}.brand small{display:block;font-size:.625rem;letter-spacing:.15em;color:#7388a6;margin-top:5px}.header-context{font-size:.875rem;color:#73829a;padding-left:24px;border-left:1px solid var(--line)}.mode{margin-left:auto;font-size:.8125rem;background:#eef9f3;color:#197a56;border:1px solid #e0f1e7;border-radius:6px;padding:6px 11px;display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;background:#19a168;border-radius:50%}.mode.unavailable{background:#fff5e8;color:var(--orange);border-color:#f1dec0}.mode.unavailable .status-dot{background:var(--orange)}.demo-tag{font-size:.8125rem;color:#71839c}.app-shell{display:grid;grid-template-columns:204px minmax(0,1fr);min-height:calc(100dvh - 74px)}.sidebar{display:flex;flex-direction:column;padding:29px 16px 20px;background:#fff;border-right:1px solid var(--line)}.nav-label{padding-left:16px;font-size:.75rem;color:#8b99ae;margin-bottom:15px}.nav-item{width:100%;background:transparent;color:#637792;display:flex;align-items:center;gap:11px;text-align:left;font-size:.9375rem;padding:13px 15px;border-radius:7px;margin-bottom:6px;transition:background .15s}.nav-item:hover{background:#f6f8fc}.nav-item.active{background:#eaf1ff;color:var(--blue);font-weight:650}.nav-glyph{font-size:1.3rem;line-height:1}.nav-count{font-size:.75rem;margin-left:auto;color:#7e92af}.sidebar-note{margin-top:44px;padding:19px 15px;border-top:1px solid var(--line)}.small-shield{display:inline-flex;justify-content:center;align-items:center;color:var(--blue);background:var(--soft);border-radius:5px;width:25px;height:27px;font-weight:700;margin-right:7px}.sidebar-note strong{font-size:.8125rem;font-weight:600}.sidebar-note p{font-size:.75rem;color:#8290a6;margin:9px 0 0 32px;line-height:1.9}.sidebar-bottom{margin-top:auto;padding:36px 15px 0;font-size:.75rem;color:#91a0b5;line-height:1.9}.sidebar-bottom span{font-size:.625rem;letter-spacing:.04em}main{padding:29px 32px 24px;min-width:0;max-width:1650px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:.625rem;color:#8899b0;letter-spacing:.15em;font-weight:650;margin-bottom:4px}h1{font-size:1.75rem;font-weight:750;letter-spacing:-.04em;line-height:1.5}.page-heading p{font-size:.9375rem;color:#6b7e98;margin-top:3px}.scope-label{font-size:.8125rem;color:#7186a4}.notice{display:flex;gap:13px;align-items:flex-start;background:#edf3ff;border:1px solid #e4edff;border-radius:8px;padding:14px 18px;margin-bottom:23px}.notice-icon{display:inline-flex;border-radius:50%;width:20px;height:20px;flex-shrink:0;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:.8125rem;font-weight:700;margin-top:2px}.notice strong{display:block;color:#2556b3;font-size:.875rem;font-weight:650}.notice span:not(.notice-icon){display:block;font-size:.8125rem;color:#6d85aa;margin-top:2px}.workspace{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 10px #253d6610}.input-panel,.result-panel{padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}h2{font-size:1.125rem;font-weight:700;line-height:1.5}.text-button{background:transparent;color:var(--blue);font-size:.8125rem;padding:5px 0}.text-button:hover{text-decoration:underline;color:var(--blue-dark)}.sample-field{display:flex;align-items:center;gap:15px;font-size:.8125rem;color:#71809a;margin-bottom:14px}.sample-field span{white-space:nowrap}.sample-field select{flex:1}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.metadata label{font-size:.75rem;color:#71829c;display:flex;flex-direction:column;gap:4px}textarea{width:100%;min-height:315px;height:315px;resize:vertical;border:1px solid #d9e3ef;border-radius:8px;background:#fcfdff;padding:15px;font-size:.9375rem;line-height:1.95;color:#293e5e;display:block}textarea:focus{outline:0;border-color:#709ef7;box-shadow:0 0 0 3px #2563eb12}textarea::placeholder,input::placeholder{color:#91a0b5}.input-meta{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;color:#8192a9;margin:8px 0 13px;gap:6px}.business-ids{font-size:.75rem;margin-bottom:15px}.business-ids summary{cursor:pointer;color:#6e82a0}.business-ids summary span{color:#93a0b3;font-size:.6875rem;margin-left:6px}.business-ids .metadata{margin-top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:background .15s,transform .15s;min-height:40px}.button:active:not(:disabled){transform:translateY(1px)}.primary{color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 4px 10px #2563eb1a}.primary:hover:not(:disabled){background:var(--blue-dark)}.secondary{background:#fff;border:1px solid #d7e1f0;color:#445f85}.secondary:hover:not(:disabled){background:#f3f7fd;border-color:#b4c8e7}.analyze-button{width:100%;min-height:46px;position:relative}.analyze-symbol{font-size:1.3rem}.key-hint{position:absolute;right:13px;color:#bdd1ff;font-weight:400;font-size:.6875rem}.input-footer{text-align:center;color:#8a9cb4;font-size:.6875rem;margin-top:12px}.lock-icon{margin-right:5px}.inline-error{background:#fff2f1;color:#b43732;padding:9px 12px;margin:10px 0;font-size:.875rem;border-radius:6px}.secondary-meta{font-size:.75rem;color:#8a9bb2}.result-panel{min-height:655px;display:flex;flex-direction:column}.empty-result{min-height:513px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:66px;height:76px;border:2px solid #dde7f8;border-radius:17px 17px 28px 28px;display:flex;align-items:center;justify-content:center;color:#a7bfe5;font-size:2rem;margin-bottom:23px}.empty-result h3{font-size:1.125rem;font-weight:650;color:#567399;margin-bottom:10px}.empty-result p{font-size:.875rem;color:#8a9bb2;line-height:1.9}.empty-capabilities{display:flex;gap:14px;margin-top:28px;font-size:.6875rem;color:#8f9fb5}.result-disclaimer{font-size:.6875rem;color:#889bb6;margin-top:auto;padding-top:17px}.risk-banner{display:flex;align-items:center;gap:13px;border-radius:8px;padding:14px 16px;background:#fff4e8;color:var(--orange)}.risk-banner.medium{background:#fff8e9;color:#996b12}.risk-banner.none{background:#edf9f3;color:var(--green)}.risk-symbol{font-size:1.4rem}.risk-banner strong{font-size:.9375rem;display:block}.risk-banner p{font-size:.75rem;opacity:.8;margin-top:3px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0 18px}.result-stats div{text-align:center;border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats strong{display:block;font-size:1.65rem;line-height:1.4;font-weight:650}.result-stats div:first-child strong{color:var(--orange)}.result-stats span{font-size:.75rem;color:#8396b0}.result-tabs{border-bottom:1px solid var(--line);display:flex;gap:24px;margin-bottom:15px}.result-tab{background:none;color:#7188a6;padding:9px 0 11px;font-size:.875rem;position:relative}.result-tab.active{color:var(--blue);font-weight:650}.result-tab.active:after{content:"";position:absolute;height:3px;bottom:-1px;left:0;right:0;background:var(--blue);border-radius:2px}.result-tab span{font-size:.6875rem;color:#86a6d5;margin-left:7px}.findings{max-height:368px;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#d4deed transparent}.finding{padding:14px 0;border-bottom:1px solid var(--line)}.finding:first-child{padding-top:0}.finding:last-child{border:0}.finding-top{display:flex;align-items:center;gap:7px;margin-bottom:9px}.finding-number{color:#97a8bf;font-size:.75rem;font-variant-numeric:tabular-nums;margin-right:3px}.risk-tag{display:inline-flex;border-radius:4px;padding:2px 7px;font-size:.6875rem;background:#fff0df;color:#ae600c;font-weight:600}.risk-tag.user{background:#fff0ef;color:#c4514a}.role-tag{font-size:.6875rem;color:#8b9cb3}.severity{margin-left:auto;color:#b46b20;font-size:.6875rem}.severity.medium{color:#9a8141}.excerpt-button{display:block;border:0;border-left:3px solid #e8bc80;border-radius:0;text-align:left;padding:7px 10px;background:#fffbf5;font-size:.8125rem;line-height:1.75;color:#5b4d3c;width:100%;white-space:normal;overflow-wrap:anywhere}.finding.user .excerpt-button{background:#fff8f8;border-color:#e9aaa7;color:#644a49}.excerpt-button:hover{background:#fff3e1}.finding-description{font-size:.75rem;color:#8393a8;margin-top:7px;line-height:1.7}.suggestion{display:grid;grid-template-columns:58px 1fr;gap:9px;margin-top:8px;font-size:.8125rem;line-height:1.8;color:#516c8f}.suggestion strong{font-size:.75rem;color:#4e71a1;font-weight:600}.replacement{font-size:.75rem;color:#7d8da3;margin-top:9px}.replacement summary{cursor:pointer}.replacement p{padding:8px 10px;margin-top:6px;background:#f5f8fc;border-radius:5px;font-size:.8125rem;color:#5c7290}.result-actions{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px;flex-wrap:wrap}.result-actions .button{font-size:.8125rem;min-height:36px;padding:7px 12px}.result-actions span{font-size:.6875rem;color:var(--green)}.original{white-space:pre-wrap;overflow-wrap:anywhere;max-height:368px;overflow:auto;font-size:.875rem;line-height:2.1;padding:3px 2px 5px;scrollbar-width:thin}.original mark{background:#fff0d7;color:#8e5316;border-radius:3px;padding:2px 0;border-bottom:1px solid #f0c07a;cursor:help}.original mark.customer{background:#ffe6e4;color:#a9433c;border-color:#ecb2ad}.original mark.focused{outline:2px solid var(--blue);outline-offset:2px}.stale-warning,.role-warning{font-size:.75rem;color:#9a651e;background:#fff8e9;padding:8px 10px;border-radius:5px;margin-bottom:10px}.no-risk{padding:30px 15px;text-align:center;font-size:.875rem;color:#548673}.no-risk p{font-size:.75rem;margin-top:7px;color:#8d9eae}.bottom-note{display:flex;justify-content:space-between;gap:20px;color:#91a0b5;font-size:.6875rem;margin-top:19px}.history-panel{padding:23px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{font-size:.75rem;background:#f7f9fc;color:#7387a4;text-align:left;font-weight:500}th,td{padding:14px 13px;border-bottom:1px solid var(--line);white-space:nowrap}td{color:#536c8c}td small{display:block;font-size:.6875rem;color:#99a8ba}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;font-size:.8125rem;color:#7a8da7}.history-empty,.chart-empty{text-align:center;padding:45px 20px;color:#8a9db5;font-size:.875rem}.history-empty strong{display:block;font-size:1rem;color:#607c9e;margin-bottom:7px}.data-tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:22px;font-size:.875rem}.data-active{color:var(--blue);font-weight:600}.data-tabs a{color:#8294b0}.bi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px}.bi-stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 22px}.bi-stat span{display:block;font-size:.8125rem;color:#7489a7}.bi-stat strong{font-size:1.875rem;font-weight:650;line-height:1.5}.bi-stat small{display:block;font-size:.6875rem;color:#9aa9bd}.bi-stat:nth-child(3) strong{color:var(--orange)}.bi-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-panel{padding:20px 22px}.chart-row{display:grid;grid-template-columns:95px 1fr 28px;gap:12px;align-items:center;margin-bottom:16px;font-size:.8125rem;color:#7084a2}.bar-track{height:7px;background:#f0f4fb;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:#6393ec}.chart-row strong{text-align:right;font-size:.8125rem;color:#4f6d95;font-weight:500}.day-table th,.day-table td{padding:9px 8px;font-size:.8125rem}.bi-definition{font-size:.75rem;color:#8a9bb2;margin:14px 0 25px}.integration-panel{padding:23px}.integration-status{font-size:.75rem;color:#7189ad;background:#f0f5fd;border-radius:4px;padding:4px 8px}.architecture{display:flex;align-items:center;justify-content:space-between;background:#f8fafd;border:1px solid #eaf0f8;border-radius:7px;padding:20px 26px;gap:18px}.architecture div{display:grid;grid-template-columns:25px 1fr}.architecture div>span{font-size:.6875rem;color:#9ab0cc;grid-row:1/3;margin-top:4px}.architecture strong{font-size:.875rem;font-weight:600}.architecture small{font-size:.6875rem;color:#8a9eba}.architecture>b{font-weight:400;color:#9cb2d1}.integration-copy{font-size:.8755rem;color:#7186a4;margin:17px 0}.endpoint-list>div{display:grid;grid-template-columns:53px minmax(230px,1fr) minmax(140px,1fr);gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.endpoint-list code{font-size:.8125rem;color:#47658c;font-family:Consolas,monospace}.endpoint-list .method{color:#277d65;background:#eaf7f2;padding:3px 7px;border-radius:4px;text-align:center;font-size:.6875rem}.endpoint-list .method.post{background:#edf2ff;color:#3a64b1}.endpoint-list span{font-size:.8125rem;color:#8294ad}.integration-actions{display:flex;gap:20px;align-items:center;margin-top:19px}.integration-footnote{font-size:.6875rem;color:#96a6bc;margin-top:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);color:#fff;background:#203857;padding:12px 20px;border-radius:8px;box-shadow:0 6px 25px #172b4d25;font-size:.875rem;z-index:90}.busy .analyze-symbol{animation:pulse 1s infinite}.busy .key-hint{display:none}@keyframes pulse{50%{opacity:.4}}
@media(min-width:1500px){textarea{height:370px;min-height:370px}.result-panel{min-height:710px}.empty-result{min-height:568px}.findings,.original{max-height:424px}}
@media(max-width:1200px){.app-shell{grid-template-columns:178px minmax(0,1fr)}main{padding:25px 23px}.input-panel,.result-panel{padding:18px}.workspace{gap:17px}.header-context{display:none}.empty-capabilities{gap:9px;font-size:.625rem}.bottom-note>span:last-child{display:none}.architecture{padding:16px;gap:10px}.architecture small{font-size:.625rem}}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px 22px}.sidebar nav{display:flex;gap:10px}.nav-item{width:auto;margin:0;padding:8px 14px}.nav-label,.sidebar-note,.sidebar-bottom{display:none}.nav-count{margin-left:5px}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.topbar{padding:0 23px}.brand{min-width:0}.scope-label{display:none}.bi-stat{padding:16px}.architecture small{font-size:.6875rem}.endpoint-list>div{grid-template-columns:50px 1fr}.endpoint-list span{grid-column:2;margin-top:-10px}}
@media(max-width:760px){.topbar{height:65px;padding:0 16px;gap:12px}.brand{font-size:1.0625rem}.brand img{width:30px;height:30px}.brand small{font-size:.5rem}.mode{font-size:.6875rem;padding:5px 8px}.demo-tag{display:none}.sidebar{padding:9px 13px}.sidebar nav{justify-content:space-between;gap:2px}.nav-item{font-size:.8125rem;padding:8px 9px;gap:6px}.nav-glyph{font-size:1.125rem}.app-shell{min-height:calc(100dvh - 65px)}main{padding:21px 16px}.page-heading{margin-bottom:18px;gap:10px}.page-heading p{font-size:.8125rem}.eyebrow{font-size:.5625rem}h1{font-size:1.5rem}.notice{padding:12px 13px;gap:9px;margin-bottom:18px}.notice span:not(.notice-icon){font-size:.75rem}.workspace{grid-template-columns:1fr;gap:18px}textarea{height:275px;min-height:220px}.result-panel{min-height:360px}.empty-result{min-height:280px}.findings,.original{max-height:none}.empty-capabilities{font-size:.6875rem}.bottom-note{line-height:1.8}.bi-stats{grid-template-columns:1fr 1fr;gap:12px}.bi-grid{grid-template-columns:1fr}.bi-stat strong{font-size:1.625rem}.architecture{flex-direction:column;align-items:flex-start;gap:12px}.architecture div{width:100%}.architecture>b{display:none}.integration-panel{padding:18px}.endpoint-list code{font-size:.75rem;overflow-wrap:anywhere}.integration-actions{gap:15px}.scope-label{display:none}.key-hint{display:none}.chart-panel{padding:18px}.page-heading>.button{font-size:.75rem;padding:8px 10px}.history-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.back-input,.mobile-records{display:none}
.result-stats strong,.bi-stat strong,.nav-count{font-variant-numeric:tabular-nums}
.risk-guidance{font-size:.875rem;color:#607ea5;margin-top:9px}
.risk-guidance>summary{cursor:pointer;padding:5px 0;min-height:36px}
.risk-guidance[open]>summary{color:var(--blue)}
.browser-demo .result-actions{margin-bottom:13px}
@media(max-width:760px){
  input,select,textarea{font-size:1rem}
  .text-button{font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}
  .result-tab{font-size:.9375rem;min-height:44px}
  .excerpt-button,.suggestion{font-size:.9375rem}
  .finding-description,.replacement,.replacement p{font-size:.875rem}
  .risk-tag,.role-tag,.severity,.result-stats span{font-size:.75rem}
  .finding-top{flex-wrap:wrap;gap:7px}
  .result-stats strong{font-size:1.75rem}
  .input-meta{font-size:.75rem;flex-wrap:wrap}
  .metadata label,.sample-field{font-size:.8125rem}
  .business-ids,.business-ids summary span,.input-footer,.result-disclaimer{font-size:.75rem}
  .back-input{display:inline-flex;align-items:center;font-size:.8125rem;min-height:44px}
  .result-panel .panel-heading{flex-wrap:wrap;gap:4px}
  .result-panel .panel-heading .secondary-meta{margin-left:auto}
  .result-panel .panel-heading .back-input{width:100%;justify-content:flex-end}
  .desktop-records{display:none}
  .mobile-records{display:grid;gap:12px}
  .record-card{padding:15px;border:1px solid var(--line);border-radius:9px;background:#fcfdff;min-width:0}
  .record-card-heading,.record-card-meta,.record-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .record-card-heading strong{font-size:.9375rem;font-weight:600}
  .record-card p{font-size:.8125rem;color:var(--muted);margin:8px 0}
  .record-card-meta{font-size:.875rem;color:#6d83a2}
  .record-card-footer{border-top:1px solid var(--line);padding-top:11px;margin-top:12px}
  .record-card-footer small{font-size:.75rem;color:#92a1b7}
  .record-card-footer .button{font-size:.8125rem;min-height:44px}
  .browser-demo .eyebrow{display:none}
  .browser-demo main{padding-bottom:155px}
  .browser-demo .sidebar{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -3px 18px #172b4d0d}
  .browser-demo .sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
  .browser-demo .nav-item{display:flex;justify-content:center;flex-direction:column;gap:2px;font-size:.75rem;min-height:49px;padding:5px 4px;position:relative}
  .browser-demo .nav-count{position:absolute;right:10px;top:3px;font-size:.6875rem}
  .browser-demo .nav-glyph{font-size:1.125rem}
  .browser-demo .analyze-button{position:fixed;left:16px;right:16px;bottom:calc(83px + env(safe-area-inset-bottom));width:calc(100% - 32px);z-index:34;min-height:49px;box-shadow:0 4px 16px #2563eb33;font-size:1rem}
  .browser-demo:not([data-active-view="inspect"]) .analyze-button{display:none}
  .browser-demo textarea{height:220px;min-height:160px;line-height:1.8}
  .browser-demo .topbar{height:64px}
  .browser-demo .mode{font-size:.6875rem;max-width:145px}
  .browser-demo .page-heading{margin-bottom:14px}
  .browser-demo .notice{margin-bottom:16px}
  .browser-demo .input-panel .input-footer{margin-top:13px}
  .browser-demo .toast{bottom:calc(148px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);text-align:center}
  .browser-demo .integration-actions{flex-wrap:wrap}
  .browser-demo .integration-copy,.browser-demo .bi-definition{font-size:.875rem}
  .browser-demo .integration-footnote{font-size:.75rem}
  #input-heading,#result-heading,#integration{scroll-margin-top:16px}
}