@import url("/static/layout.css");
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#1b3039;background:#f6f8fa;font-synthesis:none;--teal:#087f81;--muted:#7b8994}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #55bbb6;outline-offset:3px}[hidden]{display:none!important}.muted{color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#81909b}.dot.green{background:#1cae89;box-shadow:0 0 0 3px #1cae8912}.dot.cloud{background:#6471e8}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--teal)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px;color:#8ca0aa}.brand-mark{background:#0b8d89;color:white;display:inline-grid;place-items:center;width:37px;height:40px;border-radius:12px 12px 12px 3px;font-size:24px;font-weight:800}.nav-label{font-size:9px;letter-spacing:2px;color:#9aa8b0;margin:58px 12px 18px}.nav-item{display:flex;gap:10px;align-items:center;font-size:12px;padding:14px 12px;margin:7px 0;color:#6b808b;border-radius:8px}.nav-item.selected{background:#e8f4f1;color:#147d79;font-weight:600}.nav-tag{font-size:8px;margin-left:auto;border:1px solid #b5dcd1;padding:2px 4px;border-radius:4px}.sidebar-bottom{margin-top:auto;font-size:11px;color:#55737e}.sidebar-bottom small{display:block;font-size:10px;line-height:1.9;margin-top:12px;color:#99a5ad}.text-button{background:none;color:#62818b;font-size:11px;padding:8px 0}.topbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0 36px;background:#ffffffa8;border-bottom:1px solid #e8edf0;height:65px;color:#647981}.topbar .muted{margin:0 12px}.top-right{display:flex;gap:10px;align-items:center}.avatar{background:#e5efee;color:#4a7874;border-radius:50%;display:grid;place-items:center;width:27px;height:27px;margin-left:10px;font-weight:700}.page-heading{position:relative;padding:33px 36px 25px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.7px;margin:10px 0 9px}.page-heading p{font-size:12px;color:#81919a;margin:0}.provider-badge{display:inline-block;font-size:10px;border:1px solid #dfe7ea;border-radius:6px;padding:7px 10px;background:#fff;margin-top:15px;color:#64808a}.section-label{font-size:11px;font-weight:650;margin-bottom:19px;color:#617883}.section-label span{font-size:10px;color:#a6b1b8;margin-right:8px}.scenario{display:flex;flex-direction:column;text-align:left;width:100%;padding:17px 15px;border:1px solid transparent;border-radius:11px;margin-bottom:12px;background:transparent;transition:.2s}.scenario:hover{background:#fff}.scenario.active{border-color:#b9dcd5;background:white;box-shadow:0 5px 15px #1b626209}.scenario-icon{display:grid;place-items:center;width:31px;height:31px;font-size:20px;border-radius:9px;margin-bottom:11px}.lilac{background:#f0edff;color:#8b7cc8}.blue{background:#e9f1fc;color:#5a8bbf}.mint{background:#e3f3ed;color:#3b967d}.scenario strong{font-size:12px;font-weight:650}.scenario small{font-size:10px;color:#95a2aa;line-height:1.8;margin-top:5px}.scenario-tag{font-size:7px;letter-spacing:1px;color:#648b86;margin-top:11px}.boundary-card{border:1px solid #e2e8eb;border-radius:10px;padding:20px 17px;margin-top:24px;background:linear-gradient(135deg,#edf5f2,#f8fbf9)}.mini-label{font-size:9px;color:#8aa39e}.boundary-card h3{font-weight:550;font-size:17px;line-height:1.65;margin:10px 0}.boundary-card p{font-size:10px;color:#81958e;line-height:1.9}.boundary-flow{display:flex;justify-content:space-between;font-size:10px;color:#4d8c7c;margin-top:20px}.fineprint{font-size:9px;color:#98a4aa;line-height:1.8;margin:17px 7px}.phone{background:#1a2229;border-radius:45px;padding:7px;box-shadow:0 25px 45px #263e4d1f,0 6px 12px #263e4d18;border:2px solid #39434c;width:352px;position:relative}.phone:before{content:"";position:absolute;left:-4px;top:118px;height:58px;width:3px;background:#4f5961;border-radius:3px}.phone-screen{border-radius:36px;background:#f7f9fa;overflow:hidden;height:703px;display:flex;flex-direction:column;position:relative}.statusbar{height:40px;padding:13px 22px 0;display:flex;justify-content:space-between;font-size:9px;flex-shrink:0;position:relative}.statusbar strong{font-size:11px}.notch{position:absolute;width:89px;height:23px;background:#111b23;left:50%;transform:translateX(-50%);border-radius:20px;top:8px}.phone-header{display:flex;align-items:center;padding:17px 18px 15px;gap:10px;background:#fff}.phone-logo{width:30px;height:32px;border-radius:11px;background:#e4f2ee;color:#128979;display:grid;place-items:center;font-weight:800;font-size:20px}.phone-header strong{font-size:13px}.phone-header small{display:block;font-size:8px;color:#97a5ab;margin-top:4px}.more{margin-left:auto;color:#8c9ca3;font-size:13px}.location-strip{margin:10px 12px;display:flex;align-items:center;gap:7px;background:#edf5f1;color:#3e8475;border:1px solid #daebe2;padding:9px 10px;border-radius:7px}.location-strip strong{font-size:9px;font-weight:550}.location-strip>span:last-child{margin-left:auto;font-size:7px;letter-spacing:.5px;color:#8eaaa0}.phone-tabs{display:flex;border-bottom:1px solid #e9edef;margin:0 15px;gap:21px}.phone-tabs button{font-size:10px;color:#9aa5ab;background:none;padding:9px 0 11px}.phone-tabs button.active{border-bottom:2px solid #1f9987;color:#267e72}.phone-tabs span{font-size:8px;margin-left:3px}.phone-pane{flex:1;min-height:0;display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:17px 14px;scrollbar-width:thin}.bubble{max-width:95%;padding:11px 12px;border-radius:11px 11px 11px 2px;background:#fff;border:1px solid #e7edef;margin:0 0 12px;font-size:10px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:#e4f3ed;border-color:#d6eae1;border-radius:11px 11px 2px 11px;margin-left:auto;max-width:90%;color:#326956}.bubble-label{display:block;color:#80958d;font-size:8px;margin-bottom:4px}.composer{background:#fff;border-top:1px solid #e7edf0;margin:0 9px 15px;border-radius:12px;padding:9px;flex-shrink:0;box-shadow:0 4px 15px #30475c05}.drop-zone{font-size:8px;border:1px dashed #dce5e8;border-radius:6px;min-height:32px;display:flex;align-items:center;gap:5px;padding:7px;color:#8e9ca4;flex-wrap:wrap}.drop-zone.dragging{background:#e5f5ee}.drop-zone label{cursor:pointer}.drop-zone input{width:100%;font-size:8px;margin-top:5px}textarea{width:100%;background:#fff;border:0;resize:vertical;font-size:10px;outline:none;padding:12px 3px;color:#3a525c;line-height:1.6}.composer-options{display:flex;gap:7px;align-items:center}.composer-options label{font-size:7px;color:#8c9ea5}.composer-options select{border:0;background:#f4f7f8;font-size:8px;color:#5b767d;border-radius:5px;padding:6px 3px;margin-left:2px;max-width:100px}.send-button{margin-left:auto;width:31px;height:29px;background:#178e7d;border-radius:8px;font-size:21px;color:#fff}.home-indicator{position:absolute;bottom:5px;width:96px;height:4px;border-radius:6px;background:#253841;left:50%;transform:translateX(-50%)}.phone-caption{font-size:9px;color:#94a1aa;margin-top:20px;text-align:center}.phone-caption .dot{width:5px;height:5px;margin-right:5px}.panel{background:#fff;border:1px solid #e3eaed;border-radius:12px;padding:21px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:12px;font-weight:600;margin:0}.live-pill{color:#39a888;background:#eff8f4;padding:4px 7px;border-radius:5px;font-size:7px;letter-spacing:1px}.live-pill .dot{width:4px;height:4px;margin-right:4px}.panel-subtitle{font-size:9px;color:#9ba8af;margin:10px 0 20px}.route-map{display:flex;align-items:center;justify-content:space-between;background:#fafcfc;border:1px solid #edf1f3;border-radius:9px;padding:13px 9px}.route-node{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;border-radius:7px;color:#a2afb5}.route-node>span{font-size:23px}.route-node strong{font-size:10px;font-weight:550}.route-node small{font-size:7px}.route-node.current{background:#eaf5ee;color:#329076}.route-node.cloud-current{background:#eeefff;color:#6872bf}.route-arrow{font-size:19px;color:#b4c3c6;text-align:center}.route-arrow small{display:block;font-size:6px;letter-spacing:1px}.session-meta{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0;border-bottom:1px solid #edf1f3;font-size:8px;color:#9ba8af}.session-meta code{font-size:8px;overflow-wrap:anywhere;color:#6e8792}.timeline{height:268px;overflow:auto;margin-top:12px;scrollbar-width:thin}.timeline-item{padding:0 0 15px 19px;margin-left:4px;border-left:1px solid #e3ebe9;position:relative}.timeline-item:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#8fc4ad;border:2px solid white;box-shadow:0 0 0 1px #e6eeea}.timeline-item.cloud:before{background:#8f98d7}.timeline-item.error:before{background:#d58b7d}.timeline-time{color:#a1afb4;font-size:7px;font-family:monospace}.timeline-item strong{display:block;font-size:9px;font-weight:550;margin:4px 0;color:#4b6a74}.timeline-item p{font-size:9px;line-height:1.7;color:#97a7ae;margin:0}.state-panel{margin-top:17px}.local-pill{font-size:7px;color:#8caaa0;letter-spacing:.7px}.state-counters{display:flex;margin:22px 0 18px}.state-counters>div{flex:1;text-align:center;border-right:1px solid #eaf0ef}.state-counters>div:last-child{border:0}.state-counters strong{font-size:25px;font-weight:500;color:#3f7769}.state-counters small{display:block;font-size:9px;color:#95a8a2;margin-top:5px}.result-caption{font-size:9px;color:#98a8aa;line-height:1.8;border-top:1px solid #edf1ef;padding-top:12px;margin:0;white-space:pre-wrap;max-height:90px;overflow:auto}.privacy-note{font-size:8px;color:#a4afb3;text-align:center;padding:18px 0}.saved-pane{padding:17px;overflow:auto}.saved-pane h3{font-size:14px}.saved-pane>p{font-size:10px;line-height:1.8}.saved-card{background:white;border:1px solid #e1e9e9;border-radius:9px;padding:12px;margin:10px 0;font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.saved-card small{display:block;color:#8d9da2;font-size:8px}.saved-card button{background:#edf5f1;color:#287a66;border-radius:5px;font-size:9px;padding:6px 11px;margin-top:7px}.danger-button{color:#a65454;border:1px solid #e8d1d1;background:#fff8f8;border-radius:7px;font-size:10px;padding:8px 10px}.primary-button{display:block;background:#148b7b;color:#fff;padding:13px 20px;border-radius:8px;width:100%;font-size:13px;margin:15px 0}.error{color:#bd5e53;font-size:12px;line-height:1.7}dialog{border:1px solid #dfebe7;border-radius:18px;width:400px;padding:32px;box-shadow:0 20px 90px #153d3933}dialog::backdrop{background:#1c3e3b42;backdrop-filter:blur(4px)}dialog .eyebrow{margin-top:25px}dialog h2{font-size:23px}dialog p{font-size:12px;line-height:1.9;color:#849690}dialog label{font-size:11px;color:#587c70}dialog input{display:block;width:100%;border:1px solid #ceded6;border-radius:8px;padding:12px;margin-top:8px}dialog .text-button{display:block;margin:auto}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#263c41;color:#fff;padding:13px 23px;border-radius:9px;font-size:12px;max-width:90vw;z-index:10;box-shadow:0 10px 30px #0002}