:root{--studio-teal:#008e99}.studio-dialog{width:min(1440px,96vw);max-width:none;height:min(920px,94vh);max-height:94vh;padding:0;border:1px solid #d3dfe8;border-radius:14px;color:#193448;background:#f6f8fb;box-shadow:0 20px 80px #091e3d55}.studio-dialog::backdrop{background:#081b36a8}.studio-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#10283e;color:white;gap:20px}.studio-head h2{font-size:18px;margin:0}.studio-head p{font-size:12px;color:#c7dbe5;margin:5px 0 0}.studio-head button{background:none;color:white;border:1px solid #ffffff55;border-radius:6px;width:34px;height:34px;font-size:22px;cursor:pointer}.studio-tabs{display:flex;gap:4px;padding:10px 18px;background:white;border-bottom:1px solid #dce5eb;overflow-x:auto}.studio-tabs button{white-space:nowrap;border:0;border-radius:6px;background:none;padding:11px 15px;color:#4d6379;font-weight:600;cursor:pointer}.studio-tabs button.active{background:#e4f4f5;color:#007680}.studio-body{padding:22px 24px;overflow:auto;height:calc(100% - 150px);box-sizing:border-box}.studio-body h3{margin:0 0 12px;font-size:17px}.studio-body h4{margin:0 0 10px;font-size:14px}.studio-body p{font-size:13px;line-height:1.65}.studio-note{font-size:12px!important;color:#64798b;line-height:1.6}.studio-warning{padding:11px 15px;border-left:3px solid #d19430;background:#fff7e5;color:#795514;font-size:13px;line-height:1.55;margin:10px 0}.studio-error{border-left-color:#c14854;background:#fff0f1;color:#923844}.studio-info{border-left-color:#268b9c;background:#edf8fb;color:#1a6270}.studio-good{border-left-color:#218464;background:#eaf8f1;color:#1b684b}.studio-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}.studio-toolbar label,.studio-fields label,.studio-inspect label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#40596e}.studio-toolbar input,.studio-toolbar select,.studio-fields input,.studio-fields select,.studio-inspect input,.studio-inspect select{font:inherit;font-size:13px;color:#203e54;border:1px solid #cddce7;border-radius:6px;background:white;padding:10px;min-width:0;width:100%;box-sizing:border-box}.studio-toolbar label{flex:1;min-width:130px}.studio-toolbar .studio-search{flex:2;min-width:220px}.studio-toolbar .check-label{flex-direction:row;align-items:center;min-width:110px;font-weight:400;padding:9px 0}.studio-toolbar .check-label input{width:auto}.studio-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.studio-card{background:#fff;border:1px solid #dce6ed;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.studio-card>img{height:145px;width:100%;object-fit:contain;padding:16px;box-sizing:border-box;background:#fff}.studio-card-content{padding:16px;display:flex;flex-direction:column;flex:1}.studio-card h4{line-height:1.55;min-height:64px;font-size:12px;font-weight:700;margin:8px 0}.studio-card p{font-size:11px;margin:5px 0 12px;color:#637b8f}.studio-card .studio-price{font-size:16px;font-weight:700;color:#153b51;margin-top:auto}.studio-chip{font-size:10px;display:inline-block;color:#00818b;background:#e8f5f6;border-radius:4px;padding:4px 7px;align-self:start}.studio-card-actions{display:flex;gap:8px;align-items:center;margin-top:13px}.studio-card-actions .button{font-size:11px;padding:9px 10px}.studio-card-actions label{font-size:11px;display:flex;gap:5px;align-items:center}.studio-pagination{display:flex;gap:15px;align-items:center;justify-content:center;margin:22px 0;font-size:12px}.studio-compare-bar{position:sticky;bottom:0;border:1px solid #b8dce0;background:#eaf6f7;padding:12px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:8px;margin-top:18px;font-size:13px}.studio-table-wrap{overflow:auto;margin:15px 0}.studio-table{width:100%;border-collapse:collapse;font-size:12px;background:white}.studio-table th,.studio-table td{text-align:left;border:1px solid #dce5ed;padding:12px;vertical-align:top;line-height:1.5}.studio-table th{background:#edf3f7;font-weight:700}.studio-table th:first-child{min-width:140px}.studio-table td img{height:90px;width:150px;object-fit:contain}.studio-table td{min-width:130px}.studio-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-panel{padding:22px;background:white;border:1px solid #dbe6ed;border-radius:10px;margin-bottom:18px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.studio-fields .wide{grid-column:1/-1}.studio-fields small{font-weight:400;font-size:11px;color:#6b8091;line-height:1.5}.studio-flow{display:flex;gap:12px;align-items:center;margin-bottom:20px;font-size:12px;color:#6c8296}.studio-flow b{color:#008994}.studio-scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.studio-scenario{border:1px solid #d1dfe8;border-radius:9px;padding:16px;text-align:left;background:white;color:#29485f;cursor:pointer;line-height:1.6}.studio-scenario.active{border-color:#008d98;background:#eefafa}.studio-scenario strong{display:block;font-size:14px}.studio-scenario small{font-size:11px}.studio-results{margin-top:20px}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.studio-stat{border:1px solid #dbe6ed;border-radius:8px;background:white;padding:16px}.studio-stat span{font-size:11px;color:#607c92;display:block}.studio-stat strong{font-size:22px;margin-top:8px;display:block;color:#103950}.studio-project{display:flex;justify-content:space-between;gap:15px;padding:17px;border:1px solid #d8e5ec;background:white;border-radius:8px;margin:12px 0;align-items:center}.studio-project h4{margin:0 0 5px}.studio-project small{font-size:11px;color:#70889b}.studio-project-actions{display:flex;gap:8px}.studio-network-svg{display:block;width:100%;height:400px;background:#f7fafc;border:1px solid #d5e2eb;border-radius:8px;touch-action:none}.studio-network-svg .node{cursor:grab}.studio-network-svg .node rect{stroke:#d1e1eb;stroke-width:1.5;fill:#fff}.studio-network-svg .node.selected rect{stroke:#008a98;stroke-width:3}.studio-network-svg .node text{fill:#243f54;font:11px sans-serif;pointer-events:none}.studio-network-svg .node .kind{fill:#00828e;font-weight:bold}.studio-network-svg .connection{stroke:#679bb1;stroke-width:2;fill:none}.studio-network-svg .connection.fiber{stroke:#a17ad1}.studio-network-svg .connection.wireless{stroke-dasharray:5 4}.studio-inspect{border-top:1px solid #d9e5ee;margin-top:18px;padding-top:17px}.studio-inspect h3{font-size:13px;margin:0 0 12px}.studio-inspect label{margin-bottom:12px;font-size:11px}.studio-inspect table{font-size:11px;width:100%;line-height:1.7;border-collapse:collapse}.studio-inspect td{border-bottom:1px solid #e1e9ee;padding:4px}.studio-dori-preview{width:100%;height:100px;background:#edf3f8;border:1px solid #d3e0ea;border-radius:5px;image-rendering:pixelated}.studio-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.studio-pills button{border:1px solid #ccdce6;border-radius:20px;background:#fff;padding:7px 13px;color:#416378;font-size:11px;cursor:pointer}.studio-report-link{margin:15px 0;padding:14px;border:1px solid #cce2e7;border-radius:7px;background:#f0fafb}.studio-compact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.studio-compact-actions .button{font-size:11px;padding:8px 10px}.studio-status{font-size:12px;color:#5c788d;min-height:20px}.studio-topbar-button{border-color:#4f8b9e!important;color:#b5eef2!important}.theme-dark .studio-inspect label,.theme-dark .studio-inspect h3{color:#bed2e4}.theme-dark .studio-inspect input,.theme-dark .studio-inspect select{background:#162b3e;color:#d7e8f4}.studio-dialog .button{cursor:pointer}.studio-body button:focus-visible,.studio-body a:focus-visible{outline:3px solid #0097a4;outline-offset:3px}
@media(max-width:1100px){.studio-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-scenarios{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.studio-dialog{width:98vw;height:96vh;max-height:96vh;border-radius:8px}.studio-head{padding:14px}.studio-head h2{font-size:15px}.studio-head p{font-size:10px}.studio-body{padding:16px;height:calc(100% - 144px)}.studio-tabs{padding:8px}.studio-tabs button{padding:9px 11px;font-size:11px}.studio-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-card-content{padding:11px}.studio-card h4{font-size:11px}.studio-card>img{height:120px}.studio-grid-two{grid-template-columns:1fr}.studio-fields{grid-template-columns:1fr}.studio-fields .wide{grid-column:auto}.studio-toolbar{gap:9px}.studio-toolbar label{min-width:120px}.studio-scenarios{gap:8px}.studio-scenario{padding:12px}.studio-stats{grid-template-columns:repeat(2,1fr)}.studio-panel{padding:16px}.studio-project{align-items:start;flex-direction:column}.studio-project-actions{flex-wrap:wrap}.studio-compare-bar{font-size:11px;padding:10px;gap:10px}.studio-network-svg{height:320px}.studio-dialog .button{font-size:11px}.studio-toolbar .studio-search{min-width:160px}.top-actions .studio-topbar-button{display:none}}

.scene-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scene-tools-grid button{padding:9px 4px;border:1px solid #496279;border-radius:6px;background:#243b50;color:#ecf4fa;font:inherit;font-size:11px;cursor:pointer}.scene-tools-grid button.chosen{background:#087f92;border-color:#63dfd9}.scene-mode{display:block;color:#bdcedb;font-size:11px;margin-bottom:10px}.scene-mode select{display:block;width:100%;padding:8px;margin-top:5px;border-radius:5px;border:1px solid #4c6478;background:#213549;color:white}.scene-examples{max-width:720px}.scene-tools .fine-print{color:#a4bacb}.scene-tools .button{margin-top:8px}

.studio-dialog form.studio-body label{display:grid;gap:8px;margin-bottom:18px;font-size:13px}.studio-dialog form.studio-body input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #bacbd8;border-radius:6px;font:inherit}