@charset "UTF-8";
:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-alt:#f8f9fc;--ink:#20263b;--muted:#737b91;--faint:#9299ac;--line:#e9ecf4;--accent:#5862de;--accent-soft:#eeefff;--green:#26866a;--green-soft:#eaf7f1;--shadow:0 4px 20px #25345404;--canvas-line:#cad0e8;--canvas-dot:#dfe3ef;--canvas-flow:#7882ee;--sidebar:#fff}
:root[data-theme="dark"]{color-scheme:dark;--bg:#12151e;--surface:#1b2030;--surface-alt:#23293b;--ink:#edf0fa;--muted:#a3adc5;--faint:#8491ac;--line:#2c344c;--accent:#a1a7ff;--accent-soft:#2a315a;--green:#79d9b7;--green-soft:#203e37;--shadow:0 4px 20px #0001;--canvas-line:#414b6e;--canvas-dot:#323c57;--canvas-flow:#b5bbff;--sidebar:#191d2b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:default}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent)}button{border:0}a{text-decoration:none;color:var(--accent)}button svg,a svg{pointer-events:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:12px;left:50%;z-index:100;transform:translate(-50%,-160%);padding:12px 18px;background:var(--accent);color:var(--surface);border-radius:8px}.skip-link:focus{transform:translate(-50%,0)}
.studio-sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--sidebar);border-right:1px solid var(--line);padding:29px 19px 20px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.studio-brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.7px;margin:0 9px 34px;line-height:1.2}.brand-symbol{width:39px;height:39px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #5862de24}.brand-symbol svg{width:25px;height:25px}.brand-small{font-size:9px;letter-spacing:3.6px;display:block;font-weight:600;color:var(--muted);margin-top:5px}.workspace-switch{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;margin:0 0 30px}.workspace-avatar{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--accent)}.workspace-switch strong{display:block;font-size:12px;font-weight:650}.workspace-switch div>span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.workspace-caret{margin-left:auto;color:var(--muted)}.nav-caption{font-size:11px;font-weight:600;color:var(--faint);margin:0 12px 12px;letter-spacing:.5px}.side-item{display:flex;width:100%;align-items:center;gap:12px;padding:12px 14px;border-radius:7px;background:transparent;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:5px;text-align:left;transition:background .15s,color .15s}.side-item svg{width:18px;height:18px}.side-item:hover{background:var(--surface-alt);color:var(--ink)}.side-item.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-indicator{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-label{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-right:12px}.sidebar-label .nav-caption{margin-bottom:0}.tiny-pill{font-size:10px;color:var(--muted);background:var(--surface-alt);border:1px solid var(--line);padding:0 6px;border-radius:4px}.service-shortcuts{margin-top:12px}.service-shortcut{width:100%;display:flex;align-items:center;gap:10px;background:none;padding:10px 14px;color:var(--muted);border-radius:7px;font-size:12px;text-align:left}.service-shortcut:before{content:"";width:6px;height:6px;border:1.5px solid var(--faint);border-radius:50%;flex-shrink:0}.service-shortcut.active:before{background:var(--accent);border-color:var(--accent)}.service-shortcut.active{color:var(--ink);background:var(--surface-alt)}.sidebar-bottom{margin-top:auto;padding-top:36px}.preview-note{padding:15px 14px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-alt));border:1px solid var(--line);border-radius:10px;position:relative}.preview-note strong{font-size:12px}.preview-note p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 14px}.preview-note>span:last-child{font-size:8px;letter-spacing:1.1px;color:var(--accent)}.preview-icon{float:right;font-size:22px;color:var(--accent);line-height:1}.back-console{display:block;margin:19px 13px 0;font-size:11px;color:var(--muted)}
.studio-main{margin-left:236px;min-width:0}.studio-topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:var(--surface)}.breadcrumbs,.topbar-actions{display:flex;align-items:center;gap:16px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs strong{font-size:12px;color:var(--ink);font-weight:550}.breadcrumb-divider{color:var(--faint)}.preview-tag{border:1px solid var(--line);border-radius:4px;font-size:10px;padding:2px 7px;color:var(--muted)}.data-source{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.data-source i{height:6px;width:6px;border-radius:50%;background:#d79c45}.data-source.live i{background:var(--green)}.user-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:600}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:18px;line-height:1;flex-shrink:0}.icon-button:hover{background:var(--surface-alt);color:var(--accent);border-color:var(--line)}.icon-button svg{width:16px;height:16px}.menu-toggle{display:none}.studio-main main{max-width:1510px;margin:auto;padding:34px 38px 0;outline:none}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 7px}h1{font-size:30px;font-weight:700;letter-spacing:-1px;margin:0 0 7px;line-height:1.35}.heading-dot{color:var(--accent);margin-left:2px}.intro-copy{font-size:13px;color:var(--muted);margin:0}.intro-actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;min-height:39px;padding:9px 14px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:background .15s,box-shadow .15s}.button svg{width:15px;height:15px}.button-primary{background:#5862de;color:#fff;box-shadow:0 4px 9px #5862de20}.button-primary:hover{background:#4a54ce;box-shadow:0 5px 13px #5862de33}.button-quiet{border-color:var(--line);background:var(--surface);color:var(--muted)}.button-quiet:hover{background:var(--surface-alt);color:var(--ink)}.context-bar{display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);margin-bottom:23px;min-width:0}.service-picker{display:flex;align-items:center;gap:12px;min-width:0}.service-picker label{font-size:9px;font-weight:650;letter-spacing:1px;color:var(--faint)}.service-picker select{background:transparent;border:0;color:var(--ink);font-size:12px;font-weight:600;max-width:250px;min-width:0;padding-right:16px}.context-divider{height:18px;width:1px;background:var(--line)}.context-domain{font:11px/1.5 Consolas,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-only{font-size:10px;color:var(--muted);background:var(--surface-alt);border:1px solid var(--line);padding:2px 7px;border-radius:4px;white-space:nowrap}.sync-time{margin-left:auto;color:var(--faint);font-size:10px;white-space:nowrap}.notice{font-size:12px;line-height:1.8;background:#fff6e6;color:#8c641c;padding:12px 16px;border:1px solid #eeddbc;border-radius:8px;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:19px 20px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;transition:transform .18s,border-color .18s}.metric-card:hover{transform:translateY(-2px);border-color:var(--accent)}.metric-label{font-size:11px;color:var(--muted);font-weight:550}.metric-icon{grid-column:2;grid-row:1/3;align-self:center;width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--accent);background:var(--accent-soft)}.metric-icon svg{width:18px;height:18px}.metric-number{font-size:28px;font-weight:650;line-height:1.1;letter-spacing:-.7px}.metric-caption{font-size:10px;color:var(--faint);grid-column:1/-1}.metric-card:nth-child(2) .metric-icon{color:#c48a33;background:#fff5e4;border-color:#fff0d9}.metric-card:nth-child(3) .metric-icon{color:#4787b4;background:#edf5fc;border-color:#e5eff7}.metric-card:nth-child(4) .metric-icon{color:#409a80;background:#eef8f3;border-color:#e0f2e9}
.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;margin-bottom:23px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-width:0}.panel-header{padding:22px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-eyebrow{display:block;color:var(--faint);font-size:8px;letter-spacing:1.6px;font-weight:650;margin:0 0 5px}h2{font-size:16px;line-height:1.5;font-weight:650;letter-spacing:-.3px;margin:0}.canvas-badge{font-size:7px;letter-spacing:.8px;color:var(--faint);display:flex;align-items:center;gap:6px;white-space:nowrap}.canvas-badge>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.topology-panel{overflow:hidden;display:flex;flex-direction:column}.graph-scroll{overflow:auto;flex:1;scrollbar-width:thin}.graph-stage{height:289px;min-width:580px;position:relative;margin-top:5px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,var(--accent-soft),transparent 67%)}#topologyCanvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab}#topologyCanvas:active{cursor:grabbing}.graph-nodes{position:absolute;inset:0;pointer-events:none}.graph-node{position:absolute;transform:translate(-50%,-50%);width:146px;min-height:63px;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 6px 18px #25345409;pointer-events:auto;text-align:left;transition:border-color .15s,box-shadow .15s}.graph-node:hover,.graph-node.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 6px 18px #2534540a}.graph-node.build-node{background:#5862de;color:white;border-color:#6670e5;box-shadow:0 9px 24px #5862de2b;width:158px}.graph-node svg{width:20px;height:20px;color:var(--accent)}.graph-node.build-node svg{color:#d7daff}.graph-node .node-title{display:block;font-size:11px;font-weight:650;line-height:1.35}.graph-node .node-subtitle{display:block;font-size:9px;color:var(--faint);margin-top:5px;font-weight:400}.graph-node.build-node .node-subtitle{color:#d1d5ff}.graph-node.environment-node svg{color:var(--green)}.graph-node.environment-node:after{content:"";position:absolute;right:10px;top:12px;width:4px;height:4px;border-radius:50%;background:var(--green)}.graph-footer{padding:13px 17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:55px}.graph-footer>span{font-size:9px;color:var(--muted)}.legend-dot{width:5px;height:5px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:6px}.graph-controls{display:flex;align-items:center;gap:2px}.graph-controls .icon-button{height:26px;min-width:26px;font-size:14px}.graph-controls>span{font:9px Consolas,monospace;color:var(--faint);width:32px;text-align:center}.reset-view{margin-left:4px}.environment-panel{padding:0 22px 19px;display:flex;flex-direction:column}.environment-panel .panel-header{padding:22px 0 0}.environment-mark{width:28px;height:28px;color:var(--faint);stroke-width:1.2}.environment-select{background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;padding:9px 11px;font-size:12px;font-weight:600;color:var(--ink);margin:19px 0 12px;width:100%}.environment-status{font-size:10px;min-height:21px}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.4;border-radius:5px;padding:4px 8px;font-weight:500;background:var(--surface-alt);color:var(--muted);white-space:nowrap}.status-chip.good{background:var(--green-soft);color:var(--green)}.status-chip.good:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-chip.warn{background:#fff4df;color:#a16d1b}.status-chip.bad{background:#ffeded;color:#bc5353}.domain-box{margin:15px 0 13px;padding-bottom:15px;border-bottom:1px solid var(--line)}.domain-box>span{font-size:10px;color:var(--faint)}.domain-box>div{display:flex;align-items:center;gap:4px;margin-top:5px}.domain-box code{font-size:10px;overflow-wrap:anywhere;color:var(--ink);line-height:1.8;flex:1}.domain-box .icon-button{min-width:25px;height:27px}.domain-box svg{width:13px;height:13px}.environment-facts{margin:0 0 17px;font-size:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.environment-facts dt{color:var(--muted)}.environment-facts dd{margin:0;text-align:right;color:var(--ink);overflow-wrap:anywhere}.environment-detail{margin-top:auto;border-color:var(--line);background:var(--surface);color:var(--muted);font-size:11px;min-height:34px}.environment-detail svg{margin-left:auto}.environment-detail:hover{color:var(--accent);background:var(--surface-alt)}
.resource-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 23px 18px}.subtle-label{font-size:10px;color:var(--faint);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:0 23px}.resource-tabs{display:flex;align-items:stretch;gap:24px;min-width:0}.resource-tab{position:relative;display:flex;align-items:center;gap:7px;background:transparent;font-size:11px;padding:13px 0;color:var(--muted);white-space:nowrap}.resource-tab[aria-selected="true"]{color:var(--accent);font-weight:650}.resource-tab[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.tab-count{font:9px Consolas,monospace;background:var(--surface-alt);border:1px solid var(--line);border-radius:4px;padding:0 5px;color:var(--muted)}.resource-filters{display:flex;align-items:center;gap:9px;min-width:0}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface-alt);padding:6px 9px;border-radius:6px;width:177px;min-width:0}.search-field svg{width:13px;height:13px;color:var(--faint)}.search-field input{border:0;background:transparent;width:100%;font-size:10px;color:var(--ink);min-width:0;outline-offset:2px}.search-field kbd{border:1px solid var(--line);padding:0 4px;border-radius:3px;font:9px Consolas,monospace;color:var(--faint)}.resource-filters select{font-size:10px;border:0;background:transparent;color:var(--muted);max-width:90px}.table-scroll{overflow:auto}.resource-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}.resource-table thead{background:var(--surface-alt)}.resource-table th{font-weight:500;color:var(--faint);font-size:10px;padding:11px 23px}.resource-table td{border-top:1px solid var(--line);padding:15px 23px;color:var(--muted)}.resource-table tbody tr:hover{background:var(--surface-alt)}.resource-table td:first-child{color:var(--ink)}.resource-name{display:flex;align-items:center;gap:11px}.resource-file-icon{width:31px;height:33px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:7px;flex-shrink:0}.resource-file-icon svg{width:16px;height:16px}.resource-name strong{font-size:11px;font-weight:550;display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}.resource-name small{display:block;font:9px Consolas,monospace;color:var(--faint);margin-top:3px}.resource-table .row-link{font-size:11px;background:transparent;padding:5px 0;color:var(--accent);white-space:nowrap}.resource-table .row-link:hover{text-decoration:underline}.resource-table code{font:10px Consolas,monospace;color:var(--muted)}.list-footer{padding:12px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--faint);font-size:10px;min-height:54px}.list-footer>div{display:flex;gap:10px;align-items:center}.small-button{font-size:10px;min-height:28px;padding:4px 9px}.empty-state{text-align:center;padding:50px 20px;color:var(--muted);font-size:12px}.empty-state strong{display:block;color:var(--ink);font-size:15px;font-weight:600;margin-bottom:8px}.empty-state .button{margin-top:12px}.studio-footer{padding:21px 2px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--faint);font-size:9px}.footer-dot{width:4px;height:4px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px}
.detail-dialog{width:min(820px,calc(100vw - 32px));max-height:88dvh;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0;border-radius:14px;box-shadow:0 25px 100px #10203533}.detail-dialog::backdrop{background:#151c384d;backdrop-filter:blur(5px)}.detail-dialog[open]{display:flex;flex-direction:column}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line)}.dialog-top h2{font-size:19px;overflow-wrap:anywhere}.dialog-top .icon-button{font-size:24px}.dialog-body{padding:23px 26px;overflow:auto;min-height:120px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 26px;border-top:1px solid var(--line);font-size:10px;color:var(--faint)}.dialog-footer .button{min-height:31px;font-size:10px;padding:6px 10px}.detail-facts{display:grid;grid-template-columns:130px minmax(0,1fr);font-size:12px;gap:0;margin:0}.detail-facts dt,.detail-facts dd{padding:11px 0;border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere}.detail-facts dt{color:var(--muted)}.detail-facts dd{color:var(--ink)}.detail-facts code{font:11px/1.7 Consolas,monospace}.detail-facts .copy-field{display:flex;gap:6px;align-items:center;justify-content:space-between}.detail-section{margin-top:25px}.detail-section h3{font-size:14px;margin:0 0 13px}.detail-section p{font-size:12px;color:var(--muted);line-height:1.8}.version-card{border:1px solid var(--line);padding:14px 16px;border-radius:8px;margin-top:10px;display:flex;gap:12px;justify-content:space-between;align-items:center}.version-card strong{font:12px Consolas,monospace;overflow-wrap:anywhere}.version-card small{display:block;font-size:10px;margin:6px 0;color:var(--faint);overflow-wrap:anywhere}.version-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.code-preview{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;padding:18px;color:var(--ink);font:12px/1.8 Consolas,monospace;white-space:pre;overflow:auto;max-height:420px;tab-size:2}.detail-note{background:var(--accent-soft);padding:12px 15px;border-radius:7px;font-size:11px;line-height:1.8;color:var(--muted)}.detail-error{color:#ae5641!important;background:#fff2e8;padding:12px;border-radius:7px;font-size:12px;line-height:1.8}.raw-data{margin-top:15px;font-size:11px;color:var(--muted)}.raw-data summary{cursor:pointer}.raw-data pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 Consolas,monospace;background:var(--surface-alt);padding:15px;border-radius:7px}.secret-line{display:flex;gap:12px;align-items:center}.secret-line span{overflow-wrap:anywhere;min-width:0;flex:1}.secret-line button{flex-shrink:0}.studio-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 19px;max-width:85vw;border-radius:9px;background:var(--ink);color:var(--surface);box-shadow:0 8px 30px #15203520;font-size:12px;z-index:100}.clipboard-input{position:fixed;top:0;left:-10000px}.loading-row{padding:42px 23px;color:var(--muted);font-size:12px}.loading-row:before{content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin-right:10px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1650px){.studio-main main{padding-top:40px}.graph-stage{height:330px}.overview-grid{grid-template-columns:minmax(0,1fr) 315px}.metric-card{padding:22px 24px}.metric-number{font-size:31px}.resource-table td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1250px){.studio-sidebar{width:210px;padding-left:13px;padding-right:13px}.studio-main{margin-left:210px}.studio-main main{padding:28px 25px 0}.studio-topbar{padding:0 25px}.overview-grid{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.environment-panel{padding-left:17px;padding-right:17px}.canvas-badge{display:none}.resource-toolbar{flex-wrap:wrap;gap:0}.resource-filters{padding-bottom:12px;width:100%}.search-field{flex:1;width:auto;max-width:300px}.resource-tabs{width:100%;gap:26px}.resource-table td,.resource-table th{padding-left:18px;padding-right:18px}.metric-grid{gap:12px}.metric-card{padding:17px 16px}.metric-icon{width:32px;height:32px}.context-domain{max-width:170px}.context-bar{gap:10px}}
@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}.environment-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:17px 22px}.environment-panel .panel-header{padding:0}.environment-select{margin:0;grid-column:2;grid-row:1}.environment-status{margin-top:10px;grid-row:2}.domain-box{grid-column:1;grid-row:3/5;margin:7px 0 0;border-bottom:0;padding:0}.environment-facts{grid-column:2;grid-row:2/4;margin-top:14px}.environment-detail{grid-column:2;margin-top:3px}.graph-stage{min-width:580px;height:285px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-domain{display:none}.context-divider{display:none}.metric-card{padding:17px 20px}.studio-footer{align-items:flex-start}.studio-footer>span:last-child{max-width:220px;text-align:right}}
@media(max-width:720px){.studio-sidebar{width:236px;transform:translateX(-100%);transition:transform .2s}.studio-sidebar.open{transform:translateX(0)}.sidebar-shade{position:fixed;inset:0;background:#151c3855;z-index:29;border:0}.studio-main{margin-left:0}.studio-topbar{height:63px;padding:0 17px}.menu-toggle{display:inline-flex;margin-right:-4px}.breadcrumbs,.topbar-actions{gap:10px}.breadcrumbs>span:first-of-type,.breadcrumb-divider,.preview-tag{display:none}.breadcrumbs strong{font-size:11px}.data-source{font-size:10px}.user-avatar{width:27px;height:27px}.studio-main main{padding:25px 17px 0}.page-intro{align-items:flex-start;gap:14px;margin-bottom:22px}.eyebrow{font-size:8px}h1{font-size:27px}.intro-copy{font-size:11px;max-width:230px}.intro-actions{flex-direction:column-reverse;align-items:stretch;gap:7px;padding-top:7px}.intro-actions .button{font-size:10px;padding:7px 10px;min-height:32px}.intro-actions svg{width:12px;height:12px}.intro-actions #refreshData{min-height:27px;padding:4px}.context-bar{padding:12px;flex-wrap:wrap;gap:9px;margin-bottom:16px}.service-picker{flex:1}.service-picker label{font-size:8px}.service-picker select{font-size:11px;max-width:200px}.sync-time{flex-basis:100%;margin-left:0;font-size:9px}.view-only{font-size:9px}.metric-grid{gap:10px;margin-bottom:16px}.metric-card{padding:15px}.metric-label{font-size:10px}.metric-number{font-size:26px}.metric-caption{font-size:9px}.metric-icon{width:31px;height:31px;border-radius:9px}.metric-icon svg{width:16px;height:16px}.panel-header{padding:19px 18px 0}.panel h2{font-size:14px}.section-eyebrow{font-size:7px}.graph-stage{height:275px;min-width:590px}.graph-footer{padding:9px 12px;flex-wrap:wrap}.graph-footer>span{font-size:9px}.graph-controls{margin-left:auto}.overview-grid{margin-bottom:16px}.environment-panel{padding:17px;gap:0 14px}.environment-select{font-size:11px;padding:8px}.environment-facts{font-size:10px}.environment-detail{font-size:10px;padding:7px;gap:6px}.domain-box code{font-size:9px}.resource-header{padding:19px 17px 12px}.subtle-label{max-width:110px;font-size:9px}.resource-toolbar{padding:0 17px}.resource-tabs{gap:21px;overflow-x:auto}.resource-tab{font-size:10px;gap:5px;flex-shrink:0}.tab-count{font-size:8px}.resource-filters{padding-top:9px}.resource-table td,.resource-table th{padding:13px 17px}.resource-name strong{max-width:175px}.list-footer{padding:12px 15px;font-size:9px;gap:8px}.list-footer>div{gap:7px}.small-button{font-size:9px;padding:4px 6px}.studio-footer{font-size:8px;gap:12px;line-height:1.8}.studio-footer>span:last-child{max-width:180px}.detail-dialog{width:calc(100vw - 20px);max-height:92dvh}.dialog-top,.dialog-body{padding:19px}.dialog-footer{padding:13px 19px}.dialog-footer>span{max-width:180px;font-size:9px}.detail-facts{grid-template-columns:95px minmax(0,1fr);font-size:11px}.detail-facts code{font-size:10px}.version-card{flex-wrap:wrap}.version-actions{justify-content:flex-start}.version-card strong{font-size:11px}.code-preview{font-size:11px}.topbar-actions{gap:6px}.topbar-actions .icon-button{min-width:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.plan-entry{display:block;width:100%;text-align:left;padding:12px 0 0;margin-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--accent);background:transparent}

/* 内容优先：固定资源列表 + 常驻内容区。 */
body{overflow:hidden}.studio-sidebar{width:208px;padding:23px 13px 16px}.studio-main{margin-left:208px}.studio-brand{font-size:20px;margin-bottom:26px}.workspace-switch{margin-bottom:22px}.studio-topbar{height:59px;padding:0 25px}.studio-main main{height:calc(100dvh - 59px);padding:20px 25px 0;max-width:none;display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-intro{margin-bottom:15px;flex-shrink:0}.page-intro h1{font-size:23px;letter-spacing:-.5px;margin-bottom:3px}.intro-copy{font-size:12px}.intro-actions{gap:7px}.intro-actions .button{min-height:34px;padding:7px 11px;font-size:11px}.context-bar{margin-bottom:14px;padding:11px 14px;gap:13px;flex-shrink:0}.service-picker label{font-size:11px;letter-spacing:0;color:var(--muted);white-space:nowrap}.service-picker select{font-size:13px;max-width:220px}.context-domain{margin-left:auto}.sync-time{margin-left:0;font-size:10px}.notice{margin-bottom:12px;flex-shrink:0}.overview-grid{max-height:330px;overflow:auto;flex-shrink:0;margin-bottom:14px}.graph-stage{height:220px}.environment-panel{padding-top:14px}.environment-panel .panel-header{padding-top:0}.environment-status{margin-top:15px}.content-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;border-radius:9px}.explorer-pane{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;min-width:0;background:var(--surface)}.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 15px 12px}.explorer-heading h2{font-size:14px}.explorer-heading .subtle-label{font-size:10px;max-width:150px}.explorer-search{display:flex;gap:8px;padding:0 12px 14px;border-bottom:1px solid var(--line);align-items:center}.explorer-search .search-field{width:auto;flex:1;padding:8px}.explorer-search input{font-size:12px}.explorer-search select{width:65px;min-width:0;font-size:10px;color:var(--muted);border:0;background:var(--surface)}#resourceList{flex:1;overflow:auto;min-height:0;padding:6px 0;scrollbar-width:thin}.resource-group{padding:0 6px 9px}.resource-group-label{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-6px;background:var(--surface);z-index:1;font-size:11px;color:var(--muted);font-weight:600;padding:9px 9px 7px}.resource-group-label>span:last-child{font:10px Consolas,monospace;color:var(--faint)}.resource-tree-item{display:flex;align-items:center;gap:10px;min-height:53px;width:100%;padding:10px 10px 10px 9px;border:1px solid transparent;border-left-width:3px;border-radius:6px;background:transparent;text-align:left;color:var(--muted);position:relative}.resource-tree-item:hover{background:var(--surface-alt)}.resource-tree-item>svg{width:17px;height:17px;flex-shrink:0;color:var(--muted)}.resource-tree-item.selected{background:var(--accent-soft);border-left-color:var(--accent);color:var(--ink)}.resource-tree-item.selected>svg{color:var(--accent)}.tree-label{min-width:0;flex:1}.tree-label strong{display:block;font-size:12px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.tree-label small{display:block;font:10px/1.6 Consolas,monospace;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.resource-tree-item .status-chip{font-size:8px;padding:3px 5px}.tree-partial{font-size:10px;padding:0 9px;color:#a16d1b;margin:4px 0}.explorer-pane .list-footer{min-height:36px;padding:8px 15px;font-size:10px}.nav-resource-count{margin-left:auto;font:10px Consolas,monospace;color:var(--faint)}.side-item .nav-indicator{display:none}.side-item{font-size:13px;padding:11px 13px}.side-item.active .nav-resource-count{color:var(--accent)}.studio-footer{flex-shrink:0;padding:9px 1px 12px;font-size:9px}.sidebar-bottom{padding-top:20px}.plan-entry{padding-left:10px}.content-viewer{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface)}.viewer-placeholder{padding:65px 30px;text-align:center;font-size:13px;color:var(--muted);line-height:1.9}.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 23px 14px;flex-shrink:0;border-bottom:1px solid var(--line)}.viewer-header>div{min-width:0}.viewer-header h2{font:600 17px/1.5 Consolas,"Microsoft YaHei",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.viewer-breadcrumb{font-size:11px;color:var(--muted);margin:0 0 6px}.viewer-version-bar{display:flex;align-items:center;gap:10px;padding:10px 23px;flex-wrap:wrap;min-height:48px;flex-shrink:0;background:var(--surface-alt)}.viewer-version-bar label{font-size:11px;color:var(--muted)}.version-picker{font:11px Consolas,"Microsoft YaHei",monospace;border:1px solid var(--line);border-radius:5px;padding:6px 8px;min-width:0;max-width:310px;background:var(--surface);color:var(--ink)}.viewer-version-bar>span{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.version-context{font-size:11px}.viewer-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 23px;flex-shrink:0}.viewer-tab{border:0;background:none;color:var(--muted);font-size:12px;padding:12px 0;border-bottom:2px solid transparent}.viewer-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.viewer-body{flex:1;overflow:auto;min-height:0;padding:17px 23px;scrollbar-width:thin}.viewer-body:has(>.source-slot){padding:0}.source-slot{min-height:100%}.code-topline{display:flex;align-items:center;gap:14px;padding:10px 19px;background:var(--surface-alt);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;font-size:10px;color:var(--muted)}.code-topline>span:nth-child(2){color:var(--faint)}.code-topline .button{margin-left:auto;min-height:27px;font-size:10px;padding:4px 8px}.inline-source{margin:0;white-space:pre;overflow:auto;font:12px/1.95 Consolas,"Microsoft YaHei",monospace;color:var(--ink);background:var(--surface);padding:15px 20px 28px 0;tab-size:2;min-height:240px}.source-line{display:flex;min-width:max-content}.source-line-number{display:inline-block;width:48px;flex-shrink:0;text-align:right;padding-right:18px;color:var(--faint);user-select:none;font-size:10px}.source-line-text{padding-left:4px}.source-line:hover{background:var(--surface-alt)}.asset-summary{display:flex;align-items:center;gap:12px;padding:6px 0 18px;flex-wrap:wrap}.asset-summary svg{color:var(--accent);width:28px;height:28px}.asset-summary strong{font:600 15px Consolas,monospace}.asset-summary .status-chip{margin-left:auto}.asset-address{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:6px;margin-bottom:15px;overflow-wrap:anywhere}.asset-address code{font:11px/1.7 Consolas,monospace;min-width:0}.inline-explanation{font-size:12px;color:var(--muted);line-height:1.9;padding:12px 0}.asset-image{display:block;max-width:100%;max-height:500px;object-fit:contain;margin:20px auto}.asset-audio{width:100%;margin-top:20px}.history-version{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.history-version strong{font:12px Consolas,monospace;color:var(--ink)}.history-version>span{font-size:11px;color:var(--muted)}.history-version>button{margin-left:auto}.viewer-body .detail-facts{font-size:12px}.viewer-body .detail-section h3{font-size:14px}.viewer-body .version-card strong{font-size:12px}.viewer-body .detail-note{font-size:11px}.content-viewer .loading-row{padding:35px 22px}.explorer-pane .empty-state{padding:30px 16px;font-size:11px}.explorer-pane .empty-state strong{font-size:13px}.context-bar .service-picker:first-child select{max-width:220px}
@media(min-width:1700px){.content-workspace{grid-template-columns:340px minmax(0,1fr)}.inline-source{font-size:13px}.tree-label strong{font-size:13px}.tree-label small{font-size:11px}}
@media(max-width:1200px){.studio-sidebar{width:185px}.studio-main{margin-left:185px}.studio-main main{padding-left:18px;padding-right:18px}.content-workspace{grid-template-columns:250px minmax(0,1fr)}.version-picker{max-width:240px}.viewer-version-bar>span{margin-left:0}.viewer-header,.viewer-body{padding-left:18px;padding-right:18px}.context-domain{display:none}.studio-brand{font-size:18px}.studio-sidebar .workspace-switch{gap:7px;padding:10px 6px}.studio-sidebar .workspace-switch strong{font-size:11px}.studio-sidebar .workspace-switch div>span{font-size:9px}.service-picker select{font-size:12px;max-width:180px}}
@media(max-width:900px){.studio-main main{padding-top:16px}.content-workspace{grid-template-columns:225px minmax(0,1fr)}.sync-time{display:none}.viewer-version-bar{padding-left:15px;padding-right:15px;gap:7px}.version-picker{max-width:205px}.viewer-header h2{font-size:15px}.viewer-tabs{gap:20px;padding:0 17px}.page-intro h1{font-size:21px}.intro-copy{max-width:230px}.explorer-heading{padding-left:12px;padding-right:12px}.explorer-heading .subtle-label{display:none}.explorer-search{flex-wrap:wrap}.explorer-search .search-field{flex-basis:100%}.explorer-search select{width:100%}.viewer-body .detail-facts{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:720px){body{overflow:auto}.studio-sidebar{width:220px}.studio-main{margin-left:0}.studio-topbar{height:57px;padding:0 14px}.studio-main main{height:auto;min-height:calc(100dvh - 57px);padding:18px 12px 0;overflow:visible}.page-intro{gap:10px;align-items:center;margin-bottom:13px}.page-intro h1{font-size:21px}.intro-copy{font-size:10px;max-width:190px}.intro-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:180px;padding-top:0;gap:6px}.intro-actions .button{font-size:9px;min-height:29px;padding:6px 8px}.intro-actions #refreshData{min-height:29px;padding:6px 8px}.intro-actions .button svg{display:none}.context-bar{padding:10px;gap:12px;flex-wrap:wrap;margin-bottom:12px}.service-picker{flex:none;gap:7px;max-width:100%;min-width:0}.service-picker label{font-size:10px}.service-picker select{font-size:11px;max-width:170px}.context-bar .service-picker:first-child select{max-width:175px}.context-divider{display:none}.view-only{margin-left:auto}.content-workspace{display:flex;flex-direction:column;overflow:hidden;min-height:0;flex:none}.explorer-pane{border-right:0;border-bottom:1px solid var(--line);max-height:310px;min-height:190px}.explorer-heading{padding:12px 13px 9px}.explorer-heading .subtle-label{display:block;max-width:150px}.explorer-search{flex-wrap:nowrap;padding:0 10px 10px}.explorer-search .search-field{flex-basis:auto}.explorer-search select{width:80px}.resource-group-label{padding:7px 9px}.resource-tree-item{min-height:48px;padding-top:8px;padding-bottom:8px}.tree-label strong{font-size:12px}.tree-label small{font-size:10px}.content-viewer{min-height:460px;scroll-margin-top:12px}.viewer-header{padding:15px}.viewer-header h2{font-size:16px}.viewer-breadcrumb{font-size:10px}.viewer-version-bar{gap:9px}.version-picker{max-width:calc(100vw - 90px);font-size:10px}.viewer-version-bar>span{flex-basis:100%}.viewer-body{overflow:visible;padding:15px;max-height:none}.source-slot{min-height:0}.inline-source{font-size:11px;max-height:60dvh;overflow:auto;min-height:300px}.source-line-number{width:35px;padding-right:11px}.code-topline{position:static;padding:8px 12px}.viewer-tabs{gap:23px;padding:0 15px}.viewer-tab{font-size:11px;padding:10px 0}.studio-footer{padding:12px 0;line-height:1.7;font-size:8px}.overview-grid{max-height:none;display:block}.environment-panel{display:none}.graph-stage{height:220px}.history-version{gap:8px}.history-version>button{margin-left:0}.asset-summary strong{font-size:13px}.viewer-body .detail-facts{grid-template-columns:90px minmax(0,1fr)}.viewer-body .detail-facts code{font-size:10px}.viewer-body .version-card{padding:12px}.viewer-body .version-card strong{font-size:11px}.explorer-pane .list-footer{display:none}.content-workspace .viewer-placeholder{min-height:250px;padding:65px 25px}}
.build-content-summary{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.build-content-summary code{color:var(--ink);font:12px Consolas,monospace}.viewer-body>.detail-section:first-of-type{margin-top:19px}.explorer-pane .tree-label small:empty{display:none}

/* 清晰排版：本机中文字体、等宽源码字体与一致的阅读字号。 */
:root {
  --font-ui: "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --font-code: "Cascadia Mono", Consolas, "Microsoft YaHei UI", "Microsoft YaHei", monospace;
  --ink: #182337;
  --muted: #536278;
  --faint: #64748b;
  --accent: #4c56c7;
  --green: #177455;
}
:root[data-theme="dark"] {
  --ink: #f1f5fc;
  --muted: #bbc7db;
  --faint: #9cacc4;
  --accent: #aab1ff;
  --green: #79d9b7;
}
body {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  -webkit-font-smoothing: auto;
  text-rendering: auto;
}
button, input, select, textarea { font-family: var(--font-ui); }
input::placeholder { color: var(--muted); opacity: 1; }
.studio-brand, h1, h2, h3, .viewer-header h2 { letter-spacing: 0; }
h1 { font-weight: 700; }
h2, h3, .studio-brand, .resource-group-label, .tree-label strong,
.workspace-switch strong, .side-item.active, .viewer-tab[aria-selected="true"] { font-weight: 600; }
.side-item { font-size: 14px; }
.service-shortcut, .back-console { font-size: 13px; }
.nav-caption, .workspace-switch strong { font-size: 12px; }
.workspace-switch div>span, .tiny-pill, .nav-resource-count,
.studio-sidebar .workspace-switch div>span { font-size: 11px; }
.studio-sidebar .workspace-switch strong { font-size: 12px; }
.breadcrumbs, .breadcrumbs strong, .data-source, .preview-tag { font-size: 12px; }
.intro-copy { font-size: 13px; }
.intro-actions .button, .plan-entry { font-size: 12px; }
.service-picker label, .view-only, .sync-time, .context-domain { font-size: 12px; }
.service-picker select { font-size: 14px; font-weight: 600; }
.explorer-heading h2 { font-size: 15px; }
.explorer-heading .subtle-label, .explorer-search select,
.resource-group-label, .explorer-pane .list-footer { font-size: 12px; }
.explorer-search input { font-size: 13px; }
.tree-label strong { font-family: var(--font-ui); font-size: 14px; line-height: 1.6; }
.tree-label small { font-family: var(--font-code); font-size: 12px; line-height: 1.7; }
.resource-group-label>span:last-child, .nav-resource-count { font-family: var(--font-code); font-size: 11px; }
.resource-tree-item { min-height: 58px; }
.status-chip, .resource-tree-item .status-chip { font-size: 11px; font-weight: 400; }
.viewer-header h2 { font-family: var(--font-ui); font-size: 18px; font-weight: 600; line-height: 1.6; }
.viewer-breadcrumb, .viewer-version-bar label, .viewer-version-bar>span,
.version-context { font-size: 12px; }
.version-picker { font-family: var(--font-code); font-size: 12px; line-height: 1.7; max-width: 360px; }
.viewer-tab { font-size: 13px; }
.code-topline, .code-topline .button { font-size: 12px; }
.inline-source, .code-preview {
  font-family: var(--font-code);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.85;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
  color: var(--ink);
  letter-spacing: 0;
}
.source-line-number { font-size: 12px; color: var(--faint); }
.viewer-body .detail-facts, .detail-facts, .inline-explanation,
.detail-section p, .viewer-body .detail-note, .history-version>span { font-size: 13px; }
.viewer-body .detail-facts code, .detail-facts code, .asset-address code,
.history-version strong, .build-content-summary code { font-family: var(--font-code); font-size: 13px; line-height: 1.8; }
.asset-summary strong, .viewer-body .version-card strong, .version-card strong { font-family: var(--font-code); font-size: 14px; font-weight: 600; }
.viewer-body .detail-section h3 { font-size: 15px; }
.viewer-body .small-button, .raw-data, .raw-data pre { font-size: 12px; }
.raw-data pre { font-family: var(--font-code); }
.graph-node .node-title { font-size: 12px; font-weight: 600; }
.graph-node .node-subtitle, .graph-footer>span, .studio-footer { font-size: 11px; }
@media (max-width: 1200px) {
  .version-picker { max-width: 280px; }
}
@media (max-width: 900px) {
  .service-picker select { font-size: 13px; }
  .version-picker { max-width: 230px; }
}
@media (max-width: 720px) {
  .intro-copy, .intro-actions .button, .service-picker label,
  .view-only, .breadcrumbs strong, .data-source { font-size: 12px; }
  .intro-actions .button, .intro-actions #refreshData { min-height: 33px; }
  .service-picker select { font-size: 13px; }
  .tree-label strong { font-size: 14px; }
  .tree-label small { font-size: 12px; }
  .resource-tree-item { min-height: 55px; }
  .viewer-header h2 { font-size: 17px; }
  .version-picker { font-size: 12px; max-width: calc(100vw - 90px); }
  .viewer-tab { font-size: 13px; }
  .inline-source, .code-preview { font-size: 13px; line-height: 1.85; }
  .source-line-number { font-size: 11px; width: 39px; padding-right: 12px; }
  .viewer-body .detail-facts code { font-size: 12px; }
  .viewer-body .version-card strong { font-size: 13px; }
  .studio-footer { font-size: 10px; }
}

/* 代码阅读与版本比较 */
:root {
  --syntax-keyword:#6a35bf; --syntax-string:#176b45; --syntax-comment:#617286;
  --syntax-number:#994a0c; --syntax-function:#7c460b; --syntax-property:#1c577a;
  --syntax-literal:#005ea6; --syntax-punctuation:#4b586b;
  --diff-add-bg:#edf8f1; --diff-delete-bg:#fff0f0; --diff-add-ink:#16643d; --diff-delete-ink:#a63538;
}
:root[data-theme="dark"] {
  --syntax-keyword:#c5a4ff; --syntax-string:#9bd6ad; --syntax-comment:#a0afc4;
  --syntax-number:#efbd86; --syntax-function:#f0d09b; --syntax-property:#94c9ee;
  --syntax-literal:#93c5fd; --syntax-punctuation:#c0cadc;
  --diff-add-bg:#203a30; --diff-delete-bg:#422b34; --diff-add-ink:#94dfb4; --diff-delete-ink:#ffb2b6;
}
.syntax-keyword { color:var(--syntax-keyword); }
.syntax-string { color:var(--syntax-string); }
.syntax-comment { color:var(--syntax-comment); }
.syntax-number { color:var(--syntax-number); }
.syntax-function { color:var(--syntax-function); }
.syntax-property,.syntax-tag { color:var(--syntax-property); }
.syntax-literal { color:var(--syntax-literal); }
.syntax-punctuation { color:var(--syntax-punctuation); }
.code-panel { min-width:0; border:1px solid var(--line); border-radius:7px; overflow:hidden; background:var(--surface); }
.viewer-body:has(>.source-slot) { display:flex; flex-direction:column; overflow:hidden; }
.source-slot { display:flex; flex-direction:column; flex:1; min-height:0; }
.source-slot>.code-panel { display:flex; flex-direction:column; flex:1; min-height:0; border:0; border-radius:0; }
.code-reader-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:9px 13px; border-bottom:1px solid var(--line); background:var(--surface-alt); flex-shrink:0; }
.code-reader-meta,.code-reader-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.code-reader-meta { gap:12px; font-size:11px; color:var(--muted); }
.code-reader-meta strong { color:var(--ink); font-weight:600; font-size:12px; }
.code-reader-tools { gap:4px; }
.code-tool { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:5px; padding:5px 8px; min-height:29px; background:var(--surface); color:var(--muted); font-size:11px; line-height:1.5; white-space:nowrap; }
.code-tool:hover { border-color:var(--accent); color:var(--accent); }
.code-tool[aria-pressed=true] { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.code-size-label { min-width:32px; font:11px var(--font-code); text-align:center; color:var(--muted); }
.code-panel .inline-source { flex:1; min-height:200px; max-height:65dvh; overflow:auto; font-size:var(--code-font-size,14px); line-height:1.85; }
.source-slot .code-panel .inline-source { max-height:none; }
.code-panel .source-line-number { font-size:.84em; line-height:inherit; width:53px; }
.code-panel.code-wrap .inline-source { white-space:pre-wrap; overflow-x:hidden; }
.code-panel.code-wrap .source-line { min-width:0; width:100%; }
.code-panel.code-wrap .source-line-text { min-width:0; flex:1; white-space:pre-wrap; overflow-wrap:anywhere; }
.code-find-bar { display:flex; align-items:center; gap:7px; padding:9px 13px; border-bottom:1px solid var(--line); background:var(--surface); flex-shrink:0; }
.code-find-bar>input { flex:1; min-width:70px; border:1px solid var(--line); padding:7px 9px; font-size:12px; border-radius:5px; color:var(--ink); background:var(--surface-alt); }
.code-match-count { font:11px var(--font-code); color:var(--muted); white-space:nowrap; min-width:40px; }
.code-match-case { display:flex; align-items:center; gap:5px; white-space:nowrap; font-size:11px; color:var(--muted); }
.code-match-case input { accent-color:var(--accent); }
.code-search-match { background:#ffe393; color:#352a09; border-radius:2px; padding:0; }
.code-search-match.current-match { background:#ffc75c; outline:2px solid #a46b0c; outline-offset:0; }
:root[data-theme="dark"] .code-search-match { background:#624e1b; color:#fff3d3; }
:root[data-theme="dark"] .code-search-match.current-match { background:#876016; outline-color:#e5c276; }
.code-rendered-preview { flex:1; min-height:0; overflow:auto; }
.code-file-frame { display:block; width:100%; height:450px; border:0; background:white; }
.code-preview-note,.code-diff-note { font-size:12px; line-height:1.8; color:var(--muted); padding:10px 15px; margin:0; border-bottom:1px solid var(--line); background:var(--surface-alt); }
.viewer-body:has(>.version-comparison) { padding:0; overflow:hidden; }
.version-comparison { height:100%; display:flex; flex-direction:column; min-height:0; }
.comparison-pickers { display:flex; align-items:flex-end; gap:10px; padding:14px 17px; border-bottom:1px solid var(--line); flex-shrink:0; }
.comparison-pickers label { display:flex; flex-direction:column; gap:7px; flex:1; min-width:0; }
.comparison-pickers label>span { font-size:11px; font-weight:600; color:var(--muted); }
.comparison-pickers select { width:100%; min-width:0; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:5px; padding:8px; font:11px var(--font-code); }
.comparison-swap { min-width:30px; min-height:33px; }
.comparison-output { display:flex; flex-direction:column; flex:1; min-height:0; }
.code-diff-panel { display:flex; flex-direction:column; flex:1; min-height:0; min-width:0; }
.diff-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:9px 15px; border-bottom:1px solid var(--line); background:var(--surface-alt); flex-shrink:0; }
.diff-summary { display:flex; gap:13px; font-size:12px; font-weight:600; }
.diff-added { color:var(--diff-add-ink); }
.diff-removed { color:var(--diff-delete-ink); }
.diff-labels { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); flex-shrink:0; }
.diff-labels strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:11px 15px; font:11px var(--font-code); color:var(--muted); }
.diff-labels strong+strong { border-left:1px solid var(--line); }
.diff-viewport { flex:1; min-height:100px; overflow:auto; background:var(--surface); }
.diff-table { border-collapse:collapse; min-width:100%; width:max-content; table-layout:auto; color:var(--ink); font:12px/1.85 var(--font-code); }
.diff-table td { border:0; padding-top:1px; padding-bottom:1px; vertical-align:top; }
.diff-table .diff-line-number { user-select:none; text-align:right; color:var(--faint); font-size:10px; min-width:40px; width:40px; padding-left:10px; padding-right:8px; background:var(--surface-alt); }
.diff-table .diff-line-code { min-width:230px; width:50%; white-space:pre; padding-left:0; padding-right:19px; }
.diff-table td:nth-child(3) { border-left:1px solid var(--line); }
.diff-table .diff-delete { background:var(--diff-delete-bg); }
.diff-table .diff-add { background:var(--diff-add-bg); }
.diff-table .diff-blank { background:var(--surface-alt); }
.diff-sign { display:inline-block; width:23px; text-align:center; user-select:none; color:var(--faint); }
.diff-delete .diff-sign { color:var(--diff-delete-ink); }
.diff-add .diff-sign { color:var(--diff-add-ink); }
.diff-unified .diff-line-code { width:100%; }
.diff-table .diff-fold { padding:9px 15px; text-align:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface-alt); }
.diff-table .diff-fold button { font-size:11px; }
@media (max-width:1100px) {
  .code-reader-toolbar { gap:8px; }
  .code-reader-tools { flex-basis:100%; }
}
@media (max-width:720px) {
  .viewer-tabs { gap:17px; overflow:auto; }
  .viewer-tab { white-space:nowrap; flex-shrink:0; font-size:12px; }
  .viewer-body:has(>.source-slot),.viewer-body:has(>.version-comparison) { display:block; overflow:visible; }
  .source-slot>.code-panel { display:flex; }
  .source-slot .code-panel .inline-source { max-height:60dvh; }
  .code-reader-toolbar { padding:9px 10px; }
  .code-tool { padding:5px 7px; font-size:11px; min-height:30px; }
  .code-reader-meta { font-size:11px; }
  .code-find-bar { flex-wrap:wrap; padding:8px 10px; gap:6px; }
  .code-find-bar>input { flex-basis:calc(100% - 66px); }
  .code-match-case { margin-left:4px; }
  .code-panel .source-line-number { width:42px; padding-right:12px; }
  .code-file-frame { height:390px; }
  .comparison-pickers { padding:12px; gap:8px; }
  .comparison-pickers select { font-size:10px; padding:8px 5px; }
  .comparison-pickers label>span { font-size:11px; }
  .comparison-output,.code-diff-panel { display:flex; }
  .diff-viewport { max-height:65dvh; flex:none; }
  .diff-toolbar { padding:9px 11px; }
  .diff-labels strong { font-size:10px; padding:9px; }
  .diff-table { font-size:11px; }
  .diff-table .diff-line-number { min-width:31px; width:31px; padding-left:5px; padding-right:6px; }
  .diff-table .diff-line-code { min-width:200px; }
}

/* 分层导航：一级业务域 / 二级资源页面。 */
.workspace-page{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.nav-group{margin-bottom:13px}.nav-group>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:9px 10px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink);user-select:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary>svg{width:17px;height:17px;color:var(--muted)}.nav-group>summary:hover{background:var(--surface-alt)}.nav-group.current-area>summary,.nav-group.current-area>summary>svg{color:var(--accent)}.nav-chevron{margin-left:auto;font-size:20px;font-weight:400;color:var(--faint);transition:transform .15s}.nav-group[open]>summary .nav-chevron{transform:rotate(90deg)}.nav-children{margin:4px 0 0 17px;border-left:1px solid var(--line);padding-left:8px}.nav-children .side-item{padding:9px 10px;margin-bottom:3px;gap:7px;font-size:12px;min-height:36px}.nav-children .side-item>svg{display:none}.number-nav-count{margin-left:auto;font:11px var(--font-code);color:var(--faint)}.number-nav-item.active .number-nav-count{color:var(--accent)}.numbers-area .nav-resource-count{display:none}.studio-sidebar #serverlessSidebarContext .sidebar-label{margin-top:16px}.studio-sidebar .studio-brand{font-size:22px}.studio-sidebar .brand-small{letter-spacing:2px;font-size:8px}.number-overview-bar{display:flex;align-items:center;gap:25px;padding:12px 17px;margin-bottom:14px;flex-wrap:wrap;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--muted)}.number-overview-bar>span{display:flex;align-items:center;gap:8px}.number-overview-bar strong{font:600 17px var(--font-code);color:var(--ink)}.number-resource-list{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;padding:7px 6px}.number-workspace .explorer-search .search-field{max-width:none;flex-basis:100%}.number-workspace .number-tree-item{min-height:64px;gap:5px;padding-left:9px;padding-right:8px}.number-tree-item .tree-label strong{font:600 14px/1.6 var(--font-code)}.number-tree-item .tree-label small{font-family:var(--font-ui);font-size:11px}.number-tree-item .status-chip{font-size:9px;padding:4px 5px;max-width:110px;white-space:normal}.number-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.number-detail-actions .button{font-size:11px;min-height:31px;padding:6px 9px}.number-detail-context{display:flex;align-items:center;gap:8px;padding:11px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:12px;flex-shrink:0}.number-detail-context>strong{font-size:13px;font-weight:600;margin-right:auto}.number-detail-context .status-chip{font-size:10px}.number-viewer .viewer-tabs{gap:21px;overflow:auto}.number-viewer .viewer-tab{white-space:nowrap;font-size:12px}.number-config-section{border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:17px;min-width:0}.number-config-section h3{font-size:14px;margin:0 0 10px;font-weight:600}.number-config-caption{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 14px}.number-facts{display:grid;grid-template-columns:135px minmax(0,1fr);margin:0;font-size:12px;gap:0}.number-facts dt,.number-facts dd{padding:10px 0;margin:0;border-top:1px solid var(--line);overflow-wrap:anywhere}.number-facts dt{color:var(--muted);font-weight:400;padding-right:10px}.number-facts dd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:var(--ink);min-width:0}.number-facts dd>span{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.8}.number-facts .code-tool{font-size:10px;min-height:24px;padding:3px 6px;flex-shrink:0}.number-read-state{font-size:11px;color:var(--muted);margin:0 0 13px;line-height:1.8}.number-notice-error{background:var(--diff-delete-bg);border-color:var(--line);color:var(--diff-delete-ink)}.number-editor{padding-bottom:5px}.number-editor-section{border:1px solid var(--line);border-radius:8px;padding:14px 17px 6px;margin:23px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px;min-width:0}.number-editor-section legend{font-size:13px;width:auto;padding:0 6px;color:var(--ink);font-weight:600}.number-form-field{margin:0 0 17px;min-width:0}.number-form-field label{display:block;font-size:12px;color:var(--ink);font-weight:500;margin-bottom:7px}.number-form-field input,.number-form-field select{width:100%;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:9px 10px;font-size:12px;min-height:37px}.number-form-field input[type=url]{font-family:var(--font-code);font-size:11px}.number-form-field small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.number-editor-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:15px 0 0;border-top:1px solid var(--line);position:sticky;bottom:-17px;background:var(--surface);z-index:2;flex-wrap:wrap}.number-editor-controls .button{font-size:12px}.number-workspace .detail-error{font-size:12px}.number-workspace .viewer-header h2{font-family:var(--font-code)}
@media(max-width:1250px){.number-overview-bar{gap:18px}.number-editor-section{grid-template-columns:1fr}.number-facts{grid-template-columns:115px minmax(0,1fr)}.number-config-section{padding:14px}.number-detail-context{padding-left:18px;padding-right:18px}.number-tree-item .status-chip{font-size:8px;max-width:80px}}
@media(max-width:900px){.number-viewer .viewer-header{flex-wrap:wrap;gap:12px}.number-detail-actions{justify-content:flex-start}.number-overview-bar{gap:14px;padding:10px 13px;font-size:10px}.number-overview-bar strong{font-size:15px}.number-facts{grid-template-columns:1fr}.number-facts dt{border-top:1px solid var(--line);padding-top:10px;padding-bottom:3px;font-size:11px}.number-facts dd{border-top:0;padding-top:2px;padding-bottom:10px}.number-detail-context{padding:10px 15px}.number-viewer .viewer-tabs{gap:18px}}
@media(max-width:720px){.workspace-page{flex:none;min-height:calc(100dvh - 80px)}.nav-group>summary{font-size:14px}.nav-children .side-item{font-size:13px;min-height:39px}.number-overview-bar{gap:9px 17px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}.number-overview-bar>span{gap:7px}.number-workspace .explorer-pane{min-height:220px;max-height:320px}.number-workspace .number-tree-item{min-height:59px}.number-tree-item .status-chip{font-size:10px;max-width:130px}.number-tree-item .tree-label strong{font-size:14px}.number-detail-context{padding:11px 15px;gap:6px}.number-detail-context>strong{flex-basis:100%;margin-bottom:3px}.number-facts{grid-template-columns:1fr}.number-config-section{padding:14px 12px}.number-config-section h3{font-size:14px}.number-config-caption{font-size:11px}.number-facts dd>span{font-size:12px}.number-editor-section{padding:12px}.number-form-field input,.number-form-field select{font-size:13px}.number-form-field input[type=url]{font-size:12px}.number-editor-controls{bottom:0;padding:13px 0}.number-editor-controls .button{font-size:11px}.number-viewer .viewer-header h2{font-size:17px}.number-detail-actions .button{min-height:32px}.number-resource-list{min-height:90px}}
@media(max-width:720px){.breadcrumbs{min-width:0;flex:1}.breadcrumbs strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.topbar-actions{flex-shrink:0}.topbar-actions .user-avatar{display:none}.data-source{font-size:11px}}

/* Unified workspace: clear hierarchy, consistent controls and readable activity details. */
:root{--control-height:38px;--activity-success:#157759;--activity-success-bg:#eaf7ef;--activity-error:#b33b42;--activity-error-bg:#fff0f0;--activity-pending:#9b6718;--activity-pending-bg:#fff6e6}
:root[data-theme="dark"]{--activity-success:#88ddba;--activity-success-bg:#203b33;--activity-error:#ffabb0;--activity-error-bg:#44282e;--activity-pending:#efcc8d;--activity-pending-bg:#3c3425}
.studio-sidebar{padding:24px 16px 18px}.studio-sidebar .studio-brand{margin:0 9px 25px}.workspace-switch{margin-bottom:16px;padding:10px}.studio-main main{padding-top:22px}.page-intro{margin-bottom:19px;flex-shrink:0}.page-intro h1{font-size:26px;line-height:1.4;margin-bottom:5px;font-weight:650}.intro-copy{font-size:13px;line-height:1.7}.eyebrow{font:600 10px/1.4 var(--font-ui);letter-spacing:1.2px;margin-bottom:6px}.button{min-height:var(--control-height);font-size:12px;box-shadow:none}.button-primary{box-shadow:none}.context-bar{margin-bottom:17px;padding:11px 15px}.panel{box-shadow:none;border-radius:10px}.studio-footer{font-size:11px;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:11px}.density-control{min-height:30px;font-size:11px;padding:5px 9px}.workspace-quick-open{display:flex;align-items:center;width:100%;gap:8px;padding:10px 11px;border:1px solid var(--line);background:var(--surface-alt);border-radius:7px;font-size:12px;color:var(--muted);text-align:left;margin:0 0 22px}.workspace-quick-open svg{width:15px;height:15px}.workspace-quick-open kbd{margin-left:auto;white-space:nowrap;font:10px var(--font-ui);border:1px solid var(--line);padding:1px 4px;border-radius:3px;background:var(--surface)}.workspace-quick-open:hover{border-color:var(--accent);color:var(--ink)}.nav-group{margin-bottom:20px}.nav-group>summary{font-size:14px;padding:9px 10px}.nav-children .side-item{font-size:13px;min-height:38px;padding:9px 11px;border-radius:6px}.nav-children .side-item.active{box-shadow:inset 2px 0 var(--accent)}.nav-subheading{margin:14px 10px 5px;color:var(--faint);font-size:10px;letter-spacing:.4px}.nav-subheading:first-child{margin-top:8px}.nav-entry-icon{margin-left:auto;font-size:14px;color:var(--faint)}.sidebar-bottom{padding-top:22px}.number-overview-bar{padding:13px 16px;gap:28px;font-size:12px}.number-overview-bar strong{font-size:19px}.number-tree-item .tree-label small{font-size:12px}.number-workspace .number-tree-item{min-height:75px;padding:13px 11px}.number-tree-item .status-chip{font-size:10px}.number-facts{font-size:13px;grid-template-columns:145px minmax(0,1fr)}.number-config-section{border-radius:8px;margin-bottom:18px;padding:18px 20px}.number-config-section h3{font-size:15px}.number-config-caption{font-size:12px}.number-detail-context{padding-top:12px;padding-bottom:12px}.number-related-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface-alt);border-radius:7px;padding:11px 13px;margin:0 0 18px}.number-related-actions>span{font-size:12px;color:var(--muted);margin-right:auto}.number-related-actions .button{font-size:12px;min-height:31px;padding:5px 10px}.viewer-tab{min-height:43px}.resource-tree-item.selected,.number-tree-item.selected{box-shadow:inset 2px 0 var(--accent)}
.activity-controls{flex-shrink:0;padding:15px 17px;margin-bottom:14px}.call-query{display:grid;grid-template-columns:minmax(130px,1.3fr) minmax(130px,1.3fr) minmax(105px,.8fr) minmax(133px,.9fr) minmax(133px,.9fr) auto;gap:12px;align-items:end}.activity-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--muted);font-size:11px}.activity-field input,.activity-field select,.sip-toolbar>select{border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface);height:var(--control-height);padding:7px 10px;min-width:0;width:100%;font:12px var(--font-ui)}.activity-field input:focus,.activity-field select:focus{border-color:var(--accent)}.activity-filter-actions{display:flex;gap:7px}.activity-filter-note{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.6}.activity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:16px;flex-shrink:0}.activity-summary-item{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--surface);padding:13px 17px;min-width:0}.activity-summary-item>span{font-size:11px;color:var(--muted)}.activity-summary-item>strong{font:600 20px/1.5 var(--font-code);white-space:nowrap}.activity-summary-item.success>strong{color:var(--activity-success)}.activity-summary-item.error>strong{color:var(--activity-error)}.activity-summary-item:last-child>strong{font:600 13px/1.5 var(--font-ui)}.activity-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);flex:1;min-height:0;overflow:hidden}.activity-list-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.activity-list-header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.activity-list-header h2{font-size:14px;white-space:nowrap}.activity-list-header input{border:1px solid var(--line);border-radius:6px;background:var(--surface-alt);color:var(--ink);min-height:34px;padding:7px 10px;font:12px var(--font-ui);width:270px;max-width:70%;min-width:0}.activity-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:0 8px}.call-list-legend{display:flex;justify-content:space-between;gap:15px;padding:11px 12px 8px;color:var(--faint);font-size:10px;position:sticky;top:0;background:var(--surface);z-index:1}.call-list-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 12px;border:1px solid transparent;border-bottom-color:var(--line);border-radius:6px;background:transparent;text-align:left;min-height:83px;transition:background .12s}.call-list-row:hover{background:var(--surface-alt)}.call-list-row.selected{background:var(--accent-soft);border-color:transparent;box-shadow:inset 3px 0 var(--accent)}.call-identity{min-width:0;display:flex;flex-direction:column;gap:7px}.call-identity>strong{font:600 13px/1.5 var(--font-code);overflow-wrap:anywhere}.call-route{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;min-width:0}.call-route strong{font:500 12px/1.6 var(--font-code);overflow-wrap:anywhere}.route-arrow{color:var(--faint);font-size:14px}.call-identity small,.call-state small{display:block;font-size:11px;color:var(--muted);font-weight:400}.call-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.activity-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:11px;line-height:1.4;white-space:nowrap;flex-shrink:0}.activity-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.activity-badge.success{background:var(--activity-success-bg);color:var(--activity-success)}.activity-badge.error{background:var(--activity-error-bg);color:var(--activity-error)}.activity-badge.pending{background:var(--activity-pending-bg);color:var(--activity-pending)}.activity-badge.neutral{background:var(--surface-alt);color:var(--muted);border:1px solid var(--line)}.activity-detail{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface);outline:none}.activity-detail-heading{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);min-height:70px;flex-shrink:0}.activity-detail-heading h2{font-size:16px}.activity-detail-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:21px}.activity-section{margin:0 0 24px;min-width:0}.activity-section:last-child{margin-bottom:0}.activity-section h3{font-size:13px;line-height:1.7;font-weight:600;margin:0 0 12px}.activity-caption{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}.call-endpoint{background:var(--surface-alt);border:1px solid var(--line);border-radius:6px;padding:11px 13px;font:500 13px/1.7 var(--font-code);overflow-wrap:anywhere}.call-route-label{display:block;font-size:10px;color:var(--muted);margin:8px 13px}.activity-facts{display:grid;grid-template-columns:106px minmax(0,1fr);font-size:12px;margin:0 0 12px;gap:0}.activity-facts dt,.activity-facts dd{margin:0;padding:9px 0;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere;line-height:1.8}.activity-facts dt{color:var(--muted);padding-right:10px}.activity-facts dd{color:var(--ink);font-family:var(--font-code);font-size:11px}.activity-section .button{min-height:31px;font-size:11px;margin-right:7px;margin-top:7px;padding:5px 9px}.call-error-card{background:var(--activity-error-bg);border:1px solid var(--line);border-radius:7px;padding:12px 13px;margin-top:10px;font-size:12px}.call-error-card strong{font-weight:600;color:var(--activity-error)}.call-error-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.call-error-card p{line-height:1.8;margin:10px 0}.call-error-card a{display:inline-block;font-size:11px;margin-top:5px}.activity-pager{border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:11px 15px;font-size:11px;color:var(--muted);flex-shrink:0;min-height:52px}.activity-pager>span{margin-right:auto}.activity-pager .button{font-size:11px;min-height:29px;padding:5px 9px}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:30px 24px;flex:1;text-align:center;color:var(--muted)}.activity-empty h3{font-size:14px;color:var(--ink);font-weight:600;margin:14px 0 7px}.activity-empty p{font-size:12px;line-height:1.9;max-width:350px;margin:0}.empty-symbol{width:45px;height:45px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:28px;color:var(--accent);background:var(--surface-alt)}.activity-notice{flex-shrink:0;margin-bottom:14px}.sip-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:38px}.activity-view-switch{display:flex;background:var(--surface-alt);padding:3px;border:1px solid var(--line);border-radius:7px;margin-right:auto}.activity-view-tab{background:transparent;border:1px solid transparent;padding:6px 15px;color:var(--muted);border-radius:5px;font-size:12px;min-height:30px}.activity-view-tab.active{background:var(--surface);border-color:var(--line);color:var(--accent);font-weight:600}.sip-toolbar>.button{min-height:33px;font-size:11px}.sip-toolbar>select{width:auto;max-width:450px}
.quick-dialog{width:min(640px,calc(100vw - 30px));padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #10182835;max-height:min(650px,85dvh);overflow:hidden;margin:12dvh auto auto}.quick-dialog::backdrop{background:#11182766;backdrop-filter:blur(3px)}.quick-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}.quick-heading h2{font-size:14px}.quick-search{display:flex;align-items:center;gap:10px;margin:0 20px;border:1px solid var(--accent);border-radius:7px;padding:0 12px;background:var(--surface)}.quick-search svg{color:var(--muted);width:18px;height:18px}.quick-search input{border:0;background:transparent;color:var(--ink);font:14px var(--font-ui);padding:13px 0;width:100%;outline:none}.quick-scope{padding:0 21px;margin:13px 0 7px;font-size:10px;color:var(--faint)}.quick-results{max-height:380px;overflow:auto;padding:4px 10px 12px;scrollbar-width:thin}.quick-result{background:transparent;display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;padding:11px 12px;width:100%;border-radius:7px}.quick-result>span:first-child{font-size:13px;font-weight:500}.quick-result small{font-size:11px;color:var(--muted);grid-column:1}.quick-enter{grid-column:2;grid-row:1/3;align-self:center;color:var(--muted);opacity:0}.quick-result.highlighted{background:var(--accent-soft)}.quick-result.highlighted .quick-enter{opacity:1}.quick-empty{font-size:13px;color:var(--muted);padding:20px}.quick-dialog>footer{padding:11px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);background:var(--surface-alt)}
:root[data-density="compact"] .resource-tree-item{min-height:47px;padding-top:6px;padding-bottom:6px}:root[data-density="compact"] .number-workspace .number-tree-item{min-height:58px;padding-top:8px;padding-bottom:8px}:root[data-density="compact"] .call-list-row{min-height:65px;padding-top:10px;padding-bottom:10px}:root[data-density="compact"] .call-identity{gap:4px}:root[data-density="compact"] .number-facts dt,:root[data-density="compact"] .number-facts dd{padding-top:7px;padding-bottom:7px}
@media(min-width:1550px){.activity-workspace{grid-template-columns:minmax(0,1.6fr) minmax(430px,1fr)}.activity-detail-body{padding:24px 27px}.call-route strong{font-size:13px}.activity-summary-item{padding-top:16px;padding-bottom:16px}}
@media(max-width:1250px){.call-query{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-summary-item{display:block;padding:10px 14px}.activity-summary-item>strong{display:block;margin-top:4px;font-size:18px}.activity-workspace{grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}.activity-detail-body{padding:17px}.call-route{flex-direction:column;align-items:flex-start;gap:2px}.call-route .route-arrow{display:none}.activity-list-header{flex-wrap:wrap;gap:8px;padding:13px}.activity-list-header input{max-width:none;width:100%}.number-facts{grid-template-columns:115px minmax(0,1fr)}.number-overview-bar{gap:15px;font-size:11px}.activity-detail-heading{padding:16px}.activity-facts{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:900px){.activity-workspace{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}.activity-summary-item>span{font-size:10px}.activity-summary-item:last-child>strong{font-size:12px}.activity-pager{flex-wrap:wrap;padding:10px;gap:5px}.number-facts{grid-template-columns:1fr}.number-related-actions>span{flex-basis:100%}.density-control{display:none}.activity-facts{grid-template-columns:1fr}.activity-facts dt{padding-top:10px;padding-bottom:1px;border-bottom:0;font-size:11px}.activity-facts dd{padding-top:2px}.sip-toolbar>select{max-width:100%;width:100%}}
@media(max-width:720px){.studio-sidebar{padding:22px 16px}.studio-main main{padding-top:18px}.page-intro{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:16px}.page-intro h1{font-size:24px}.intro-actions{width:100%;flex-wrap:wrap}.intro-actions .button{font-size:12px;min-height:36px}.intro-copy{font-size:12px}.activity-controls{padding:13px 12px}.call-query{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-filter-actions{justify-content:flex-end}.activity-filter-note{font-size:10px}.activity-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:13px}.activity-summary-item{display:flex;padding:11px 13px}.activity-summary-item>strong{margin:0;font-size:18px}.activity-summary-item>span{font-size:11px}.activity-workspace{display:flex;flex-direction:column;flex:none;overflow:visible}.activity-list-pane{border-right:0;border-bottom:1px solid var(--line);min-height:260px;max-height:450px}.activity-list-header{display:flex;flex-wrap:nowrap}.activity-list-header input{width:230px;max-width:70%}.activity-list{min-height:140px}.activity-detail{min-height:400px;scroll-margin-top:12px}.activity-detail-body{overflow:visible;padding:18px 16px}.activity-facts{grid-template-columns:110px minmax(0,1fr)}.activity-facts dt,.activity-facts dd{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.activity-facts dt{padding-right:10px}.activity-facts dd{font-size:11px}.call-route{flex-direction:row;align-items:center;gap:5px 8px}.call-route .route-arrow{display:block}.call-list-row{padding:14px 9px;gap:10px;min-height:78px}.call-route strong{font-size:11px}.call-identity small{font-size:10px}.activity-badge{font-size:10px}.activity-section h3{font-size:14px}.activity-pager{min-height:50px}.activity-empty{min-height:220px}.sip-toolbar{gap:8px}.activity-view-switch{width:100%;margin-right:0;margin-bottom:3px}.activity-view-tab{flex:1}.sip-toolbar>.button{font-size:11px}.quick-dialog{margin-top:7dvh}.quick-results{max-height:55dvh}.quick-dialog>footer{font-size:10px}.number-workspace .number-tree-item{min-height:68px}.number-overview-bar{grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.number-overview-bar strong{font-size:18px}.number-config-section{padding:15px 13px}.number-facts{grid-template-columns:1fr}.studio-footer{font-size:10px}.number-related-actions .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Quick navigation lives in the persistent top navigation bar. */
.studio-topbar{gap:18px}.studio-topbar .breadcrumbs{flex:1;min-width:0}.studio-topbar .breadcrumbs strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-quick-open{width:clamp(180px,20vw,250px);flex:0 1 250px;min-width:160px;min-height:34px;margin:0;padding:7px 11px}.topbar-quick-open>span{white-space:nowrap}.topbar-quick-open kbd{margin-left:auto}
@media(max-width:1100px){.studio-topbar{gap:12px}.topbar-quick-open{flex-basis:180px;min-width:150px}.studio-topbar .breadcrumbs .preview-tag{display:none}}
@media(max-width:720px){.studio-topbar{gap:9px}.topbar-quick-open{width:auto;flex:0 0 auto;min-width:0;padding:7px 10px;gap:7px}.topbar-quick-open kbd{display:none}.topbar-quick-open>span{font-size:12px}}
@media(max-width:480px){.topbar-quick-open{width:34px;height:34px;padding:8px;justify-content:center}.topbar-quick-open>span{display:none}}

/* Call summary cards filter the visible page; number presets retain manual input. */
.activity-summary-filter{text-align:left;font:inherit;position:relative;cursor:pointer;transition:border-color .15s,background .15s;flex-wrap:wrap;gap:4px 12px}
.activity-summary-filter>small{display:block;flex-basis:100%;font-size:10px;font-weight:400;color:var(--muted)}
.activity-summary-filter:hover{border-color:var(--accent);background:var(--accent-soft)}
.activity-summary-filter.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.activity-summary-filter.active>small{color:var(--accent)}
.activity-summary-filter:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.call-number-field{min-width:0;gap:6px;justify-content:flex-start}.call-number-field>.activity-field{margin:0;width:100%;min-width:0}
.call-number-field>select{width:100%;min-width:0;color:var(--muted);font-size:11px;background:var(--surface-alt)}
.call-query{align-items:start}.call-query>.activity-filter-actions{align-self:end}.call-number-note{color:var(--muted)}
#voiceActivityPage{overflow-y:auto;scrollbar-gutter:stable}.activity-workspace{min-height:360px;flex-shrink:0}
@media(max-width:720px){.activity-summary-filter{gap:3px 7px}.activity-summary-filter>small{font-size:9px}.call-query .call-number-field{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px}}