:root{color:#172033;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}input::placeholder,textarea::placeholder{color:#c0cad8;font-weight:400;opacity:1}button{cursor:pointer}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;border-bottom:1px solid #d9e2ec;background:#fffffff0;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#246bfe;font-weight:800}.brand h1{margin:0;font-size:18px;letter-spacing:0}.brand p{margin:2px 0 0;color:#627086;font-size:12px}.toolbar-actions,.header-actions,.row-actions{display:flex;align-items:center;gap:8px}.button,.icon-button,.text-button{border:1px solid #cdd8e5;background:#fff;color:#24324a;border-radius:7px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:650;white-space:nowrap}.button svg,.icon-button svg{flex:0 0 auto}.button.primary{color:#fff;border-color:#246bfe;background:#246bfe}.button.secondary:hover,.icon-button:hover{background:#f3f7fb}.button.disabled{color:#8794a8;background:#edf2f7;cursor:not-allowed}.icon-button{width:36px;padding:0}.icon-button.danger{color:#c63737}.text-button{width:fit-content;border:0;padding:0;min-height:24px;background:transparent;color:#246bfe}.status-chip{height:36px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:0 12px;font-size:13px;font-weight:700}.status-chip.ok{color:#087443;background:#e7f8ef}.status-chip.error{color:#aa2626;background:#fff0f0}.workspace{flex:1;display:grid;grid-template-columns:184px minmax(520px,1fr) minmax(420px,42vw);height:calc(100vh - 72px);min-height:0;overflow:hidden}.sidebar{border-right:1px solid #d9e2ec;background:#f8fbfe;padding:14px 10px;min-height:0;overflow:auto}.nav-item{width:100%;height:40px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#536174;font-weight:700;margin-bottom:4px}.nav-item.active{color:#0b4fd8;background:#e7f0ff}.main-pane{min-width:0;min-height:0;padding:18px;overflow:auto}.yaml-pane{min-width:0;min-height:0;height:100%;border-left:1px solid #d9e2ec;background:#0f172a;display:flex;flex-direction:column;overflow:hidden}.yaml-editor-shell{flex:1;min-height:0;overflow:hidden;background:#1e1e1e}.pane-header{height:48px;border-bottom:1px solid #24344d;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:750;background:#0f172a;color:#e5edf8}.pane-header>div:first-child{display:inline-flex;align-items:center;gap:8px}.switch-line{display:flex;align-items:center;gap:6px;font-size:12px;color:#b9c6d8}.yaml-focus-line{background:#2563eb47}.yaml-focus-glyph{background:#60a5fa;width:4px!important;margin-left:3px}.stack{display:flex;flex-direction:column;gap:14px}.hero,.card,.issue-panel{background:#fff;border:1px solid #d9e2ec;border-radius:8px;box-shadow:0 1px 2px #1018280a}.hero{padding:22px}.hero h2,.section-title h2,.card h3{margin:0}.hero p,.section-title p,.connection-box p,.brand p{line-height:1.45}.eyebrow{color:#246bfe;font-weight:800;font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric-card{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:14px}.metric-card span,.metric-card small{display:block;color:#627086;font-size:12px}.metric-card strong{display:block;margin:6px 0;font-size:26px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title>div{min-width:0}.section-title>.button{flex:0 0 auto}.section-title p{color:#627086;margin:4px 0 0}.section-title.compact{margin-bottom:14px}.card{padding:14px}.group-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.group-card-header strong{color:#172033;font-size:15px}.group-members{display:grid;gap:12px}.group-members-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.group-members-head span{display:block;color:#566276;font-size:12px;font-weight:750}.group-members-head small{display:block;margin-top:4px;color:#7d8aa0;font-size:12px;font-weight:600}.group-member-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.group-member-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.member-panel{min-width:0;display:grid;gap:10px;padding:10px;border:1px solid #d9e2ec;border-radius:8px;background:#fbfdff}.member-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-panel-title strong{color:#172033;font-size:13px}.member-panel-title span{color:#7d8aa0;font-size:12px;font-weight:700}.member-list,.available-list{min-height:220px;max-height:360px;overflow:auto;display:grid;align-content:start;gap:8px}.member-row,.available-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:7px 8px 7px 10px;border:1px solid #dce5ef;border-radius:7px;background:#fff;color:#24324a;font-size:13px;font-weight:650}.available-row{width:100%;text-align:left;cursor:pointer}.member-row span,.available-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.member-row-actions button,.available-row b{min-height:24px;padding:0 7px;border:0;border-radius:6px;background:#edf4ff;color:#0b4fd8;font-size:12px;font-weight:700}.member-row-actions button:disabled{color:#a6b2c3;background:#eef2f7;cursor:not-allowed}.member-row-actions .danger-text{color:#c63737;background:#fff2f2}.available-row:hover{background:#f4f8ff}.provider-section,.provider-list{display:grid;gap:14px}.provider-card{display:grid;gap:14px;padding:14px;border:1px solid #d9e2ec;border-radius:8px;background:#fbfdff}.provider-subsection{display:grid;gap:10px;padding:12px;border:1px solid #dce5ef;border-radius:8px;background:#fff}.provider-subsection h3{margin:0;color:#172033;font-size:14px}.provider-card .module-editor{box-shadow:none}.listener-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;min-width:0}.listener-summary-bar{border:1px solid #d9e2ec;border-radius:8px;background:#fff;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.listener-summary-items{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.listener-summary-items span{border:1px solid #dce5ef;border-radius:999px;padding:6px 10px;color:#627086;font-size:12px;font-weight:750;white-space:nowrap}.listener-summary-items b{color:#172033;font-size:14px}.listener-editor{min-width:0;position:static}.listener-editor .form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.listener-preset-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:max-content}.listener-list{display:flex;flex-wrap:wrap;gap:8px;padding:10px;align-items:flex-start;min-width:0}.listener-list-row{width:auto;min-width:0;max-width:100%;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#24324a;padding:8px 10px;text-align:left}.listener-list-row div{min-width:0;display:grid;gap:6px}.listener-list-row strong,.listener-list-row span,.listener-list-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listener-list-row span{color:#627086;font-size:12px;font-weight:650}.listener-list-row small{display:flex;flex-wrap:wrap;gap:5px;font-style:normal;margin-top:2px}.listener-list-row small b,.listener-list-row small em{border-radius:999px;padding:2px 6px;background:#edf4ff;color:#0b4fd8;font-size:11px;font-style:normal;font-weight:800}.listener-list-row small em{color:#627086;background:#eef2f7}.listener-list-row.active{border-color:#246bfe;background:#eef5ff}.listener-subsection,.node-subsection{display:grid;gap:12px;margin-top:14px;padding:12px;border:1px solid #dce5ef;border-radius:8px;background:#fbfdff;min-width:0}.listener-subsection h3,.node-subsection h3{margin:0;color:#172033;font-size:14px}.listener-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;min-width:0}.listener-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.listener-flow>*{border:1px solid #d7e2ef;border-radius:7px;padding:7px 10px;background:#f8fbfe;font-size:12px;font-weight:700;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listener-flow>*:not(:last-child):after{content:"→";margin-left:8px;color:#8b99ad}.listener-flow b{color:#0f4abf;background:#fff}.empty-listener-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.empty-listener-card p{margin:4px 0 0;color:#627086}.split-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(360px,1fr);gap:14px;align-items:start}.table-tools{margin-bottom:10px}.input,.field input,.field select,.field textarea,.rule-builder input,.rule-builder select,.rule-row input,td input,td select{width:100%;border:1px solid #cdd8e5;border-radius:7px;min-height:36px;padding:7px 10px;color:#172033;background:#fff}.field textarea,.code-textarea{min-height:108px;resize:vertical}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid #e2e8f0;white-space:nowrap}th{color:#627086;font-size:12px;background:#f8fbfe}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#eef5ff}.devices-table{min-width:0;table-layout:fixed}.devices-table .device-col-enabled{width:64px}.devices-table .device-col-label{width:24%}.devices-table .device-col-source{width:28%}.devices-table .device-col-target{width:auto}.devices-table .device-col-action{width:56px}.devices-table td{vertical-align:middle}.devices-table .table-checkbox{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:#246bfe}.devices-table .device-target-cell select{min-width:0}.devices-table td:last-child,.devices-table th:last-child{text-align:right}.editor-card{position:sticky;top:88px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:22px}.field{display:flex;flex-direction:column;gap:8px;color:#566276;font-size:12px;font-weight:750}.field small{display:block;margin-top:2px;color:#7d8aa0;font-size:12px;font-weight:600;line-height:1.6}.field.full,.form-full{grid-column:1 / -1}.check-field{min-height:36px;display:flex;align-items:center;gap:8px;font-weight:700;color:#40516a}.dns-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dns-card{display:grid;gap:14px;padding:16px}.dns-card-wide{grid-column:1 / -1}.advanced-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.advanced-module-grid .module-editor .section-title{gap:12px}.advanced-module-grid .module-editor .code-textarea{min-height:180px}.dns-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #d9e4f2}.dns-card-title h3{margin:0;font-size:16px}.title-with-icon{display:inline-flex;align-items:center;gap:8px;min-width:0}.title-icon{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#7aa2f7;background:#7aa2f724;border:1px solid rgba(122,162,247,.2)}.section-title h2 .title-icon,.hero h2 .title-icon{width:30px;height:30px}.card h3 .title-icon,.dns-card-title h3 .title-icon,.provider-subsection h3 .title-icon,.node-subsection h3 .title-icon,.listener-subsection h3 .title-icon,.dns-policy-section h3 .title-icon{width:24px;height:24px;border-radius:7px}.dns-card-title p{margin:4px 0 0;color:#6b7890;font-size:12px;font-weight:650}.dns-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dns-toggle-grid .check-field{min-height:40px;padding:8px 10px;border:1px solid #d9e4f2;border-radius:8px;background:#f8fbfe}.compact-grid{row-gap:16px}.dns-array-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.dns-array-grid .field.full{grid-column:auto}.dns-subsection{border:1px solid #d9e4f2;border-radius:8px;padding:12px;background:#f8fbfe}.dns-subsection>div:first-child{margin-bottom:12px}.dns-subsection strong{color:#172033;font-size:14px}.dns-subsection p{margin:3px 0 0;color:#6b7890;font-weight:600}.dns-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:20px}.dns-filter-grid .check-field input[type=checkbox]{width:16px;min-height:16px;height:16px;flex:0 0 16px}.dns-policy-card{display:grid;gap:12px}.dns-policy-section{border:1px solid #d9e4f2;border-radius:8px;padding:10px;background:#f8fbfe}.dns-policy-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.dns-policy-section h3{margin:0;font-size:15px}.dns-policy-section p{margin:1px 0 0;color:#6b7890;font-size:12px;font-weight:650}.dns-policy-head,.dns-policy-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) auto;gap:8px;align-items:start}.dns-policy-head{color:#627086;font-size:12px;font-weight:800;margin-bottom:6px}.dns-policy-head em{display:block;margin-top:2px;color:#8b99ad;font-style:normal;font-size:11px;font-weight:600}.dns-policy-rows{display:grid;gap:8px}.dns-policy-row input,.dns-policy-row textarea{width:100%;border:1px solid #cdd8e5;border-radius:7px;padding:7px 10px;color:#172033;background:#fff}.dns-policy-row textarea{min-height:56px;resize:vertical}.dns-policy-empty{color:#6b7890;border:1px dashed #cdd8e5;border-radius:8px;padding:12px;background:#fff}.connection-box{margin:14px 0;border:1px solid #d8e4f2;border-radius:8px;padding:12px;background:#f8fbff;display:grid;gap:12px}.chain-list{display:grid;gap:10px}.chain-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chain-row>*{border:1px solid #d7e2ef;border-radius:7px;padding:7px 10px;background:#f8fbfe}.chain-row>*:not(:last-child):after{content:"→";margin-left:8px;color:#8b99ad}.chain-row b{color:#0f4abf;background:#fff}.chain-row.mini{font-size:12px}.raw-fields{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:10px;display:grid;gap:10px}.rule-builder{display:grid;grid-template-columns:160px 1fr 220px auto;gap:10px;align-items:center}.rule-list{display:grid;gap:8px}.preset-card{display:grid;gap:10px}.rule-tags{display:flex;flex-wrap:wrap;gap:8px}.rule-tags code{border:1px solid #d7e2ef;border-radius:7px;padding:7px 9px;background:#f8fbfe;color:#24324a}.rule-row{display:grid;grid-template-columns:1fr auto;gap:8px}.rule-edit-line{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(220px,1fr) minmax(130px,.26fr);gap:8px;align-items:center}.rule-edit-line.match-rule{grid-template-columns:minmax(150px,.28fr) minmax(130px,.26fr)}.rule-token{min-height:36px;border:1px solid #cdd8e5;border-radius:7px;padding:7px 10px;color:#172033;font-family:SFMono-Regular,Consolas,monospace;font-weight:750}.rule-row .rule-token-type{color:#075985;border-color:#7dd3fc;background:#e0f2fe}.rule-row .rule-token-value{color:#4c1d95;border-color:#c4b5fd;background:#f3e8ff}.rule-row .rule-token-target,.rule-row .rule-token-proxy{color:#1d4ed8;border-color:#93c5fd;background:#dbeafe}.rule-row .rule-token-direct{color:#166534;border-color:#86efac;background:#dcfce7}.module-editor .code-textarea{width:100%;min-height:360px;margin-top:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5;border:1px solid #cdd8e5;border-radius:8px;padding:12px}.issue-panel{margin-top:14px;padding:10px;display:grid;gap:8px}.issue-panel.empty{display:flex;align-items:center;gap:8px;color:#087443}.issue{display:flex;align-items:center;gap:8px;min-height:32px;border-radius:7px;padding:7px 9px;font-size:13px}.issue.error{color:#a22525;background:#fff0f0}.issue.warning{color:#8a5b00;background:#fff8e6}.issue.info{color:#0f4abf;background:#eef5ff}.issue-area{font-weight:800}.empty-state{color:#627086;padding:12px;background:#f8fbfe;border-radius:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a5c;z-index:60;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);background:#fff;border-radius:8px;padding:18px;box-shadow:0 24px 60px #0f172a47}.modal h2{margin:0 0 12px}.modal textarea{width:100%;height:420px;border:1px solid #cdd8e5;border-radius:8px;padding:12px;font-family:SFMono-Regular,Consolas,monospace}.modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}.form-error{color:#a22525}code{font-family:SFMono-Regular,Consolas,monospace;color:#0f4abf}:root{color:#e6edf5;background:#1c2330}body{background:#1c2330}input::placeholder,textarea::placeholder{color:#738397}.app-shell{background:#1c2330;color:#e6edf5}.topbar{border-bottom-color:#3a4556;background:#242b38f5}.brand p,.section-title p,.hero p,.connection-box p,.metric-card span,.metric-card small,.group-members-head span,.group-members-head small,.member-panel-title span,.field,.field small,.dns-subsection p,.dns-policy-section p,.dns-policy-head,.dns-policy-head em,.dns-card-title p,.dns-policy-empty,.listener-list-row span,.listener-summary-items span,.empty-listener-card p,.empty-state{color:#aab7c7}.brand-mark,.button.primary{background:#5e81f4;border-color:#5e81f4;color:#fff}.button,.icon-button,.text-button{border-color:#465469;background:#2b3444;color:#e1e8f2}.button.secondary:hover,.icon-button:hover,.available-row:hover,.listener-list-row:hover{background:#344052}.button.disabled{color:#8492a6;background:#263040}.text-button,code{color:#8fb7ff}.status-chip.ok{color:#a3d9a5;background:#a3d9a524}.status-chip.error{color:#f2a3a3;background:#f2a3a324}.workspace{background:#1c2330}.sidebar{border-right-color:#3a4556;background:#242b38}.nav-item{color:#aab7c7}.nav-item:hover{background:#303948;color:#edf3fb}.nav-item.active{color:#edf3fb;background:#405b8f}.main-pane{background:#1c2330}.hero,.card,.issue-panel,.metric-card,.provider-card,.provider-subsection,.node-subsection,.listener-subsection,.listener-summary-bar,.member-panel,.dns-subsection,.dns-toggle-grid .check-field,.dns-policy-section,.connection-box,.modal{background:#252d3a;border-color:#3a4556;box-shadow:0 8px 22px #0a0e1838}.hero h2,.section-title h2,.card h3,.group-card-header strong,.member-panel-title strong,.dns-subsection strong,.dns-card-title h3,.provider-subsection h3,.node-subsection h3,.listener-subsection h3,.dns-policy-section h3,.metric-card strong,.modal h2{color:#f0f5fb}.eyebrow{color:#8fb7ff}.input,.field input,.field select,.field textarea,.rule-builder input,.rule-builder select,.rule-row input,td input,td select,.dns-policy-row input,.dns-policy-row textarea,.module-editor .code-textarea,.modal textarea{border-color:#465469;background:#202837;color:#e6edf5}.input:focus,.field input:focus,.field select:focus,.field textarea:focus,.rule-builder input:focus,.rule-builder select:focus,.rule-row input:focus,td input:focus,td select:focus,.dns-policy-row input:focus,.dns-policy-row textarea:focus,.module-editor .code-textarea:focus,.modal textarea:focus{border-color:#7aa2f7;outline:2px solid rgba(122,162,247,.24)}select option{background:#202837;color:#e6edf5}th{color:#b8c4d4;background:#2b3444}td{border-bottom-color:#3a4556}tbody tr:hover,tbody tr.selected{background:#304259}.member-row,.available-row,.listener-list-row,.listener-summary-items span,.listener-flow>*,.dns-toggle-grid .check-field,.chain-row>*,.rule-tags code,.dns-policy-empty,.empty-state{border-color:#465469;background:#202837;color:#dfe7f1}.listener-list-row.active{border-color:#7aa2f7;background:#304259}.listener-list-row small b{color:#a8c7ff;background:#34476c}.listener-list-row small em{color:#aab7c7;background:#2b3444}.member-row-actions button,.available-row b{color:#a8c7ff;background:#34476c}.member-row-actions button:disabled{color:#7f8da1;background:#2b3444}.member-row-actions .danger-text{color:#f2a3a3;background:#f2a3a324}.check-field{color:#d6dfeb}.chain-row>*:not(:last-child):after{color:#7f8da3}.chain-row b,.listener-flow b{color:#a8c7ff;background:#29364d}.listener-flow>*:not(:last-child):after{color:#7f8da3}.raw-fields{border-top-color:#3a4556}.dns-card-title{border-bottom-color:#3a4556}.rule-token{border-color:#465469;color:#e6edf5;background:#202837}.rule-row .rule-token-type{color:#9bd8e8;border-color:#3d7180;background:#243f48}.rule-row .rule-token-value{color:#d9c0ff;border-color:#67578a;background:#332d46}.rule-row .rule-token-target,.rule-row .rule-token-proxy{color:#a8c7ff;border-color:#45628f;background:#283b5a}.rule-row .rule-token-direct{color:#b4e3b3;border-color:#4f7a55;background:#2b4130}.issue-panel.empty{color:#a3d9a5}.issue.error{color:#f2a3a3;background:#f2a3a324}.issue.warning{color:#efd49a;background:#efd49a24}.issue.info{color:#a8c7ff;background:#7aa2f724}.modal-backdrop{background:#0e131db8}.yaml-pane{border-left-color:#3a4556;background:#242b38}.yaml-editor-shell{background:#242b38}.pane-header{border-bottom-color:#3a4556;background:#242b38;color:#e6edf5}*{scrollbar-color:#65738a #202837}.brand p,.section-title p,.hero p,.connection-box p,.dns-card-title p,.dns-subsection p,.dns-policy-section p,.provider-subsection p,.empty-listener-card p,.field small,.group-members-head small,.dns-policy-head em,.metric-card small,.listener-list-row span,.listener-summary-items span,.empty-state{font-size:13px;line-height:1.5;font-weight:500;color:#98a6b9}.field>span,.group-members-head span,.dns-policy-head,.metric-card span,.member-panel-title span,.issue-area{font-size:12px;line-height:1.35;font-weight:800;color:#c5d0df}.section-title h2,.hero h2{font-size:24px;line-height:1.2}.dns-card-title h3,.card h3,.provider-subsection h3,.node-subsection h3,.listener-subsection h3,.dns-policy-section h3{font-size:16px;line-height:1.25}.metric-card strong,.listener-summary-items b{color:#f0f5fb}@media(max-width:1500px){.split-grid{grid-template-columns:1fr}.editor-card{position:static}}@media(max-width:1100px){.app-shell{height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-columns:170px minmax(0,1fr);height:auto;min-height:calc(100vh - 72px);overflow:visible}.main-pane{overflow:visible}.yaml-pane{grid-column:1 / -1;height:560px;min-height:0;border-left:0;border-top:1px solid #d9e2ec}}@media(max-width:860px){.topbar{height:auto;align-items:flex-start;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.sidebar{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #d9e2ec}.nav-item{width:auto;min-width:max-content}.split-grid,.metrics-grid,.listener-layout,.listener-section-grid,.form-grid,.dns-page-grid,.dns-array-grid,.dns-toggle-grid,.dns-filter-grid,.advanced-module-grid,.dns-policy-head,.dns-policy-row,.rule-builder{grid-template-columns:1fr}.editor-card{position:static}}