:root{color:#162033;background:#f5f7fc;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}code,pre,kbd{font-family:DM Mono,ui-monospace,monospace}.app-shell{min-height:100vh;background:radial-gradient(circle at 65% -25%,#e6e3ff 0,transparent 32rem),#f5f7fc}.welcome{min-height:100vh;padding:24px max(5vw,32px) 50px;background:radial-gradient(circle at 22% 20%,#e5e5ff 0,transparent 25rem),radial-gradient(circle at 88% 80%,#d6f3ff 0,transparent 29rem),#f8f9ff}.landing-header,.app-header{height:58px;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto}.brand{display:flex;align-items:center;font-size:17px;letter-spacing:-.5px;color:#26324a}.brand b{font-weight:800}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5848f0,#3525cd);border-radius:10px;margin-right:9px;box-shadow:0 7px 16px #4f46e545}.privacy-pill{color:#3c3973;background:#eeecff;border:1px solid #d9d6ff;padding:7px 10px;border-radius:100px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.07em;white-space:nowrap}.hero{max-width:920px;margin:9.5vh auto 0;text-align:center}.eyebrow,.panel-label{color:#6259c7;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:6px;background:#edebff;border:1px solid #dedbff;padding:7px 11px;border-radius:99px}h1{margin:20px 0 15px;font-size:clamp(34px,5vw,60px);letter-spacing:-3px;line-height:1.1;color:#17213a}h1 em{font-style:normal;color:#5040d7}.hero>p{max-width:690px;margin:auto;font-size:16px;line-height:1.8;color:#657087}.drop-zone{margin:43px auto 22px;width:min(650px,100%);min-height:260px;padding:45px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1.5px dashed #b8b1fc;border-radius:20px;background:#ffffffa6;box-shadow:0 16px 50px #4235b00c;transition:.2s ease}.drop-zone:hover{border-color:#5144da;transform:translateY(-2px);box-shadow:0 20px 48px #4235b01a}.drop-zone strong{margin-top:13px;font-size:17px}.drop-zone>span{margin-top:5px;color:#647187;font-size:13px}.drop-zone small{margin-top:19px;color:#6b64c4;font-family:DM Mono;font-size:11px;letter-spacing:.08em}.drop-icon{height:61px;width:61px;display:grid;place-items:center;color:#5144df;background:#e9e7ff;border-radius:17px}.drop-zone.processing{pointer-events:none}.progress-track{width:min(420px,100%);height:6px;margin-top:18px;overflow:hidden;border-radius:9px;background:#e8eaf2}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5144df,#7d72ff);transition:width .3s ease}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;color:#697388;font-size:11px;font-weight:600}.trust-row span{display:inline-flex;align-items:center;gap:5px}.trust-row svg{width:15px;color:#4c45cb}.fatal{display:inline-flex;gap:8px;align-items:center;color:#a62b2b;background:#fff0ef;padding:10px 14px;border-radius:9px;font-size:13px}.app-header{max-width:none;height:64px;padding:0 22px;background:#ffffffd9;border-bottom:1px solid #e1e5ee;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.compact{min-width:205px;font-size:15px}.compact .brand-mark{width:29px;height:29px;border-radius:8px}.global-search{flex:1;max-width:610px;height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #dce1ed;border-radius:9px;background:#f9faff;color:#798198}.global-search:focus-within{border-color:#7166e7;box-shadow:0 0 0 3px #655be31c}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:#202b42}kbd{padding:2px 5px;color:#6c7385;border:1px solid #dce0ea;border-radius:4px;font-size:10px;background:#fff}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:310px}.primary-button,.ghost-button,.icon-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-weight:700;font-size:12px}.primary-button{padding:9px 12px;background:#4538d4;color:#fff;box-shadow:0 5px 12px #5144df30}.primary-button:hover{background:#382bc4}.ghost-button{padding:8px 10px;color:#46516a;background:transparent}.ghost-button:hover,.icon-btn:hover{background:#eceeff}.icon-btn{padding:6px;color:#5c667b;background:transparent}.hamburger{display:none}.workspace{max-width:1800px;margin:auto;min-height:calc(100vh - 90px);display:grid;grid-template-columns:232px minmax(0,1fr) 292px}.sidebar{padding:19px 12px;border-right:1px solid #e1e5ee;background:#fbfcffbf;display:flex;flex-direction:column;gap:3px}.container-chip{display:flex;align-items:center;gap:8px;padding:10px;margin:0 5px 16px;color:#4139b3;border-radius:8px;background:#f0efff;font-size:11px;font-family:DM Mono;overflow:hidden;white-space:nowrap}.nav-button{height:39px;width:100%;display:flex;align-items:center;gap:10px;padding:0 11px;color:#586277;background:transparent;border:0;border-radius:8px;font-size:12px;text-align:left}.nav-button:hover{background:#eff1fb;color:#37304f}.nav-button.active{color:#3e32bf;background:#e9e7ff;font-weight:800}.nav-button b{margin-left:auto;min-width:18px;text-align:center;padding:2px 5px;border-radius:20px;background:#ffebea;color:#bd4038;font-size:10px}.sidebar-note{margin:auto 7px 5px;padding-top:15px;display:flex;gap:7px;color:#8790a3;border-top:1px solid #e6e9f1;font-size:10px;line-height:1.5}.content{min-width:0;padding:27px 30px 45px;overflow:hidden}.page-title{min-height:89px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:21px}.page-title h2{margin:5px 0 4px;color:#202a40;font-size:25px;letter-spacing:-.8px}.page-title p{margin:0;color:#768095;font-size:12px}.panel{border:1px solid #e2e6ef;border-radius:12px;background:#fffffff2;box-shadow:0 5px 16px #26365b08}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:15px}.metric-card{position:relative;min-height:104px;padding:15px;border:1px solid #e2e6ef;border-radius:11px;background:#fffffff2;box-shadow:0 5px 16px #26365b08;text-align:left;transition:.15s}.metric-card:hover{border-color:#bfb8fa;transform:translateY(-2px)}.metric-card>span{display:inline-grid;place-items:center;width:28px;height:28px;color:#5144d9;border-radius:8px;background:#edecff}.metric-card strong{display:block;margin-top:8px;font-size:20px;letter-spacing:-.7px;color:#27314a}.metric-card small{color:#788196;font-size:10px;font-weight:700}.metric-card>svg:last-child{position:absolute;right:13px;bottom:13px;color:#a4aabc;width:15px}.dashboard-grid,.split-panels,.builder{display:grid;grid-template-columns:1fr 1.2fr;gap:15px;margin-bottom:15px}.panel{padding:19px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel h3{margin:4px 0 0;color:#273148;font-size:15px;letter-spacing:-.3px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;color:#5246d0;background:transparent;border:0;font-size:11px;font-weight:800}.health{display:grid;grid-template-columns:1fr auto;gap:15px}.health h3{margin-top:7px;font-size:38px;line-height:1}.health h3 small{font-size:13px;color:#737e94}.health p{margin:8px 0 0;color:#6d778c;font-size:11px}.score-ring{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#5347d8 var(--score),#e7e9f1 0)}.score-ring:before{content:"";position:absolute;width:62px;height:62px;border-radius:50%;background:#fff}.score-ring b{z-index:1;font-size:17px}.health-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;font-size:10px;font-weight:700}.health-list span{display:inline-flex;align-items:center;gap:4px}.health-list svg{width:13px}.good,.good-text{color:#16815c}.warning{color:#a26b12}.bad,.error-text{color:#bb3a36}.health .text-button{grid-column:1/-1}.rank-list>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:31px;border-bottom:1px solid #edf0f5;font-size:10px}.rank-list>div:last-child{border:0}.rank{color:#8992a7;font-family:DM Mono}.rank-list code{color:#3d3a8e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list b{color:#58637a}.wide{margin-top:15px}.flow-summary{display:flex;justify-content:space-around;align-items:center;padding:8px 0 1px}.flow-summary>svg{color:#a6adbf}.flow-node{min-width:95px;display:grid;justify-items:center;gap:4px;text-align:center}.flow-node>span{display:grid;place-items:center;width:34px;height:34px;color:#584ce0;background:#edebff;border-radius:10px}.flow-node b{color:#29334a;font-size:16px}.flow-node small{color:#7d8699;font-size:10px}.table-panel{margin-bottom:15px;overflow:hidden}.table-scroll{overflow:auto;margin:0 -19px -19px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{height:34px;padding:0 18px;color:#7a8398;background:#f7f8fc;border-bottom:1px solid #e7eaf1;font-size:9px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}td{max-width:290px;padding:10px 18px;color:#536077;border-bottom:1px solid #edf0f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}td code{color:#5b5989;font-size:10px}.link-cell{max-width:270px;display:inline-flex;align-items:center;gap:6px;padding:0;color:#3932a2;background:transparent;border:0;font-size:11px;font-weight:700;text-align:left}.link-cell:hover{color:#6d5be8;text-decoration:underline}.count-pill{padding:4px 7px;color:#554acb;border-radius:10px;background:#ecebff;font-size:10px;font-weight:800}.status,.method,.relationship{display:inline-block;padding:3px 6px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status.good{color:#0b7b54;background:#e6f7ee}.status.bad{color:#b13e38;background:#ffebe9}.status.warning{color:#966010;background:#fff5db}.status.info{color:#3d68a2;background:#e7f1ff}.method{color:#3c37a6;background:#edecff}.method.post{color:#147658;background:#e4f7ee}.method.delete{color:#b13e38;background:#ffebe9}.method.put,.method.patch{color:#a06016;background:#fff4dc}.relationship{color:#5e5895;background:#f0eff9}.empty{display:flex;justify-content:center;align-items:center;gap:8px;min-height:95px;color:#7e8799;font-size:12px}.route-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:15px}.route-list{padding:10px;max-height:calc(100vh - 245px);overflow:auto}.route-list .panel-heading{padding:8px 9px 3px}.route-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;color:#6b7487;border:0;border-radius:8px;background:transparent;text-align:left}.route-row:hover,.route-row.selected{color:#3931ae;background:#eeedff}.route-row b,.route-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-row b{color:#3e475d;font-size:11px}.route-row.selected b{color:#3e34b7}.route-row small{margin-top:2px;color:#8891a4;font-size:9px;font-family:DM Mono}.graph-panel{min-height:530px}.graph-panel>.panel-heading>div>code{display:block;margin-top:5px;color:#6e77a1;font-size:10px}.route-flow{max-width:740px;padding:6px 0 20px}.route-node{display:grid;grid-template-columns:23px 1fr;align-items:center;column-gap:8px;min-height:48px;padding:9px 12px;border:1px solid #d9dff4;border-radius:9px;background:#f9faff}.route-node svg{color:#5a51d6;grid-row:1/3}.route-node span{color:#717c98;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.route-node b{overflow:hidden;color:#303c55;font-family:DM Mono;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.route-node.source{border-color:#bcb7fb;background:#efeeff}.route-step{position:relative;padding-top:20px}.route-step>i{position:absolute;top:0;left:22px;width:1px;height:20px;background:#b8bfd3}.route-step>i:after{content:"";position:absolute;bottom:-1px;left:-2px;width:5px;height:5px;border-right:1px solid #929bb4;border-bottom:1px solid #929bb4;transform:rotate(45deg)}.route-node.property{border-color:#ead3a5;background:#fffaef}.route-node.processor{border-color:#bde3d3;background:#effbf6}.route-node.bean{border-color:#d5c6eb;background:#faf5ff}.route-node.choice{border-color:#f0c9c4;background:#fff5f3}.route-node.to{border-color:#bfdbed;background:#f2faff}.dependency-legend{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:12px 19px;color:#667187;font-size:10px;font-weight:700}.dependency-legend .count-pill{margin-left:auto}.legend{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#5144d9}.legend.service{background:#26a677}.legend.bean{background:#b375e1}.issue-summary{display:flex;gap:11px;margin-bottom:15px}.issue-summary div{min-width:105px;padding:12px 15px;border:1px solid #e2e6ef;border-radius:10px;background:#fff}.issue-summary b{display:block;color:#313b52;font-size:19px}.issue-summary span{color:#7b8599;font-size:10px;font-weight:700}.issue-list{padding:7px}.issue{width:100%;display:grid;grid-template-columns:68px 1fr minmax(120px,220px) auto;align-items:center;gap:12px;padding:12px;color:#536077;border:0;border-bottom:1px solid #edf0f5;background:transparent;text-align:left}.issue:hover{background:#fafaff}.issue:last-child{border:0}.issue b,.issue small{display:block}.issue b{color:#384258;font-size:11px}.issue small{margin-top:3px;color:#778197;font-size:10px}.issue code{overflow:hidden;color:#737e9e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compare-head{display:flex;align-items:center;gap:25px;margin-bottom:15px}.compare-head>div{min-width:0;flex:1}.compare-head h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-head>svg{color:#5951d9}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px dashed #c9c6f4;border-radius:14px;text-align:center;background:#fffa}.empty-state>svg{color:#5d51dc}.empty-state h3{margin:13px 0 5px;color:#313b52}.empty-state p{max-width:410px;margin:0 0 20px;color:#727c90;font-size:12px;line-height:1.6}.builder{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.form-panel{display:flex;flex-direction:column;gap:15px}.form-panel label{color:#667085;font-size:11px;font-weight:800}.form-panel input{width:100%;margin-top:6px;padding:9px 10px;color:#28334a;border:1px solid #dce1ed;border-radius:7px;outline-color:#655be3;font-family:DM Mono;font-size:11px}.form-panel button{align-self:start;margin-top:3px}.code-preview{overflow:hidden}.code-preview pre{max-height:380px;margin:0 -19px -19px;padding:18px;overflow:auto;color:#d9e4ff;background:#182337;font-size:11px;line-height:1.75;white-space:pre-wrap}.inspector{padding:19px 16px;border-left:1px solid #e1e5ee;background:#fbfcffb8}.inspector-heading{display:flex;justify-content:space-between;align-items:center;color:#586277;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.inspector-content{padding-top:22px}.kind-tag{display:inline-block;padding:3px 6px;color:#5b50c9;background:#edebff;border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase}.inspector-content h3{margin:11px 0 6px;color:#2f3951;font-size:15px;overflow-wrap:anywhere}.inspector-content>p{margin:0 0 17px;color:#707a90;font-size:11px;line-height:1.5}.source-block{padding:10px;border-radius:8px;background:#f0f2f8}.source-block span,.source-label{display:block;color:#7b8497;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.source-block code{display:block;margin-top:4px;color:#5d6482;font-size:9px;overflow-wrap:anywhere}.source-label{margin:18px 0 7px}.xml-source{max-height:410px;margin:0;padding:10px;overflow:auto;color:#d3dffb;background:#1e293c;border-radius:8px;font-size:9px;line-height:1.65;white-space:pre-wrap}.value-list{display:grid;gap:5px}.value-list code{padding:7px;overflow:hidden;color:#555e80;border:1px solid #e2e6ef;border-radius:5px;background:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.inspector-empty{margin-top:32px;color:#7f899b;text-align:center}.inspector-empty svg{color:#7368df}.inspector-empty h3{margin:12px 0 6px;color:#596378;font-size:12px}.inspector-empty p{font-size:10px;line-height:1.6}.statusbar{height:26px;display:flex;align-items:center;gap:18px;padding:0 17px;color:#778196;border-top:1px solid #e1e5ee;background:#fff;font-size:9px;font-weight:700}.statusbar span{display:inline-flex;align-items:center;gap:4px}.statusbar span:first-child{color:#4a44bb}.progress-toast{position:fixed;z-index:50;right:24px;bottom:35px;width:min(370px,calc(100vw - 40px));padding:14px;border:1px solid #d9d7fb;border-radius:11px;background:#fff;box-shadow:0 14px 35px #1e24672b}.progress-toast>div:first-child{display:flex;align-items:center;gap:9px;color:#554bd0}.progress-toast span{flex:1}.progress-toast b,.progress-toast small{display:block}.progress-toast b{color:#414b61;font-size:11px}.progress-toast small{margin-top:2px;color:#798399;font-size:9px}.progress-toast strong{color:#564bd2;font-size:12px}.pulse{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}.modal-backdrop{position:fixed;inset:0;z-index:70;display:flex;justify-content:center;padding-top:14vh;background:#17203942;backdrop-filter:blur(3px)}.command-palette{width:min(700px,calc(100vw - 32px));overflow:hidden;border:1px solid #d8d6f6;border-radius:13px;background:#fff;box-shadow:0 22px 70px #13194238}.command-palette>div:first-child{display:flex;align-items:center;gap:10px;padding:14px;color:#5c53cf;border-bottom:1px solid #ebedf4}.command-palette input{flex:1;border:0;outline:0;color:#303a51;font-size:13px}.command-hints{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;color:#727c8f;font-size:11px}.command-hints span{padding:10px;border-radius:7px;background:#f7f8fd}.command-hints code{color:#4f47bf}.search-dropdown{position:fixed;z-index:30;top:55px;left:50%;width:min(610px,65vw);transform:translate(-50%);overflow:hidden;border:1px solid #dfe2ee;border-radius:0 0 10px 10px;background:#fff;box-shadow:0 12px 28px #1e26381c}.search-rows{max-height:420px;overflow:auto}.search-rows>button{width:100%;display:grid;grid-template-columns:85px 1fr minmax(120px,220px) auto;align-items:center;gap:9px;padding:10px 14px;color:#526077;border:0;border-bottom:1px solid #eef0f5;background:#fff;text-align:left}.search-rows>button:hover{background:#f7f7ff}.search-rows b,.search-rows small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-rows b{color:#353f56;font-size:11px}.search-rows small,.search-rows code{margin-top:2px;color:#7b8598;font-size:9px}.search-rows code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1280px){.workspace{grid-template-columns:62px minmax(0,1fr) 260px}.sidebar{align-items:center}.container-chip{width:38px;padding:10px}.container-chip span,.nav-button span,.sidebar-note span{display:none}.nav-button{width:39px;justify-content:center;padding:0}.nav-button b{position:absolute;margin:-22px 0 0 28px}.sidebar-note{margin-left:0;margin-right:0}.header-actions .privacy-pill{display:none}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.workspace{display:block}.sidebar{position:fixed;z-index:40;top:64px;bottom:0;left:0;width:240px;align-items:stretch;transform:translate(-105%);transition:transform .2s;box-shadow:10px 0 25px #1820331e}.sidebar.mobile-open{transform:translate(0)}.container-chip{width:auto}.container-chip span,.nav-button span,.sidebar-note span{display:inline}.nav-button{width:100%;justify-content:flex-start;padding:0 11px}.nav-button b{position:static;margin-left:auto}.inspector{display:none}.hamburger{display:inline-flex}.compact{min-width:145px}.header-actions{min-width:0}.header-actions .ghost-button{display:none}.content{padding:24px}.dashboard-grid,.split-panels,.route-layout{grid-template-columns:1fr}.route-list{max-height:260px}.metric-grid{grid-template-columns:repeat(3,1fr)}.search-dropdown{width:calc(100vw - 170px)}.global-search{max-width:none}}@media(max-width:600px){.welcome{padding:16px}.landing-header{height:45px}.landing-header .privacy-pill{font-size:8px}.hero{margin-top:8vh}.hero>p{font-size:13px}.drop-zone{min-height:220px;margin-top:29px}.app-header{padding:0 12px}.compact{min-width:unset}.compact>span{display:none}.global-search{margin-left:-8px}.global-search kbd{display:none}.global-search input{font-size:10px}.header-actions .primary-button{padding:8px;font-size:0}.header-actions .primary-button svg{margin:0}.content{padding:19px 14px 35px}.page-title{min-height:unset;margin-bottom:16px}.page-title h2{font-size:22px}.page-title p{font-size:10px;line-height:1.5}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:91px}.flow-summary{gap:5px}.flow-summary>svg{display:none}.flow-node{min-width:auto}.flow-node small{max-width:58px}.panel{padding:14px}.table-scroll{margin:0 -14px -14px}.issue{grid-template-columns:62px 1fr auto}.issue code{display:none}.compare-head{gap:10px}.compare-head>svg{width:16px}.compare-head .ghost-button{padding:6px;font-size:0}.builder,.command-hints{grid-template-columns:1fr}.search-rows>button{grid-template-columns:74px 1fr auto}.search-rows code{display:none}.statusbar{overflow:hidden;gap:10px;white-space:nowrap}.statusbar span:nth-child(n+4){display:none}}.score-ring{position:relative}html,body,#root{min-height:100%}.app-shell.has-workspace{height:100dvh;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr) 26px;overflow:hidden}.has-workspace .app-header{grid-row:1;width:100%}.has-workspace .workspace{grid-row:2;min-height:0;height:100%;overflow:hidden}.has-workspace .content{min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.has-workspace .sidebar,.has-workspace .inspector{min-height:0;overflow-y:auto;overscroll-behavior:contain}.has-workspace .statusbar{grid-row:3;min-width:0}.has-welcome{min-height:100dvh;overflow-x:hidden}.has-welcome .welcome{min-height:100dvh}@media(max-width:1280px){.has-workspace .workspace{grid-template-columns:64px minmax(0,1fr) 245px}.has-workspace .content{padding:24px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.app-shell.has-workspace{display:flex;flex-direction:column;height:100dvh}.has-workspace .app-header{flex:0 0 64px}.has-workspace .workspace{position:relative;flex:1 1 auto;min-height:0;display:block;overflow-y:auto}.has-workspace .content{height:auto;min-height:100%;overflow:visible;padding:22px 20px 32px}.has-workspace .inspector{display:none}.has-workspace .sidebar{position:fixed;top:64px;bottom:26px;max-height:none;overflow-y:auto}.has-workspace .statusbar{flex:0 0 26px}.route-layout{grid-template-columns:minmax(0,1fr)}.route-list{max-height:260px}.table-scroll{-webkit-overflow-scrolling:touch}}@media(max-width:600px){.has-welcome .welcome{padding:16px 14px 32px}.has-welcome .landing-header{height:42px}.has-welcome .brand{font-size:15px}.has-welcome .brand-mark{width:30px;height:30px}.has-welcome .privacy-pill{padding:6px 8px;font-size:8px}.has-welcome .hero{margin-top:46px}.has-welcome h1{margin-top:16px;font-size:clamp(31px,10vw,43px);letter-spacing:-2px}.has-welcome .hero>p{font-size:13px;line-height:1.65}.has-welcome .drop-zone{min-height:230px;margin-top:28px;padding:33px 18px}.has-welcome .trust-row{gap:10px 15px}.has-workspace .content{padding:18px 14px 27px}.has-workspace .page-title{flex-direction:column;gap:10px}.has-workspace .page-title>.primary-button{width:100%}.has-workspace .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.has-workspace .metric-card{min-height:86px;padding:12px}.has-workspace .dashboard-grid,.has-workspace .split-panels,.has-workspace .builder{grid-template-columns:minmax(0,1fr);gap:12px}.has-workspace .flow-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.has-workspace .flow-summary>svg{display:none}.has-workspace .flow-node{min-width:0}.has-workspace .panel{padding:14px}.has-workspace .table-scroll{margin:0 -14px -14px}.has-workspace .compare-head{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.has-workspace .compare-head .ghost-button{grid-column:1 / -1;justify-self:start}.has-workspace .route-node b{max-width:calc(100vw - 105px)}}.app-shell.has-welcome{height:100dvh;min-height:0;overflow:hidden}.has-welcome .welcome{height:100%;min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden}.has-welcome .landing-header{width:100%}.has-welcome .hero{width:min(920px,100%);height:100%;min-height:0;margin:0 auto;padding:10px 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.has-welcome h1{margin:14px 0 12px;font-size:clamp(34px,3.5vw,56px);line-height:1.08}.has-welcome .hero>p{line-height:1.55}.has-welcome .drop-zone{min-height:clamp(190px,27vh,245px);margin:24px auto 15px}@media(max-height:800px)and (min-width:601px){.has-welcome .welcome{padding-top:16px;padding-bottom:16px}.has-welcome .hero{padding-top:4px}.has-welcome h1{margin:10px 0 8px;font-size:clamp(32px,3.2vw,48px)}.has-welcome .drop-zone{min-height:180px;margin:16px auto 10px;padding:25px 18px}}@media(max-width:600px){.app-shell.has-welcome{height:100dvh}.has-welcome .welcome{height:100%;grid-template-rows:42px minmax(0,1fr);overflow-y:auto;overscroll-behavior:contain}.has-welcome .hero{height:auto;min-height:100%;justify-content:center;padding:18px 0 22px}.has-welcome h1{margin:15px 0 10px;font-size:clamp(30px,9.2vw,43px)}.has-welcome .drop-zone{min-height:205px;margin:24px auto 15px}}@media(max-width:600px)and (max-height:700px){.has-welcome .hero{justify-content:flex-start}.has-welcome .hero>p{font-size:12px}.has-welcome .drop-zone{min-height:180px;margin:17px auto 12px;padding:25px 15px}.has-welcome .trust-row{font-size:9px}}.has-workspace .workspace{width:100%;max-width:none;margin:0;grid-template-columns:232px minmax(0,1fr) 292px;transition:grid-template-columns .2s ease}.has-workspace .workspace.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr) 292px}.has-workspace .workspace.inspector-collapsed{grid-template-columns:232px minmax(0,1fr) 46px}.has-workspace .workspace.sidebar-collapsed.inspector-collapsed{grid-template-columns:64px minmax(0,1fr) 46px}.has-workspace .app-header{justify-content:flex-start}.has-workspace .global-search{width:auto;max-width:none;margin:0 22px}.has-workspace .header-actions{margin-left:auto}.desktop-pane-controls{display:flex;align-items:center;gap:2px;padding-left:9px;border-left:1px solid #e4e7ef}.pane-toggle{display:inline-grid;width:28px;height:28px;place-items:center;padding:0;color:#5b6680;border:0;border-radius:7px;background:transparent}.pane-toggle:hover{color:#4338c5;background:#ecebff}.sidebar-top{display:flex;align-items:flex-start;gap:3px}.sidebar-top .container-chip{flex:1;min-width:0}.sidebar-pane-toggle{flex:0 0 auto;margin:4px 2px 0 0}.inspector-heading>div{display:flex;align-items:center;gap:2px}.workspace.sidebar-collapsed .sidebar{align-items:center;padding-left:11px;padding-right:11px}.workspace.sidebar-collapsed .sidebar-top{width:100%;display:block}.workspace.sidebar-collapsed .container-chip{width:38px;margin:0 auto 15px;padding:10px}.workspace.sidebar-collapsed .container-chip span,.workspace.sidebar-collapsed .nav-button span,.workspace.sidebar-collapsed .sidebar-note span,.workspace.sidebar-collapsed .sidebar-pane-toggle{display:none}.workspace.sidebar-collapsed .nav-button{width:39px;justify-content:center;padding:0}.workspace.sidebar-collapsed .nav-button b{position:absolute;margin:-22px 0 0 28px}.workspace.sidebar-collapsed .sidebar-note{margin-left:0;margin-right:0}.workspace.inspector-collapsed .inspector{overflow:hidden;padding:12px 8px}.workspace.inspector-collapsed .inspector-heading{justify-content:center}.workspace.inspector-collapsed .inspector-heading>span{display:none}.route-node:not(.source){grid-template-columns:minmax(0,1fr)}.route-node:not(.source) span{grid-column:1;grid-row:1}.route-node:not(.source) b{grid-column:1;grid-row:2;min-width:0}.route-row>span,.graph-panel .panel-heading>div{min-width:0}.graph-panel .panel-heading h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.storage-summary>div{padding:14px 16px;border:1px solid #e2e6ef;border-radius:10px;background:#ffffffd9}.storage-summary span,.storage-summary b{display:block}.storage-summary span{color:#7c8599;font-size:10px;font-weight:700}.storage-summary b{margin-top:5px;color:#303a52;font-size:18px}.container-manager{margin-bottom:15px}.container-filter{width:220px;height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#7c8599;border:1px solid #dfe3ed;border-radius:7px;background:#fafbff}.container-filter input{width:100%;min-width:0;border:0;outline:0;color:#354057;background:transparent;font-size:11px}.active-marker,.type-chip{display:inline-block;margin-left:7px;padding:2px 5px;border-radius:4px;color:#5146c9;background:#edebff;font-size:8px;font-weight:800;text-transform:uppercase}.type-chip{margin-left:0;color:#5c6680;background:#eff1f6}.file-size{display:block;margin-top:3px;color:#8a93a5;font-size:9px}.search-toggle{display:inline-flex;align-items:center;gap:5px;color:#59647a;font-size:10px;font-weight:700;white-space:nowrap}.search-toggle input{accent-color:#5144d9}.container-actions{display:flex;align-items:center;gap:3px}.container-actions .ghost-button,.danger-button{padding:5px 6px;font-size:9px}.danger-button{color:#b13e38;border:0;border-radius:6px;background:#fff0ef;font-weight:800}.danger-button:hover{background:#ffdfdc}.container-page-actions{display:flex;align-items:center;gap:8px}.clear-all-button{color:#9d3b37;background:#fff2f1}.manage-button{padding:6px 10px;color:#4539ca;background:#eeedff;font-size:10px}.container-action-dialog{width:min(460px,calc(100vw - 32px));padding:21px;border:1px solid #d9d7f8;border-radius:13px;background:#fff;box-shadow:0 24px 68px #151c373d}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.dialog-heading h3{max-width:345px;margin:5px 0 4px;overflow-wrap:anywhere;color:#2f3951;font-size:17px}.dialog-heading p{margin:0;color:#7a8498;font-size:11px}.container-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.container-action-grid button{min-height:39px;justify-content:flex-start;padding:9px 10px;font-size:11px}.container-action-grid .danger-button{grid-column:1 / -1;justify-content:center}@media(max-width:700px){.storage-summary{grid-template-columns:1fr;gap:8px}.storage-summary>div{display:flex;align-items:center;justify-content:space-between}.storage-summary b{margin:0}.container-manager .panel-heading{align-items:stretch;flex-direction:column}.container-filter,.container-page-actions{width:100%}.container-page-actions>button{flex:1}.container-action-grid{grid-template-columns:1fr}}@media(max-width:1280px){.has-workspace .workspace{grid-template-columns:64px minmax(0,1fr) 245px}.has-workspace .workspace.inspector-collapsed{grid-template-columns:64px minmax(0,1fr) 46px}}@media(max-width:900px){.desktop-pane-controls{display:none}.has-workspace .global-search{margin-left:8px;margin-right:12px}.workspace.sidebar-collapsed .sidebar{align-items:stretch;padding:19px 12px}.workspace.sidebar-collapsed .sidebar-top{display:flex}.workspace.sidebar-collapsed .container-chip{width:auto;margin:0 5px 16px;padding:10px}.workspace.sidebar-collapsed .container-chip span,.workspace.sidebar-collapsed .nav-button span,.workspace.sidebar-collapsed .sidebar-note span,.workspace.sidebar-collapsed .sidebar-pane-toggle{display:inline}.workspace.sidebar-collapsed .sidebar-pane-toggle{display:inline-grid}.workspace.sidebar-collapsed .nav-button{width:100%;justify-content:flex-start;padding:0 11px}.workspace.sidebar-collapsed .nav-button b{position:static;margin-left:auto}}.help-page{max-width:1280px}.help-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 27px;border:1px solid #dedbf9;border-radius:14px;background:linear-gradient(115deg,#fff,#f2f1ff);box-shadow:0 9px 22px #3b35720b}.help-hero h3,.help-section h2{margin:5px 0 7px;color:#26324a}.help-hero h3{font-size:21px}.help-hero p,.problem-card p,.guide-card p,.faq-list p{margin:0;color:#68758e;font-size:12px;line-height:1.65}.help-hero>div:first-child{max-width:700px}.help-hero-actions{display:flex;flex:0 0 auto;gap:8px}.help-hero-actions button{white-space:nowrap}.help-section{margin-top:28px}.help-section-heading{margin-bottom:13px}.help-section h2{font-size:19px}.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.problem-card,.guide-card{border:1px solid #e1e5ef;border-radius:11px;background:#fff;box-shadow:0 7px 18px #18223a08}.problem-card{position:relative;min-height:146px;padding:18px 18px 16px}.problem-card>span{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#5548d3;background:#efeeff;font-size:10px;font-weight:800}.problem-card h3{margin:12px 0 6px;color:#354057;font-size:13px}.guide-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px}.guide-card{padding:21px}.guide-card h2{margin-top:5px}.guide-steps{display:grid;gap:13px;margin:17px 0 0;padding:0;list-style:none;counter-reset:guide-step}.guide-steps li{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:10px}.guide-steps li:before{content:counter(guide-step);counter-increment:guide-step;display:grid;grid-row:span 2;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:#5749d5;font-size:10px;font-weight:800}.guide-steps b{color:#364157;font-size:12px}.guide-steps span{margin-top:2px;color:#707b90;font-size:11px;line-height:1.45}.search-examples{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.search-examples code{padding:5px 7px;border:1px solid #e2e1f8;border-radius:5px;color:#5548c5;background:#f7f6ff;font-size:10px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:0;color:#4b40cc;border:0;background:none;font-size:11px;font-weight:800}.feature-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.feature-links button{display:flex;align-items:center;min-width:0;gap:9px;padding:11px;color:#5a50cc;border:1px solid #e1e4ef;border-radius:9px;background:#fff;text-align:left}.feature-links button:hover{border-color:#cfcaf8;background:#f8f7ff}.feature-links span{min-width:0;flex:1}.feature-links b,.feature-links small{display:block;overflow:hidden;color:#364057;text-overflow:ellipsis;white-space:nowrap}.feature-links b{font-size:11px}.feature-links small{margin-top:2px;color:#828b9c;font-size:9px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid #e1e5ed;border-radius:9px;background:#fff}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;color:#364057;cursor:pointer;font-size:12px;font-weight:750;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#7066d4;transition:transform .18s ease}.faq-list details[open] summary svg{transform:rotate(90deg)}.faq-list p{padding:0 15px 14px}.ownership-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:21px 23px;border:1px solid #d9d6f6;border-radius:12px;background:linear-gradient(120deg,#f8f7ff,#fff)}.ownership-notice h2{margin-top:5px}.ownership-notice p{max-width:800px;margin:7px 0 0;color:#69748a;font-size:11px;line-height:1.65}.ownership-notice p b{color:#3d4660}.ownership-links{display:grid;gap:8px;min-width:174px}.ownership-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;color:#4c41c7;border:1px solid #d8d5f5;border-radius:7px;background:#fff;font-size:10px;font-weight:800;text-decoration:none}.ownership-links a:hover{border-color:#aaa3ee;background:#f5f4ff}@media(max-width:980px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.help-hero{align-items:flex-start;flex-direction:column;padding:20px}.help-hero-actions{width:100%}.help-hero-actions button{flex:1}.guide-layout{grid-template-columns:1fr}.feature-links{grid-template-columns:repeat(2,minmax(0,1fr))}.ownership-notice{grid-template-columns:1fr;gap:17px}.ownership-links{grid-template-columns:1fr 1fr;min-width:0}}@media(max-width:460px){.problem-grid,.feature-links{grid-template-columns:1fr}.help-hero-actions{align-items:stretch;flex-direction:column}.ownership-links{grid-template-columns:1fr}}.primary-button:disabled{cursor:wait;opacity:1}.excel-export-button.is-exporting{min-width:112px;background:#382bc4;box-shadow:0 5px 12px #5144df45}.export-spinner{animation:export-spin .8s linear infinite}@keyframes export-spin{to{transform:rotate(360deg)}}