:root{color:#26343c;background:#dfe7eb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #315f77;--blue-soft: rgba(49, 95, 119, .1);--ink: #1e2d35;--muted: #6f7e86;--line: rgba(72, 92, 103, .16);--line-light: rgba(255, 255, 255, .62);--surface: rgba(250, 252, 252, .68);--surface-solid: #f5f7f7;--canvas: transparent;--glass-shadow: 0 12px 38px rgba(38, 55, 65, .08);--glass-blur: blur(22px) saturate(112%);--nav-width: 224px;--preview-width: min(42vw, 720px)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}a{color:var(--blue);text-decoration:none}.hidden{display:none!important}.builder{height:100vh;display:grid;grid-template-columns:var(--nav-width) minmax(460px,1fr) var(--preview-width);grid-template-rows:56px minmax(0,1fr)}.builder.preview-closed{grid-template-columns:var(--nav-width) minmax(0,1fr)}.app-header{grid-column:1/-1;height:56px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;z-index:30}.app-logo{display:flex;align-items:center;gap:9px;min-width:calc(var(--nav-width) - 18px)}.app-logo>div{width:29px;height:29px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 6px 15px #2563eb33}.app-logo strong{font-size:14px;letter-spacing:-.3px;white-space:nowrap}.app-logo span{color:#93a0b4;font-size:10px;padding-left:8px;border-left:1px solid var(--line)}.header-file{display:flex;align-items:center;gap:7px;color:#8390a4;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-file i{width:6px;height:6px;border-radius:50%;background:#b6c0cf}.header-file i.changed{background:#f59e0b}.header-actions{margin-left:auto;display:flex;align-items:center;gap:3px}.header-actions button{height:34px;border:0;border-radius:8px;background:transparent;padding:0 9px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;white-space:nowrap}.header-actions button:hover{background:#f3f6fb}.header-actions .preview-button{border:1px solid #dbe7ff;background:#eff5ff;color:var(--blue)}.header-actions .preview-button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.header-divider{height:20px;width:1px;background:var(--line);margin:0 5px}.issue-dot{min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:99px;color:#b45309;background:#fef3c7;font-size:8px;font-style:normal}.mobile-icon{display:none;border:0;background:transparent;margin-right:7px}.module-nav{grid-row:2;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:20}.module-nav nav{padding:9px 7px;overflow:auto}.module-nav nav button{width:100%;height:39px;border:0;border-radius:8px;background:transparent;color:#42526d;display:flex;align-items:center;gap:11px;padding:0 13px;cursor:pointer;font-size:12px;text-align:left}.module-nav nav button:hover{background:#f5f7fb}.module-nav nav button.active{background:var(--blue-soft);color:var(--blue);font-weight:600;box-shadow:inset 3px 0 0 var(--blue)}.module-nav nav svg{flex:0 0 auto}.nav-footer{margin:auto 8px 8px;border-top:1px solid var(--line);padding-top:12px}.nav-footer>div{min-height:54px;padding:9px 12px;border:1px solid var(--line);background:#f7f9fc;border-radius:9px;display:flex;align-items:center;gap:9px}.nav-footer>div>svg:first-child{color:var(--blue)}.nav-footer>div>svg:last-child{color:#16a34a;margin-left:auto}.nav-footer span strong,.nav-footer span small{display:block}.nav-footer strong{font-size:11px}.nav-footer small{margin-top:2px;color:#8d99ad;font-size:9px}.nav-footer p{margin:8px 7px 0;color:#9aa6b9;font-size:9px}.mobile-nav-head{display:none}.workspace{grid-row:2;min-width:0;overflow:auto;background:var(--canvas);container-type:inline-size}.module-content{width:min(850px,calc(100% - 56px));margin:0 auto;padding:28px 0 60px}.module-heading{min-height:74px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.module-heading h1{margin:0 0 7px;color:var(--ink);font-size:23px;letter-spacing:-.6px}.module-heading p{margin:0;color:var(--muted);font-size:11px}.module-heading p a{display:inline-flex;align-items:center;gap:3px;margin-left:5px}.module-heading--actions{align-items:center}.primary-button,.ghost-button{height:36px;padding:0 13px;border-radius:7px;border:1px solid var(--blue);background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:11px;font-weight:600}.primary-button:hover{background:#1d4ed8}.ghost-button{background:#fff;color:#53627a;border-color:var(--line)}.form-section{margin-bottom:9px;border:1px solid var(--line);border-radius:11px;background:#f0f4f9;overflow:hidden}.form-section.open{background:#fff;box-shadow:0 5px 22px #2c3e5a0e}.section-trigger{width:100%;min-height:46px;padding:0 16px;border:0;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.section-trigger svg{transition:transform .2s;transform:rotate(-90deg)}.form-section.open .section-trigger svg{transform:rotate(0)}.section-trigger strong{font-size:12px;color:var(--ink)}.section-trigger span{color:#8c9ab0;font-size:10px}.section-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:3px 20px 18px;border-top:1px solid #edf1f6}.schema-collapse .n-collapse-item{margin:0 0 9px!important;border:1px solid var(--line)!important;border-radius:11px;background:#f0f4f9;overflow:hidden;transition:background .18s,box-shadow .18s}.schema-collapse .n-collapse-item--active{background:#fff;box-shadow:0 5px 22px #2c3e5a0e}.schema-collapse .n-collapse-item__header{min-height:46px;padding:0 16px!important}.schema-collapse .n-collapse-item__header-main{color:var(--ink)!important}.schema-collapse .n-collapse-item__content-inner{padding:0!important}.section-description{color:#8c9ab0;font-size:10px;font-weight:400}.config-field{min-height:82px;padding:14px 0;border-bottom:1px solid #edf1f6;display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.1fr);align-items:center;gap:16px}.config-field--wide{grid-column:1/-1}.config-field--wide{grid-template-columns:minmax(150px,.5fr) minmax(260px,1.5fr)}.field-copy label{display:block;color:#26354e;font-size:11px;font-weight:600}.field-copy p{margin:4px 0 0;color:#94a0b2;font-size:9px;line-height:1.4}.control,.modal input,.modal select{width:100%;min-height:36px;padding:0 10px;border:1px solid #d9e1ec;border-radius:7px;background:#fbfcfe;color:#25334b;outline:0;font-size:11px;transition:.16s}.control:focus,.modal input:focus,.modal select:focus{border-color:#7ba5ff;box-shadow:0 0 0 3px #2563eb14;background:#fff}.control::placeholder,.modal input::placeholder{color:#acb6c5}.textarea{min-height:80px;padding:9px;resize:vertical}.switch-control{justify-self:end;display:flex;align-items:center;gap:7px;cursor:pointer;color:#8c98aa;font-size:10px}.switch-control input{position:absolute;opacity:0}.switch-control i{width:34px;height:19px;padding:2px;border-radius:99px;background:#cbd4e0;transition:.18s}.switch-control i:after{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:.18s}.switch-control input:checked+i{background:var(--blue)}.switch-control input:checked+i:after{transform:translate(15px)}.naive-switch-wrap{justify-self:end;display:flex;align-items:center;gap:8px;color:#8c98aa;font-size:10px}.config-field>.n-input-number,.config-field>.n-select,.config-field>.n-input,.config-field>.n-dynamic-tags{width:100%;min-width:0}.tag-editor{min-width:0}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.tags>span{min-height:25px;max-width:100%;padding:0 5px 0 8px;border-radius:6px;background:var(--blue-soft);color:#2456ac;display:flex;align-items:center;gap:4px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.tags button,.tag-input button{border:0;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;padding:2px}.tag-input{position:relative}.tag-input .control{padding-right:36px}.tag-input>button{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:6px;color:var(--blue)}.tag-input>button:hover{background:var(--blue-soft)}.yaml-preview{grid-row:2;min-width:0;display:flex;flex-direction:column;background:#18253a;color:#dce7f5;border-left:1px solid #0f1a2b}.yaml-preview>header{height:51px;padding:0 15px;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between}.yaml-preview header>div{display:flex;align-items:center;gap:7px}.yaml-preview header strong{font-size:11px}.yaml-preview header span{color:#7f91aa;font-size:9px}.yaml-preview header button{height:27px;padding:0 8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0a;color:#cfdaea;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:9px}.yaml-preview header button:hover{background:#ffffff17}.preview-close{display:none!important}.code-scroller{min-height:0;flex:1;overflow:auto;display:grid;grid-template-columns:50px minmax(max-content,1fr);padding:15px 0 40px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.75}.line-numbers{color:#52627a;text-align:right;padding-right:14px;border-right:1px solid rgba(255,255,255,.06);user-select:none}.line-numbers span{display:block}.code-scroller pre{margin:0;padding:0 18px}.code-scroller code{color:#c8d9ef;white-space:pre}.raw-editor{flex:1;min-height:0;width:100%;resize:none;border:0;outline:0;padding:18px;background:#18253a;color:#c8d9ef;font:11px/1.75 Cascadia Code,Consolas,monospace}.yaml-preview>footer{padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.apply-raw{width:100%;height:34px;border:0;border-radius:6px;background:var(--blue);color:#fff;cursor:pointer;font-size:10px}.raw-error{padding:9px 14px;background:#482334;color:#ffc1ca;font-size:10px}.yaml-editor{flex:1;min-height:0;overflow:hidden}.yaml-editor .cm-editor{height:100%}.yaml-preview>footer .n-button{height:34px}.collection-toolbar{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;color:#8794a9;font-size:10px}.search-box{width:240px;position:relative}.search-box svg{position:absolute;left:10px;top:10px;color:#8a98ad}.search-box input{width:100%;height:35px;padding:0 10px 0 34px;border:1px solid var(--line);border-radius:7px;background:#fff;outline:0;font-size:10px}.search-box input:focus{border-color:#8badf5}.collection-toolbar>span{flex:0 0 auto;white-space:nowrap}.collection-search{width:240px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.item-card{position:relative;min-height:116px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 16px #2c3e5a0a}.item-card h3{margin:12px 30px 6px 0;color:var(--ink);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card p{margin:0;color:#8793a5;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-type{display:inline-flex;padding:3px 6px;border-radius:4px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:700;text-transform:uppercase}.danger-icon{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#9da8b8;cursor:pointer}.danger-icon:hover{background:#fff0f1;color:#dc2626}.edit-chip{position:absolute;right:12px;bottom:11px;height:23px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#68768b;cursor:pointer;font-size:9px}.edit-chip:hover{color:var(--blue);border-color:#b9ccf6}.item-edit-modal textarea{width:calc(100% - 36px);min-height:330px;margin:16px 18px;padding:12px;border:1px solid var(--line);border-radius:7px;outline:0;background:#f9fbfd;color:#344158;resize:vertical;font:10px/1.65 Cascadia Code,Consolas,monospace}.form-modal,.item-edit-modal{width:min(470px,calc(100vw - 32px))}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.mono-input textarea{font-family:Cascadia Code,Consolas,monospace!important;font-size:10px!important;line-height:1.65!important}.item-edit-modal .mono-input textarea{width:100%;min-height:0;margin:0}.editor-card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 22px #2c3e5a0b}.empty-state{min-height:190px;display:grid;place-items:center;color:#9aa7b9;font-size:11px}.add-rule{padding:13px;display:flex;gap:10px;margin-bottom:12px}.add-rule textarea{flex:1;min-height:58px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;outline:0;resize:vertical;font:10px/1.5 Cascadia Code,Consolas,monospace}.add-rule .primary-button{align-self:flex-end}.list-card{overflow:hidden}.list-header{height:43px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px}.list-header strong{font-size:11px}.list-header span{color:#8b97a9}.editable-list{max-height:calc(100vh - 280px);overflow:auto}.editable-row{min-height:42px;padding:5px 10px;border-bottom:1px solid #edf1f6;display:grid;grid-template-columns:17px 30px minmax(0,1fr) 30px;align-items:center;gap:5px}.editable-row>svg{color:#b0bac7}.row-index{color:#a0abba;font-size:9px}.editable-row input{height:30px;border:1px solid transparent;border-radius:5px;background:transparent;color:#344158;padding:0 7px;font:9.5px Cascadia Code,Consolas,monospace}.editable-row input:focus{border-color:var(--line);background:#fbfcfe;outline:0}.editable-row button{width:28px;height:28px;border:0;background:transparent;color:#a1acba;cursor:pointer}.editable-row button:hover{color:#dc2626}.add-rule>.n-input{flex:1}.add-rule>.n-button{align-self:flex-end}.editable-row>.n-input input{font-family:Cascadia Code,Consolas,monospace;font-size:9.5px}.fragment-card{overflow:hidden}.fragment-head{height:58px;padding:0 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.fragment-head strong,.fragment-head span{display:block}.fragment-head strong{color:var(--ink);font:11px Cascadia Code,Consolas,monospace}.fragment-head span{margin-top:4px;color:#8d99ab;font-size:9px}.fragment-editor{width:100%;min-height:450px;padding:16px;border:0;resize:vertical;outline:0;color:#334158;background:#fbfcfe;font:10.5px/1.7 Cascadia Code,Consolas,monospace}.inline-error{margin:0;padding:10px 15px;background:#fff0f1;color:#b91c1c;font-size:10px}.fragment-editor-naive{padding:12px;background:#fbfcfe}.fragment-editor-naive .n-input-wrapper{padding:0}.fragment-card>.n-alert{border-radius:0}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#1420346b;backdrop-filter:blur(3px)}.modal,.validation-modal{width:min(430px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:13px;background:#fff;box-shadow:0 24px 80px #1321383d}.modal header,.validation-modal header{min-height:66px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal header span,.validation-modal header span{color:var(--blue);font-size:8px;letter-spacing:1.4px;font-weight:700}.modal header h2,.validation-modal header h2{margin:4px 0 0;font-size:16px}.modal header button,.validation-modal header button{width:30px;height:30px;border:0;border-radius:6px;background:transparent;cursor:pointer}.modal>label{display:grid;gap:6px;margin:15px 18px;color:#536179;font-size:10px;font-weight:600}.modal label small{color:#9aa5b5;font-weight:400}.modal footer,.validation-modal footer{min-height:60px;padding:12px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:8px}.validation-modal footer{justify-content:space-between;color:#8491a4;font-size:9px}.validation-ok{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#16a34a}.validation-ok strong{color:var(--ink);font-size:13px}.validation-ok span{color:#8d99aa;font-size:10px}.issue-list{max-height:360px;overflow:auto;padding:10px 18px}.issue-list>div{padding:11px 0;border-bottom:1px solid #edf1f6;display:flex;gap:9px;color:#b45309}.issue-list>div.error{color:#dc2626}.issue-list span{color:#65728a;font-size:10px;line-height:1.5}.issue-list strong{display:block;color:#334158;font:9px Cascadia Code,Consolas,monospace}.validation-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8491a4;font-size:10px}.nav-scrim{display:none}.builder{position:relative;isolation:isolate;background:#dfe7eb}.builder:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.92),transparent 31%),radial-gradient(circle at 67% 92%,rgba(174,194,204,.45),transparent 35%),linear-gradient(132deg,#dce5ea,#edf1f1 52%,#d8e2e7)}.app-header{background:#fafcfcb3;border-bottom-color:var(--line-light);box-shadow:0 1px #3648521a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.app-logo>div{border:1px solid rgba(38,72,90,.24);border-radius:6px;background:#ffffff6b;color:var(--blue);box-shadow:inset 0 1px #ffffffc2}.header-actions button:hover{background:#ffffff8f}.header-actions .preview-button{border-color:#315f772e;background:#315f7714}.module-nav{background:#f8fafa94;border-right-color:var(--line-light);box-shadow:1px 0 #36485214;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.module-nav nav button:hover{background:#ffffff61}.module-nav nav button.active{background:#ffffff9e;color:#244c62;box-shadow:inset 2px 0 0 var(--blue),inset 0 0 0 1px #ffffff59}.nav-footer>div{border-color:#485c6724;border-radius:7px;background:#ffffff57;box-shadow:inset 0 1px #ffffff7a}.nav-footer>div>svg:last-child{color:#4d745f}.nav-footer small,.nav-footer p{color:#7f8d94}.primary-button:hover{background:#254e65}.ghost-button{background:#ffffff75;color:#53636b}.schema-collapse .n-collapse-item,.form-section{border-color:var(--line-light)!important;border-radius:8px;background:#f5f8f86b;box-shadow:inset 0 0 0 1px #485c6714;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.schema-collapse .n-collapse-item--active,.form-section.open{background:#fafcfcb8;box-shadow:var(--glass-shadow),inset 0 1px #ffffffb8}.schema-collapse .n-collapse-item__content-inner,.section-fields{border-top-color:#485c671a}.section-description,.section-trigger span{color:#7f8e96}.config-field{border-bottom-color:#485c671a}.field-copy label{color:#2b3a42}.field-copy p{color:#839198}.control,.modal input,.modal select,.search-box input{border-color:#40535d2e;border-radius:6px;background:#ffffff80;color:#26343c}.control:focus,.modal input:focus,.modal select:focus,.search-box input:focus{border-color:#315f778c;box-shadow:0 0 0 3px #315f7714;background:#ffffffd1}.n-input,.n-input-number,.n-base-selection{--n-color: rgba(255,255,255,.48) !important;--n-color-focus: rgba(255,255,255,.72) !important;--n-border: 1px solid rgba(64,83,93,.18) !important;--n-border-hover: 1px solid rgba(49,95,119,.38) !important;--n-border-focus: 1px solid rgba(49,95,119,.58) !important;--n-box-shadow-focus: 0 0 0 3px rgba(49,95,119,.08) !important}.item-card,.editor-card{border-color:var(--line-light);border-radius:8px;background:#fafcfca3;box-shadow:var(--glass-shadow),inset 0 0 0 1px #485c6712;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.fragment-editor,.fragment-editor-naive{background:#ffffff47}.yaml-preview{background:#151f25e8;color:#dce7e9;border-left-color:#ffffff1a;box-shadow:-8px 0 26px #18252c14;backdrop-filter:blur(24px) saturate(108%);-webkit-backdrop-filter:blur(24px) saturate(108%)}.raw-editor{background:transparent;color:#cfdddf}.modal-backdrop{background:#1c282e52;backdrop-filter:blur(8px)}.modal,.validation-modal,.form-modal,.item-edit-modal{border:1px solid rgba(255,255,255,.58);border-radius:9px;background:#f5f8f8e0;box-shadow:0 24px 70px #1a272e33;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.structured-card{min-height:132px}.structured-card .card-actions{position:absolute;right:10px;bottom:9px;display:flex;align-items:center;gap:1px}.structured-card .card-actions .n-button:hover{color:var(--blue);background:#315f7714}.structured-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px)}.structured-modal>.n-card__content{overflow:auto}.visual-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.visual-form .config-field{min-height:76px;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.2fr)}.visual-form .config-field--wide{grid-column:1/-1;grid-template-columns:minmax(130px,.38fr) minmax(260px,1.62fr)}.structured-modal>.n-card__content>.n-alert{margin-top:14px;background:#315f770f}.hosts-table{overflow:hidden}.host-row{min-height:72px;padding:12px 14px;border-bottom:1px solid rgba(72,92,103,.1);display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.4fr) 72px;align-items:center;gap:16px}.host-row:last-child{border-bottom:0}.host-domain strong,.host-domain span{display:block}.host-domain strong{color:var(--ink);font:10.5px/1.4 Cascadia Code,Consolas,monospace;word-break:break-all}.host-domain span{margin-top:4px;color:#88969d;font-size:9px}.host-values{display:flex;flex-wrap:wrap;gap:5px}.host-values span{padding:4px 7px;border:1px solid rgba(49,95,119,.12);border-radius:5px;background:#315f7712;color:#365c70;font:9.5px Cascadia Code,Consolas,monospace}.host-actions{display:flex;justify-content:flex-end;gap:2px}.hosts-modal{width:min(520px,calc(100vw - 32px))}.hosts-form{display:grid;gap:18px}.hosts-form label{display:grid;gap:7px;color:#34444c;font-size:11px;font-weight:600}.hosts-form small{color:#849198;font-size:9px;font-weight:400}@container (max-width: 780px){.section-fields{grid-template-columns:1fr}.config-field--wide{grid-column:auto}.config-field,.config-field--wide{grid-template-columns:minmax(120px,.75fr) minmax(170px,1.25fr)}}@media(max-width:1120px){:root{--preview-width: 410px;--nav-width: 205px}.section-fields{grid-template-columns:1fr}.config-field--wide{grid-column:auto}}@media(max-width:850px){.builder,.builder.preview-closed{grid-template-columns:1fr}.module-nav{position:fixed;left:0;top:56px;bottom:0;width:240px;transform:translate(-100%);transition:transform .2s;box-shadow:20px 0 50px #1c2a422e}.nav-visible .module-nav{transform:translate(0)}.nav-visible .nav-scrim{display:block;position:fixed;inset:56px 0 0;z-index:15;background:#14203447}.mobile-nav-head{height:48px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.mobile-nav-head button{border:0;background:transparent}.mobile-icon{display:grid;place-items:center}.app-logo{min-width:175px}.yaml-preview{position:fixed;inset:56px 0 0 28%;z-index:25;box-shadow:-20px 0 50px #14203433}.preview-close{display:flex!important}.module-content{width:min(720px,calc(100% - 32px))}.header-file{display:none}}@media(max-width:620px){.app-logo{min-width:0}.app-logo span{display:none}.header-actions button{width:34px;justify-content:center;padding:0}.header-actions button>span,.header-actions button:not(.preview-button){font-size:0}.header-actions button svg{width:16px;height:16px}.header-divider{display:none}.issue-dot{position:absolute;transform:translate(10px,-10px)}.yaml-preview{left:0}.module-heading--actions{gap:12px}.module-heading--actions .search-box{width:160px}.section-fields{padding:3px 14px 16px}.config-field,.config-field--wide{grid-template-columns:1fr;gap:8px}.config-field--switch{grid-template-columns:1fr auto}.switch-control{justify-self:auto}.card-grid{grid-template-columns:1fr 1fr}.add-rule{flex-direction:column}.add-rule .primary-button{align-self:stretch}.fragment-head{height:auto;padding:12px;gap:10px}}@media(max-width:620px){.visual-form{grid-template-columns:1fr}.visual-form .config-field--wide{grid-column:auto;grid-template-columns:1fr}.host-row{grid-template-columns:1fr 64px;gap:8px}.host-values{grid-column:1/-1;grid-row:2}.host-actions{grid-column:2;grid-row:1}}@media(max-width:430px){.card-grid{grid-template-columns:1fr}.module-heading{min-height:65px}.module-heading h1{font-size:20px}}.app-logo strong{font-size:15px}.app-logo span{font-size:11px}.header-file{font-size:12px}.header-actions button{height:38px;padding-inline:11px;font-size:13px}.module-nav nav button{height:43px;font-size:13px}.nav-footer strong{font-size:12px}.nav-footer small,.nav-footer p{font-size:10px}.module-content{width:min(920px,calc(100% - 56px));padding-top:32px}.module-heading{min-height:78px}.module-heading h1{margin-bottom:8px;font-size:26px}.module-heading p{font-size:13px;line-height:1.6}.schema-collapse .n-collapse-item{margin-bottom:11px!important}.schema-collapse .n-collapse-item__header{min-height:52px;padding-inline:18px!important}.section-description{font-size:12px}.config-field{min-height:94px;padding-block:16px;gap:18px}.field-copy label{font-size:13px}.field-copy p{margin-top:5px;font-size:11px;line-height:1.45}.naive-switch-wrap{font-size:12px}.config-overview{margin-bottom:16px;padding:16px 18px;border:1px solid var(--line-light);border-radius:9px;background:#fafcfcad;box-shadow:var(--glass-shadow),inset 0 1px #ffffffb3;backdrop-filter:blur(14px)}.config-overview__copy{margin-bottom:13px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.config-overview__copy strong{color:var(--ink);font-size:14px}.config-overview__copy span{color:var(--muted);font-size:11px}.config-overview__items{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.config-overview__items a{min-height:58px;padding:9px 11px;border:1px solid rgba(72,92,103,.12);border-radius:7px;background:#ffffff61;display:flex;flex-direction:column;justify-content:center;transition:border-color .16s,background .16s,transform .16s}.config-overview__items a:hover{border-color:#315f7752;background:#ffffffb8;transform:translateY(-1px)}.config-overview__items strong{color:var(--blue);font-size:18px;line-height:1}.config-overview__items span{margin-top:6px;color:#617078;font-size:11px}.collection-toolbar{margin-bottom:14px;font-size:12px}.collection-search{width:260px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px}.item-card{min-height:138px;padding:18px}.item-card h3{margin:14px 34px 7px 0;font-size:15px}.item-card p{font-size:11px}.item-type{padding:4px 7px;font-size:10px}.edit-chip{height:28px;padding-inline:9px;font-size:11px}.rules-module{width:min(1180px,calc(100% - 44px))}.rules-toolbar{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.rules-toolbar__left{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;white-space:nowrap}.rules-card{overflow:hidden}.rules-table-scroll{overflow-x:auto}.rules-table{min-width:1010px;display:grid;grid-template-columns:28px 38px minmax(250px,1.45fr) minmax(210px,1fr) minmax(170px,.82fr) 126px 42px;align-items:center;column-gap:8px}.rules-table--header{min-height:46px;padding:0 12px;border-bottom:1px solid rgba(72,92,103,.12);color:#7a8991;font-size:12px;font-weight:600}.rules-row{min-height:58px;padding:8px 12px;border-bottom:1px solid rgba(72,92,103,.1);transition:background .15s,opacity .15s}.rules-row:last-child{border-bottom:0}.rules-row:hover{background:#ffffff57}.rules-row.dragging{opacity:.45}.rule-grip{height:34px;display:grid;place-items:center;color:#a9b4ba;cursor:grab}.rule-grip:active{cursor:grabbing}.rules-row .row-index{color:#87969e;font-size:12px;text-align:right}.rules-row .n-select,.rules-row .n-input{min-width:0}.rules-row .n-checkbox{white-space:nowrap;font-size:12px}.rule-cell{min-width:0}.rule-cell>span{display:none}.rules-row>.n-button{color:#94a1a8}.rules-row>.n-button:hover{color:#c94343;background:#c9434312}.rules-card .empty-state{min-width:1010px}@media(max-width:850px){.module-content,.rules-module{width:min(920px,calc(100% - 32px))}}@media(max-width:620px){.app-header{padding-inline:10px}.app-logo{flex:1}.app-logo>div{width:27px;height:27px}.app-logo strong{font-size:13px}.header-actions{gap:0}.header-actions button{width:42px;height:42px;padding:0}.module-heading h1{font-size:23px}.module-heading p{font-size:12px}.module-heading--actions{align-items:stretch;flex-direction:column}.module-heading--actions>.n-button{width:100%}.config-overview{padding:14px}.config-overview__copy{align-items:flex-start;flex-direction:column;gap:4px}.config-overview__items{grid-template-columns:repeat(2,1fr)}.config-overview__items a:last-child{grid-column:1/-1}.collection-toolbar{align-items:stretch;flex-direction:column;gap:8px}.collection-toolbar .collection-search{width:100%}.rules-toolbar{align-items:stretch;flex-direction:column}.rules-toolbar .collection-search{width:100%}.card-grid{grid-template-columns:1fr}.structured-card .card-actions .n-button{width:38px;height:38px}.edit-chip{min-width:54px;height:34px}.rules-card{overflow:visible;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.rules-table-scroll{overflow:visible}.rules-table--header{display:none}.rules-body{display:grid;gap:12px}.rules-table.rules-row{min-width:0;padding:14px;border:1px solid var(--line-light);border-radius:9px;background:#fafcfcb8;box-shadow:var(--glass-shadow),inset 0 1px #ffffffb8;display:grid;grid-template-columns:30px minmax(0,1fr) 42px;row-gap:12px}.rule-grip{grid-column:1;grid-row:1;height:40px}.rules-row .row-index{grid-column:1;grid-row:2;align-self:start;padding-top:23px;text-align:center}.rule-cell{grid-column:2/4}.rule-cell--type{grid-column:2;grid-row:1}.rule-cell--payload{grid-row:2}.rule-cell--target{grid-row:3}.rule-cell--option{grid-row:4}.rule-cell>span{margin-bottom:6px;display:block;color:#75848c;font-size:11px;font-weight:600}.rule-cell--type>span{display:none}.rules-row>.n-button{grid-column:3;grid-row:1;width:42px;height:42px}.rules-card .empty-state{min-width:0}}