.branding-config-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:28px;gap:28px;padding-bottom:24px}.branding-controls{display:grid;align-content:start;grid-gap:19px;gap:19px}.branding-logo-panel{display:flex;align-items:center;gap:18px;padding:17px;border:1px solid #e2e8f1;border-radius:12px;background:#f9fbfd}.branding-logo{display:grid;place-items:center;width:86px;height:86px;flex:none;overflow:hidden;border-radius:20px;color:#fff;font-size:32px;box-shadow:0 8px 20px rgba(30,50,80,.16)}.admin-branding-logo img,.branding-logo img,.branding-mini-logo img{width:100%;height:100%;object-fit:cover}.branding-logo-panel h2{margin:0 0 5px;font-size:14px}.branding-logo-panel p{margin:0 0 11px;color:#718096;font-size:9px;line-height:1.5}.branding-upload{display:inline-flex;padding:8px 11px;border-radius:7px;background:#3b82f6;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.branding-upload input{display:none}.branding-default,.branding-reset{margin-left:8px;border:0;background:transparent;color:#596bd8;font-size:9px;font-weight:750;cursor:pointer}.branding-default{width:max-content;margin:0;padding:0}.branding-colors{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.branding-colors>label{display:grid;grid-gap:7px;gap:7px;color:#25334a;font-size:10px;font-weight:800}.branding-colors>label>div{display:flex;height:40px;overflow:hidden;border:1px solid #dce4ef;border-radius:8px}.branding-colors input[type=color]{width:45px;height:40px;padding:4px;border:0;background:#fff}.branding-colors input:not([type=color]){min-width:0;flex:1 1;border:0;padding:0 9px;color:#4b5b72;font-size:10px}.branding-phone-preview{overflow:hidden;min-height:340px;border:8px solid #18243a;border-radius:28px;box-shadow:0 18px 40px rgba(27,42,74,.18)}.branding-app-head{display:flex;align-items:center;gap:10px;padding:18px 14px;color:#fff}.branding-mini-logo{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border:2px solid rgba(255,255,255,.75);border-radius:10px;font-size:11px;font-weight:900}.branding-app-head b{font-size:11px}.branding-preview-body{padding:24px 18px}.branding-preview-body small{color:#718096;font-size:7px;font-weight:900}.branding-preview-body h3{margin:7px 0 22px;font-size:15px;line-height:1.35}.branding-preview-body>span{display:block;height:46px;margin-bottom:10px;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(28,44,70,.08)}.admin-branding-review{display:flex;align-items:center;gap:14px;margin:14px 0;padding:13px;border:1px solid #dfe7f1;border-radius:10px;background:#f8faff}.admin-branding-logo{width:54px;height:54px;overflow:hidden;border-radius:13px}.admin-branding-review>div:nth-child(2){min-width:0;flex:1 1}.admin-branding-review small{color:#79869a;font-size:7px;font-weight:900}.admin-branding-review h3{margin:3px 0;font-size:12px}.admin-branding-review p{margin:0;color:#7b8798;font-size:8px}.admin-branding-review span{display:flex;align-items:center;gap:5px;margin-top:7px;color:#68768b;font-size:8px}.admin-branding-review span i{width:12px;height:12px;border:1px solid #d8dee8;border-radius:4px}.branding-sync{padding:5px 8px;border-radius:999px;background:#fff3df;color:#9b6200;font-size:7px}.branding-sync.active{background:#e8f8ef;color:#147746}@media(max-width:800px){.branding-config-layout{grid-template-columns:1fr}.branding-phone-preview{width:min(300px,100%);margin:auto}.branding-colors{grid-template-columns:1fr}}.admin-setup-status{display:grid;grid-template-columns:1fr!important;grid-gap:0;gap:0;margin:18px 0 22px;padding:0;background:transparent}.admin-setup-status>span{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);min-height:64px;align-items:center;grid-column-gap:12px;column-gap:12px;padding:11px 14px;border:1px solid #e1e7f0;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(31,50,81,.04)}.admin-setup-status>span+span{margin-top:8px}.admin-setup-status svg{grid-row:1/3;width:38px;height:38px;padding:9px;border-radius:11px}.admin-setup-status b{font-size:10px;line-height:1.3}.admin-setup-status small{margin-top:3px;font-size:8px;letter-spacing:.25px}.admin-setup-status>i{width:2px;height:8px;justify-self:start;margin-left:32px;background:#dbe3ee}.admin-setup-status>span.done{border-color:#bde5cf;background:#f8fdf9}.admin-setup-status>span.active{border-color:#bdd4f7;background:#f8fbff}.admin-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px;margin-top:18px;padding:18px;border:1px solid #e1e7f0;border-radius:12px;background:#f8fafc}.admin-connection-grid label{gap:7px;font-size:9px}.admin-connection-grid label:first-child{grid-column:1/-1}.admin-connection-grid label:nth-last-child(-n+2){padding-top:14px;border-top:1px solid #dfe6ef}.admin-connection-grid label:nth-last-child(2){grid-column:1/2}.admin-connection-grid label:last-child{grid-column:2/3}.admin-connection-grid input{height:40px;padding:0 12px;border-radius:9px;font-size:10px;box-shadow:0 1px 2px rgba(29,45,70,.04)}.admin-connection-grid label small{color:#8692a3;font-size:7px;font-weight:500;line-height:1.45}.admin-stage-card>footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid #e5eaf1}.admin-stage-card>footer .btn{min-height:36px;white-space:nowrap}.admin-stage-card>footer .btn:last-child{margin-left:auto}.admin-branding-review{margin:16px 0 4px;padding:15px}.admin-runtime-error{font-size:9px;line-height:1.5}@media(max-width:900px){.admin-connection-grid{grid-template-columns:1fr}.admin-connection-grid label,.admin-connection-grid label:first-child,.admin-connection-grid label:last-child,.admin-connection-grid label:nth-last-child(2){grid-column:1}.admin-connection-grid label:nth-last-child(2){margin-top:4px}.admin-connection-grid label:last-child{padding-top:0;border-top:0}.admin-stage-card>footer .btn,.admin-stage-card>footer .btn:last-child{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);margin-left:0}}@media(max-width:560px){.admin-connection-grid{padding:14px}.admin-stage-card>footer .btn,.admin-stage-card>footer .btn:last-child{flex-basis:100%;width:100%}}.client-registration-backdrop{background:rgba(15,23,42,.68)}.client-registration-modal{width:min(440px,calc(100% - 28px));padding:32px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.3);text-align:center}.client-registration-visual{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:#edf4ff;color:#1768dc}.client-registration-modal.success .client-registration-visual{background:#e4f8ed;color:#158057}.client-registration-modal.error .client-registration-visual{background:#fff0f2;color:#c33b4a}.client-registration-spinner{width:30px;height:30px;border:3px solid #bdd4f7;border-top-color:#1768dc;border-radius:50%;animation:client-spin .8s linear infinite}.client-registration-modal>small{color:#1768dc;font-size:8px;font-weight:900;letter-spacing:1.2px}.client-registration-modal.success>small{color:#158057}.client-registration-modal.error>small{color:#c33b4a}.client-registration-modal h2{margin:8px 0 10px;font-size:20px}.client-registration-modal p{margin:0;color:#6f7d91;font-size:10px;line-height:1.6}.client-registration-progress{height:6px;margin-top:24px;overflow:hidden;border-radius:99px;background:#e8eef7}.client-registration-progress i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1768dc,#6b8cff);animation:client-progress 1.25s ease-in-out infinite}.client-registration-modal footer{display:flex;justify-content:center;gap:9px;margin-top:24px}.client-registration-modal footer .btn{min-width:120px}@keyframes client-spin{to{transform:rotate(1turn)}}@keyframes client-progress{0%{transform:translateX(-110%)}to{transform:translateX(245%)}}@media(max-width:520px){.client-registration-modal{padding:26px 20px}.client-registration-modal footer{flex-direction:column}.client-registration-modal footer .btn{width:100%}}.workflow-clone-modal{text-align:left}.workflow-clone-modal .client-registration-visual{margin-inline:auto}.workflow-clone-modal h2,.workflow-clone-modal>p,.workflow-clone-modal>small{text-align:center}.workflow-clone-modal label{display:grid;grid-gap:6px;gap:6px;margin-top:14px;color:#53647a;font-size:9px;font-weight:800}.workflow-clone-modal input,.workflow-clone-modal select{width:100%;height:40px;padding:0 11px;border:1px solid #d7e0eb;border-radius:8px;background:#fff;color:#263851;font-size:10px;outline:0}.workflow-clone-modal input:focus,.workflow-clone-modal select:focus{border-color:#1768dc;box-shadow:0 0 0 3px rgba(23,104,220,.08)}.workflow-clone-modal .workflow-clone-modal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.workflow-clone-modal footer{justify-content:flex-end}.client-directory-tools .client-create-room{display:flex;align-items:center;gap:6px;height:40px;white-space:nowrap}.workflow-clone-pending{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px;border:1px solid #cfe0fb;border-radius:10px;background:#f4f8ff}.workflow-clone-pending>div{display:flex;align-items:flex-start;gap:10px;color:#1768dc}.workflow-clone-pending span{display:grid;grid-gap:5px;gap:5px}.workflow-clone-pending strong{color:#253c5a;font-size:11px}.workflow-clone-pending small{max-width:650px;color:#6a7b91;font-size:9px;line-height:1.5}.workflow-clone-pending>.btn{flex:none}@media(max-width:760px){.client-directory-tools .client-create-room{justify-content:center}.workflow-clone-pending{align-items:stretch;flex-direction:column}.workflow-clone-pending>.btn{width:100%}.workflow-clone-modal .workflow-clone-modal-grid{grid-template-columns:1fr}}.workflow-clone-owner-status{margin-top:12px!important;padding:10px 12px;border-radius:8px;background:#f3f7fd;color:#526783!important;text-align:left!important}.workflow-clone-owner-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border:1px solid #f1c5cb;border-radius:8px;background:#fff5f6;color:#a12e3b;font-size:10px;line-height:1.5}.workflow-clone-owner-error .btn{flex:none;min-height:32px;border:1px solid #e4aeb5;background:#fff;color:#8f2633;font-size:10px}.admin-setup-status>span>.btn{grid-column:2;justify-self:start;min-height:32px;margin-top:9px;padding:0 12px;font-size:8px}.admin-setup-status>span>.btn:disabled{cursor:not-allowed;opacity:.55}@media(max-width:520px){.admin-setup-status>span{grid-template-columns:38px minmax(0,1fr)}.admin-setup-status>span>.btn{grid-column:1/-1;width:100%;justify-content:center;margin-top:12px}}.admin-setup-status>span:has(.step-fields){padding-bottom:16px}.step-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px;padding:14px;border:1px solid #e0e7f0;border-radius:10px;background:#f8fafc}.step-fields label{display:grid;grid-gap:6px;gap:6px;color:#46566d;font-size:9px;font-weight:800}.step-fields input{width:100%;height:40px;padding:0 11px;border:1px solid #cfd9e6;border-radius:8px;background:#fff;color:#23354d;font-size:10px;outline:none;box-shadow:0 1px 3px rgba(25,43,70,.05)}.step-fields input:focus{border-color:#1768dc;box-shadow:0 0 0 3px rgba(23,104,220,.1)}.step-fields input:disabled{background:#eef2f6;color:#7d8999}.step-fields em{color:#8390a2;font-size:7px;font-style:normal;font-weight:500}.mongo-fields label:first-child{grid-column:1/-1}.admin-setup-status>span>.step-action{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:38px;margin-top:13px;padding:0 17px;border-radius:8px;background:#1768dc!important;color:#fff!important;box-shadow:0 5px 14px rgba(23,104,220,.2);font-size:9px;font-weight:800}.admin-setup-status>span.done>.step-action:disabled{background:#dfe6ee!important;color:#738095!important;box-shadow:none}@media(max-width:680px){.step-fields{grid-template-columns:1fr}.mongo-fields label:first-child,.step-fields label{grid-column:1}.admin-setup-status>span>.step-action{width:100%;justify-self:stretch}}.room-template-upload{margin:18px 0}.room-template-upload>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid #dce5f0;border-radius:12px;background:#fff;color:#23354d;font-size:12px;font-weight:750;cursor:pointer;list-style:none}.room-template-upload>summary::-webkit-details-marker{display:none}.room-template-upload>summary:after{content:"+";margin-left:auto;color:#1768dc;font-size:20px;font-weight:500}.room-template-upload[open]>summary{border-radius:12px 12px 0 0;border-bottom-color:transparent}.room-template-upload[open]>summary:after{content:"−"}.room-template-upload>.admin-stage-card{margin-top:0;padding:20px;border:1px solid #dce5f0;border-radius:0 0 12px 12px;background:#fff}.room-template-upload>.admin-stage-card>header{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0 0 16px;border-bottom:1px solid #edf1f6}.room-template-upload>.admin-stage-card>header>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#eef5ff;color:#1768dc}.room-template-upload>.admin-stage-card>header>div{flex:1 1}.room-template-upload>.admin-stage-card>header h2{margin:0;color:#24364f;font-size:15px;line-height:1.35}.room-template-upload>.admin-stage-card>header p{max-width:650px;margin:5px 0 0;color:#76849a;font-size:11px;line-height:1.55}.room-template-upload .room-upload-badge{padding:6px 9px;border:1px solid #e4e9f0;border-radius:99px;background:#f7f9fc;color:#68778c;font-size:9px;white-space:nowrap}.room-template-upload .room-upload-badge.active{border-color:#b9e5c9;background:#f2fbf5;color:#16834a}.room-template-upload .room-upload-session{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:11px 13px;border:1px solid #cce9d6;border-radius:10px;background:#f5fcf7}.room-template-upload .room-upload-session>span{display:grid;grid-template-columns:20px auto;align-items:center;grid-column-gap:8px;column-gap:8px;color:#19834c}.room-template-upload .room-upload-session svg{grid-row:1/3}.room-template-upload .room-upload-session b{font-size:11px}.room-template-upload .room-upload-session small{grid-column:2;color:#74859a;font-size:9px}.room-template-upload .room-upload-session button{min-height:32px;font-size:10px}.room-template-upload .room-upload-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px;padding:18px;border:1px solid #e4eaf2;border-radius:12px;background:#f8fafc}.room-template-upload .room-upload-form label{display:grid;align-content:start;grid-gap:7px;gap:7px;min-width:0;color:#40516a;font-size:10px;font-weight:750}.room-template-upload .room-upload-form label>span{display:flex;align-items:center;gap:6px}.room-template-upload .room-upload-form label code,.room-template-upload .room-upload-preview code{padding:2px 5px;border-radius:4px;background:#edf2f8;color:#54647a;font-family:ui-monospace,monospace;font-size:9px;font-weight:600}.room-template-upload .room-upload-form input:not([type=file]),.room-template-upload .room-upload-form select{width:100%;height:42px;padding:0 12px;border:1px solid #d2dce8;border-radius:8px;background:#fff;color:#24364f;font-size:11px}.room-template-upload .room-upload-form input:focus,.room-template-upload .room-upload-form select:focus{border-color:#1768dc;outline:0;box-shadow:0 0 0 3px rgba(23,104,220,.1)}.room-template-upload .room-upload-form small{color:#7e8b9e;font-size:9px;font-weight:450;line-height:1.5}.room-template-upload .room-upload-form .room-upload-file{grid-column:1/-1;padding:14px;border:1px dashed #b9c9dc;border-radius:10px;background:#fff}.room-template-upload .room-upload-form input[type=file]{width:100%;min-height:42px;padding:8px;border:1px solid #d2dce8;border-radius:8px;background:#fff;color:#526176;font-size:10px}.room-template-upload .room-upload-preview{grid-column:1/-1;display:grid;grid-gap:7px;gap:7px;padding:11px 13px;border:1px solid #e2eaf4;border-radius:9px;background:#fff;color:#697a90;font-size:9px}.room-template-upload .room-upload-preview code{overflow-wrap:anywhere;font-size:10px}.room-template-upload .room-upload-form>footer{grid-column:1/-1;display:flex;justify-content:flex-end;margin:0;padding-top:12px;border-top:1px solid #e1e8f0}.room-template-upload .room-upload-form>footer button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 18px;font-size:11px}.room-template-upload .admin-service-message{margin-top:14px}@media(max-width:680px){.room-template-upload>.admin-stage-card{padding:14px}.room-template-upload>.admin-stage-card>header{flex-wrap:wrap}.room-template-upload .room-upload-badge{margin-left:50px}.room-template-upload .room-upload-form{grid-template-columns:1fr;padding:13px}.room-template-upload .room-upload-form .room-upload-file,.room-template-upload .room-upload-form label,.room-template-upload .room-upload-form>footer,.room-template-upload .room-upload-preview{grid-column:1}.room-template-upload .room-upload-session{align-items:flex-start}.room-template-upload .room-upload-session button{flex:none}}.template-package-workspace{display:grid;grid-gap:18px;gap:18px}.template-package-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid var(--cms-border);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(24,34,52,.04)}.template-package-head>div:first-child{display:grid;grid-gap:5px;gap:5px}.template-package-head a{width:max-content;color:var(--cms-primary);font-size:11px;font-weight:700;text-decoration:none}.package-preview header small,.package-stage small,.template-package-head small{margin-top:8px;color:var(--cms-primary);font-size:9px;font-weight:800;letter-spacing:1px}.template-package-head h2{margin:0;font-size:18px}.template-package-head p{margin:0;color:var(--cms-muted);font-size:11px}.template-package-head>div:last-child{display:flex;align-items:center;gap:10px}.package-state{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.5px}.package-state.draft{background:#fff5d8;color:#966d00}.package-state.published{background:#e9f8ef;color:#187548}.template-package-tabs{display:grid;overflow:hidden;border:1px solid var(--cms-border);border-radius:9px;background:#fff}.template-package-tabs button{display:flex;align-items:center;gap:9px;min-height:54px;padding:10px 14px;border:0;border-right:1px solid var(--cms-border);background:#fff;color:var(--cms-muted);text-align:left}.template-package-tabs button:last-child{border-right:0}.template-package-tabs button b{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:#eef1f6;font-size:9px}.template-package-tabs button span{font-size:10px;font-weight:700}.template-package-tabs button.active{background:#f6f5ff;color:var(--cms-primary)}.template-package-tabs button.active b{background:var(--cms-primary);color:#fff}.package-alert{padding:11px 14px;border:1px solid;border-radius:8px;font-size:11px}.package-alert.error{border-color:#ffd0d0;background:#fff5f5;color:#9b2c2c}.package-alert.success{border-color:#bde8ce;background:#f1fbf5;color:#17643d}.package-loading{padding:40px;text-align:center;color:var(--cms-muted)}.package-stage{min-height:520px;border:1px solid var(--cms-border);border-radius:10px;background:#fff}.flow-stage{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(420px,1.28fr);overflow:hidden}.package-stage-copy{padding:28px;border-right:1px solid var(--cms-border)}.package-stage h3{margin:5px 0 7px;font-size:17px}.package-stage p{color:var(--cms-muted);font-size:11px;line-height:1.55}.package-upload{display:grid;place-items:center;margin-top:22px;padding:28px 16px;border:1px dashed #bbb8ef;border-radius:9px;background:#faf9ff;color:var(--cms-primary);cursor:pointer;text-align:center}.package-upload:hover{border-color:var(--cms-primary);background:#f5f4ff}.package-upload.disabled{cursor:not-allowed;opacity:.55}.package-upload b{margin-top:10px;font-size:12px}.package-upload span{margin-top:4px;color:var(--cms-muted);font-size:9px}.json-import input,.package-upload input{display:none}.asset-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;margin-top:16px;overflow:hidden;border:1px solid var(--cms-border);border-radius:8px;background:var(--cms-border)}.asset-meta>div{display:grid;grid-gap:4px;gap:4px;padding:10px;background:#fff}.asset-meta span{color:var(--cms-muted);font-size:8px;text-transform:uppercase}.asset-meta b,.asset-meta code{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.generate-flow-json{margin-top:16px}.package-hint{margin-bottom:0!important;font-size:9px!important}.package-preview{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:20px;background:#f5f7fb}.package-preview>header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px}.package-preview header h3{margin:4px 0 0;font-size:14px}.package-preview>header>span{padding:5px 8px;border-radius:5px;background:#e7e9ef;color:var(--cms-muted);font-size:8px;font-weight:800}.package-preview iframe,.raster-preview{width:100%;height:100%;min-height:440px;border:1px solid var(--cms-border);border-radius:8px;background:#fff}.package-preview iframe{display:block}.package-preview-empty{display:grid;place-items:center;align-content:center;grid-gap:7px;gap:7px;min-height:260px;border:1px dashed var(--cms-border);border-radius:8px;color:var(--cms-muted);text-align:center}.package-preview-empty b{font-size:12px}.package-preview-empty span{font-size:10px}.raster-preview{display:grid;grid-template-rows:auto 1fr;overflow:hidden}.raster-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:8px;border-bottom:1px solid var(--cms-border);background:#fff}.raster-tools button{height:28px;padding:0 9px;border:1px solid var(--cms-border);border-radius:5px;background:#fff;color:var(--cms-text);font-size:9px}.raster-tools span{min-width:42px;color:var(--cms-muted);font-size:9px;text-align:center}.raster-viewport{display:grid;place-items:center;overflow:auto;min-height:390px;padding:22px;background-color:#eef1f5;background-image:linear-gradient(45deg,#e4e7ec 25%,transparent 0),linear-gradient(-45deg,#e4e7ec 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e4e7ec 0),linear-gradient(-45deg,transparent 75%,#e4e7ec 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.raster-viewport img{display:block;max-width:100%;max-height:70vh;transform-origin:center;transition:transform .15s ease}.json-stage,.validation-stage{padding:26px}.json-stage>header,.validation-stage>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.json-stage>header p,.validation-stage>header p{margin:0}.json-import{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--cms-border);border-radius:7px;background:#fff;color:var(--cms-text);font-size:10px;font-weight:700;cursor:pointer}.json-import.disabled{cursor:not-allowed;opacity:.5}.json-editor-shell{overflow:hidden;margin-top:20px;border:1px solid #252b3b;border-radius:8px;background:#121722}.json-editor-title{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #2c3345;color:#aeb8cb;font-size:9px}.json-editor-title b{color:#8c87ff}.json-editor-shell textarea{display:block;width:100%;min-height:390px;resize:vertical;padding:18px;border:0;outline:0;background:#121722;color:#dce5f4;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;tab-size:2}.json-error{padding:10px 12px;border-top:1px solid #6f3137;background:#311b20;color:#ffbfc5;font-size:10px}.package-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:22px}.package-summary article{display:grid;grid-gap:4px;gap:4px;padding:15px;border:1px solid var(--cms-border);border-radius:8px;background:#fafbfc}.package-summary small,.package-summary span{color:var(--cms-muted);font-size:9px}.package-summary b{font-size:22px}.validation-list{display:grid;grid-gap:7px;gap:7px;margin-top:18px}.validation-list>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--cms-border);border-radius:7px;background:#fff;text-align:left}.validation-list>button>span{padding:5px 7px;border-radius:5px;font-size:8px;font-weight:800}.validation-list .error{background:#ffeaea;color:#a52e2e}.validation-list .warning{background:#fff4d1;color:#876200}.validation-list>button>div{display:grid;flex:1 1;grid-gap:4px;gap:4px}.validation-list b{font-size:10px}.validation-list small{margin:0;color:var(--cms-muted);font-size:8px;letter-spacing:0}.template-package-footer{position:-webkit-sticky;position:sticky;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid var(--cms-border);border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(24,34,52,.13);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.template-package-footer>span{color:var(--cms-muted);font-size:9px}.template-package-footer>div{display:flex;gap:8px}@media(max-width:1000px){.template-package-tabs{grid-template-columns:1fr 1fr}.template-package-tabs button{border-bottom:1px solid var(--cms-border)}.flow-stage{grid-template-columns:1fr}.package-stage-copy{border-right:0;border-bottom:1px solid var(--cms-border)}.package-summary{grid-template-columns:1fr 1fr}}@media(max-width:650px){.json-stage>header,.template-package-footer,.template-package-head,.validation-stage>header{align-items:stretch;flex-direction:column}.template-package-head>div:last-child{justify-content:space-between}.template-package-tabs{grid-template-columns:1fr}.template-package-tabs button{border-right:0}.asset-meta,.package-summary{grid-template-columns:1fr}.package-stage{min-height:0}.package-preview iframe,.raster-preview{min-height:360px}.template-package-footer{bottom:6px}}.json-updated-at{display:inline-flex;gap:4px;margin-top:8px;color:var(--cms-muted);font-size:9px}.json-updated-at b{color:var(--cms-text)}.template-package-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-stage-v2{display:block;min-height:0;overflow:hidden}.flow-source-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border-bottom:1px solid var(--cms-border);background:#fff}.flow-source-header>div{min-width:0}.flow-source-header h3{margin:5px 0}.flow-source-header p{max-width:650px;margin:0}.flow-upload-action{display:flex;align-items:center;gap:11px;min-width:260px;padding:11px 14px;border:1px solid #d5d2ff;border-radius:8px;background:#f7f6ff;color:var(--cms-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.flow-upload-action:hover{border-color:var(--cms-primary);background:#f1f0ff;box-shadow:0 5px 14px rgba(91,85,231,.1)}.flow-upload-action.disabled{cursor:not-allowed;opacity:.55}.flow-upload-action>span{display:grid;grid-gap:3px;gap:3px}.flow-upload-action b{font-size:11px}.flow-upload-action small{margin:0;color:var(--cms-muted);font-size:8px;letter-spacing:0}.flow-upload-action input{display:none}.flow-asset-bar{display:flex;align-items:center;gap:22px;padding:12px 24px;border-bottom:1px solid var(--cms-border);background:#fafbfc}.flow-file-summary{display:flex;align-items:center;gap:10px;min-width:0;max-width:320px}.flow-file-summary>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:7px;background:#ecebff;color:var(--cms-primary)}.flow-file-summary>div{display:grid;min-width:0;grid-gap:3px;gap:3px}.flow-file-summary small{margin:0;color:var(--cms-muted);font-size:8px;letter-spacing:.6px}.flow-file-summary b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.flow-file-facts{display:flex;align-items:center;gap:20px;margin:0}.flow-file-facts>div{display:grid;grid-gap:3px;gap:3px}.flow-file-facts dt{color:var(--cms-muted);font-size:8px;text-transform:uppercase}.flow-file-facts dd{margin:0;color:var(--cms-text);font-size:9px;font-weight:700}.flow-asset-actions{display:flex;justify-content:flex-end;margin-left:auto}.flow-asset-actions .generate-html-view{margin:0;white-space:nowrap}.flow-preview-canvas{display:block;padding:18px 24px 24px;background:#eef2f7}.flow-preview-canvas>header{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px}.flow-editor-toolbar,.flow-preview-actions{display:flex;align-items:center;gap:8px}.flow-editor-toolbar{justify-content:flex-end;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #d7dce5;border-radius:9px;background:#fff}.flow-editor-toolbar button{white-space:nowrap}.flow-editor-mode{padding:6px 9px;border-radius:999px;background:#fff4d8;color:#966d00;font-size:8px;font-weight:800}.flow-editor-mode.active{background:#e8f7ef;color:#187548}.flow-save-state{margin-left:auto;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800}.flow-save-state.dirty{background:#fff4d8;color:#966d00}.flow-save-state.saving{background:#eef2ff;color:#514bc8}.flow-save-state.saved{background:#e8f7ef;color:#187548}.flow-edit-action,.flow-generate-action{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.flow-preview-status{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#e8f7ef;color:#187548;font-size:8px;font-weight:800}.flow-preview-status.pending{color:#966d00}.flow-preview-frame{position:relative;width:100%;aspect-ratio:1493/833;overflow:hidden;border:1px solid #d7dce5;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(24,34,52,.1)}.flow-preview-frame iframe{display:block;background:#fff}.flow-preview-frame .raster-preview,.flow-preview-frame iframe{width:100%;height:100%;min-height:0!important;border:0;border-radius:0}.flow-preview-frame .raster-viewport{min-height:0;padding:18px;background:#fff}.flow-preview-frame .raster-viewport img{max-width:100%;max-height:100%;object-fit:contain}.flow-preview-frame .package-preview-empty{width:100%;height:100%;min-height:0;border:0;border-radius:0;background:linear-gradient(180deg,#fff,#fafbfc)}.flow-empty-upload{display:inline-flex;align-items:center;gap:6px;margin-top:8px;cursor:pointer}.flow-empty-upload input{display:none}.flow-preview-caption{margin:10px 2px 0!important;font-size:9px!important}.flow-preview-status.pending{background:#fff4d8;color:#8b6500}.diagram-generating-state{display:grid;width:100%;height:100%;place-items:center;align-content:center;grid-gap:10px;gap:10px;padding:28px;background:radial-gradient(circle at 50% 42%,#f4f1ff 0,#fff 48%,#f8faff 100%);color:var(--cms-text);text-align:center}.diagram-generating-state b{font-size:13px}.diagram-generating-state small{max-width:460px;margin:0!important;color:var(--cms-muted)!important;font-size:9px!important;line-height:1.55}.diagram-spinner{width:34px;height:34px;border:3px solid #dfdcff;border-top:3px solid var(--cms-primary);border-radius:50%;animation:diagram-spin .8s linear infinite}@keyframes diagram-spin{to{transform:rotate(1turn)}}.diagram-command-panel{margin:0 24px 22px;overflow:hidden;border:1px solid #dce2eb;border-radius:9px;background:#fff}.diagram-command-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid #e7ebf1;background:#fafbfe}.diagram-command-panel h3{margin:4px 0 3px;font-size:13px}.diagram-command-panel p{margin:0!important;font-size:9px!important}.diagram-command-panel>header>span{flex:none;padding:6px 9px;border-radius:999px;background:#e9f8ef;color:#187548;font-size:8px;font-weight:800}.diagram-command-panel textarea{display:block;width:100%;min-height:210px;resize:vertical;padding:16px 18px;border:0;outline:0;background:#111827;color:#e5edf9;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;tab-size:2}.diagram-command-panel textarea:disabled{opacity:.65}.diagram-command-help{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-top:1px solid #252d3d;background:#171e2c}.diagram-command-help code{padding:5px 7px;border:1px solid #333d50;border-radius:5px;background:#20293a;color:#bfcbe0;font-size:7px}@media(max-width:1000px){.template-package-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-asset-bar,.flow-source-header{align-items:flex-start}.flow-asset-bar{flex-wrap:wrap}.flow-asset-actions{width:100%;margin-left:44px;justify-content:flex-start}}@media(max-width:700px){.template-package-tabs{grid-template-columns:1fr}.flow-source-header{align-items:stretch;flex-direction:column;gap:16px;padding:18px}.flow-upload-action{min-width:0}.flow-asset-bar{gap:14px;padding:12px 18px}.flow-file-summary{width:100%;max-width:none}.flow-file-facts{width:100%;justify-content:space-between;gap:10px}.flow-asset-actions{width:100%;margin-left:0}.flow-asset-actions .generate-html-view{width:100%;justify-content:center;white-space:normal}.diagram-command-panel{margin:0 14px 16px}.diagram-command-panel>header{flex-direction:column}.flow-preview-canvas{padding:14px}.flow-preview-canvas>header{align-items:flex-start;gap:12px}.flow-preview-actions{align-items:flex-end;flex-direction:column}.flow-editor-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #d7dce5;border-radius:9px;background:#fff}.flow-editor-toolbar button{white-space:nowrap}.flow-preview-frame{min-height:300px;aspect-ratio:auto}}.visual-flow-editor>header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e7ebf1}.visual-flow-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px;padding:14px;background:#f5f7fb}.visual-flow-lane{min-height:160px;border:1px solid #dce2eb;border-radius:8px;background:#fff}.visual-flow-lane-head{padding:9px 10px;border-bottom:1px solid #e7ebf1;font-size:9px;font-weight:800}.visual-flow-lane-body{display:grid;grid-gap:7px;gap:7px;min-height:120px;padding:9px}.visual-flow-node{display:grid;grid-template-columns:14px 1fr auto;align-items:center;grid-gap:7px;gap:7px;padding:8px;border:1px solid #78a7e5;border-radius:6px;background:#edf5ff;cursor:-webkit-grab;cursor:grab}.visual-flow-node>div{display:grid;grid-gap:2px;gap:2px}.visual-flow-node small{font-size:7px;color:#5b6b80;text-transform:uppercase}.visual-flow-node b{font-size:9px}.visual-flow-grip{color:#7b8aa0}.visual-flow-node button{border:0;background:transparent;color:#b42318;font-size:16px;cursor:pointer}.visual-flow-editor{overflow:hidden;border:1px solid #dce2eb;border-radius:9px;background:#fff}.visual-flow-editor>header{padding:15px 17px;background:#fafbfe}.visual-flow-lanes{grid-template-columns:minmax(190px,.7fr) minmax(0,2.3fr)}.visual-flow-notes{padding:12px;border:1px solid #dce2eb;border-radius:8px;background:#fff;align-self:stretch}.visual-flow-notes small{font-size:8px;font-weight:800;color:#52657d}.visual-flow-notes p{font-size:10px;line-height:1.5;color:#334155}.visual-flow-notes label{display:grid;grid-gap:5px;gap:5px;font-size:8px;font-weight:700}.visual-flow-notes input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:5px;font-size:10px}.visual-flow-node.selected{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}@media(max-width:700px){.visual-flow-lanes{grid-template-columns:1fr}}.visual-flow-note-list{display:grid;grid-gap:5px;gap:5px;margin:10px 0}.visual-flow-note-list button{display:grid;grid-template-columns:16px 1fr;align-items:center;grid-gap:5px;gap:5px;padding:5px;border:0;border-radius:5px;background:transparent;text-align:left;font-size:9px;color:#52657d;cursor:pointer}.visual-flow-note-list button.active{background:#e8f1ff;color:#174ea6;font-weight:700}.visual-flow-note-line{height:1px;background:#8ab0e8;position:relative}.visual-flow-note-line:after{content:"";position:absolute;right:0;top:-2px;border-bottom:3px solid transparent;border-top:3px solid transparent;border-right:0;border-left:3px solid #8ab0e8}.flow-stage-v2{display:flex;flex-direction:column}.flow-stage-v2>.package-preview{order:1}.flow-stage-v2>.visual-flow-editor{order:2}.flow-stage-v2>.flow-asset-bar,.flow-stage-v2>.flow-source-header{order:0}.visual-flow-editor{background:transparent;border:0;margin:0 24px 22px}.visual-flow-editor>header{border:1px solid #dce2eb;border-bottom:0;border-radius:9px 9px 0 0}.visual-flow-editor .visual-flow-lanes{border:1px solid #dce2eb;border-top:0;border-radius:0 0 9px 9px}.visual-flow-description{padding:10px 14px;border:1px solid #dce2eb;border-radius:8px;background:#fff}.visual-flow-description small{font-size:8px;font-weight:800;color:#52657d}.visual-flow-description p{margin:4px 0 0;font-size:10px;line-height:1.5;color:#334155}.visual-flow-lanes{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);align-items:start}.visual-flow-toolbar{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.visual-flow-lane-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.visual-flow-lane-head button{border:0;background:transparent;color:#64748b;cursor:pointer}.visual-flow-description{grid-column:1/-1}.visual-flow-lanes{position:relative}.visual-flow-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.visual-flow-connector line{stroke:#2563eb;stroke-width:2;stroke-dasharray:5 4}.visual-flow-description button.active{background:#e8f1ff}.svg-blueprint-editor{display:grid;grid-gap:8px;gap:8px}.svg-blueprint-scroll{overflow:auto;border:1px solid #dce2eb;border-radius:8px;background:#f5f7fb}.svg-blueprint-lane{fill:#fff;stroke:#dce2eb}.svg-blueprint-lane-label{font-size:11px;font-weight:700;fill:#334155}.svg-blueprint-edge{fill:none;stroke:#64748b;stroke-width:2}.svg-blueprint-node{fill:#edf5ff;stroke:#78a7e5;stroke-width:1.5;cursor:-webkit-grab;cursor:grab}.svg-blueprint-node.active{stroke:#2563eb;stroke-width:3}.svg-blueprint-node-type{font-size:8px;fill:#52657d;text-transform:uppercase}.svg-blueprint-node-title{font-size:11px;fill:#172b4d;font-weight:700}.react-blueprint-editor{gap:10px}.react-blueprint-shell{position:relative;height:650px;overflow:auto;border:1px solid #d7dce5;border-radius:8px;background:#fff}.react-blueprint-shell>.react-flow{position:absolute;inset:0;min-width:100%;background:transparent}.react-blueprint-lanes{position:absolute;inset:0;z-index:0;pointer-events:none}.react-blueprint-lane{position:absolute;top:0;bottom:0;border-right:1px dashed #cfd6e0;background:rgba(248,250,252,.72)}.react-blueprint-lane>div{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 10px;border-bottom:1px solid #d9e0e9;background:#f8fafc;color:#202736;font-size:11px}.react-blueprint-lane:nth-child(2n)>div{background:#f5f1ff}.react-blueprint-lane button{pointer-events:auto;margin-left:4px;border:0;background:transparent;color:#66758a;cursor:pointer;font-size:12px}.react-blueprint-node{display:grid;min-width:140px;max-width:180px;min-height:54px;align-content:center;padding:7px 10px;border:1px solid #78a7e5;border-radius:6px;background:linear-gradient(180deg,#edf5ff,#dfeeff);box-shadow:0 4px 12px rgba(39,67,105,.09);text-align:center}.react-blueprint-node small{margin:0;color:#657287;font-size:7px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.react-blueprint-node strong{margin-top:3px;color:#202736;font-size:9px;line-height:1.25}.react-flow__node.selected .react-blueprint-node{border-color:#326fbd;box-shadow:0 0 0 3px rgba(50,111,189,.18),0 4px 12px rgba(39,67,105,.12)}.react-flow__handle{width:5px;height:5px;border:0;background:#657386}.react-flow__controls{border:1px solid #d7dce5;box-shadow:none}.react-flow__controls-button{width:26px;height:26px}.json-upload-summary{display:grid;place-items:center;grid-gap:9px;gap:9px;min-height:260px;margin-top:20px;border:1px dashed #bbb8ef;border-radius:8px;background:#faf9ff;color:var(--cms-primary);text-align:center}.json-upload-summary b{font-size:12px}.json-upload-summary span{color:var(--cms-muted);font-size:10px}.json-import-actions{display:flex;align-items:center;gap:8px}.review-helper{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:12px 14px;border:1px solid #dfe4ec;border-radius:8px;background:#f8fafc;color:var(--cms-muted);font-size:10px}.review-helper span{padding:4px 7px;border-radius:999px;background:#ecebff;color:var(--cms-primary);font-size:8px;font-weight:800}.review-helper b{color:var(--cms-text);font-size:10px}.review-helper small{margin:0!important;font-size:9px!important}.review-preview-button{display:block;margin:18px auto 0}.cms-form-preview-backdrop{position:fixed;inset:0;z-index:120;background:rgba(20,28,43,.62);display:grid;place-items:center;padding:20px}.cms-form-preview-modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(12,20,35,.3)}.cms-form-preview-modal>header{display:flex;justify-content:space-between;gap:18px;padding:20px 22px 12px;border-bottom:1px solid var(--cms-border)}.cms-form-preview-modal header h3{margin:4px 0;font-size:16px}.cms-form-preview-modal header p{margin:0;color:var(--cms-muted);font-size:10px}.cms-close{width:30px;height:30px;border:0;border-radius:50%;background:#f0f2f6;color:#657188;font-size:20px;cursor:pointer}.cms-android-device{width:278px;height:560px;margin:22px auto;border:8px solid #111722;border-radius:34px;padding:4px;background:#070a0f;box-shadow:0 14px 32px rgba(16,25,40,.25)}.cms-android-screen{height:100%;overflow:hidden;border-radius:24px;background:#f8fafc}.cms-android-status{height:25px;padding:8px 12px 0;background:#fff;color:#68748a;font-size:7px;font-weight:800}.cms-android-status span{float:right}.cms-android-appbar{height:58px;display:grid;grid-template-columns:24px 1fr 30px;align-items:center;padding:0 12px;border-bottom:1px solid #e3e7ee;background:#fff;text-align:center}.cms-android-appbar>b{font-size:18px;font-weight:400}.cms-android-appbar small,.cms-android-appbar strong{display:block}.cms-android-appbar strong{font-size:10px}.cms-android-appbar small{margin-top:3px;color:#8591a6;font-size:7px}.cms-android-appbar em{font-style:normal;font-size:8px}.cms-android-fields{height:calc(100% - 83px);overflow:auto;padding:13px}.cms-android-form{margin-bottom:14px;padding:11px;border:1px solid #e1e6ee;border-radius:8px;background:#fff}.cms-android-form h4{margin:0 0 4px;font-size:10px}.cms-android-form p{margin:0 0 9px;color:#8490a5;font-size:7px}.cms-android-form label{display:block;margin:0 0 9px}.cms-android-form label b{display:block;margin-bottom:4px;font-size:7px}.cms-android-form label i{color:#e66a2e;font-style:normal}.cms-android-form label span{display:block;min-height:28px;padding:8px;border:1px solid #dbe2ec;border-radius:5px;color:#9aa6b8;font-size:7px}.cms-android-empty{display:block;padding:14px;color:#8490a5;font-size:9px;text-align:center}.cms-android-fields>button{width:100%;height:32px;border:0;border-radius:6px;background:var(--cms-primary);color:#fff;font-size:8px;font-weight:700}.cms-form-preview-modal>footer{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--cms-border);color:var(--cms-muted);font-size:9px}.cms-form-preview-modal>footer button{padding:8px 12px}@media(max-width:650px){.review-helper{align-items:flex-start;flex-direction:column}.cms-form-preview-backdrop{padding:8px}.cms-form-preview-modal{max-height:calc(100vh - 16px)}.cms-android-device{transform:scale(.88);transform-origin:top center;margin-bottom:-45px}}.package-alert.readonly{border-color:#cbd8f3;background:#f3f7ff;color:#38527d}.package-alert.readonly b{color:#253b64}.package-alert.readonly strong{font-weight:800}.json-line-preview{max-height:420px;overflow:auto;margin:0;padding:16px 18px;background:#121722;color:#dce5f4;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.json-more{padding:4px 8px;border:1px solid #4a5670;border-radius:5px;background:#20293a;color:#dce5f4;font-size:8px;cursor:pointer}.form-step{padding:26px}.form-step>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.form-step-content{display:grid;justify-items:center;grid-gap:14px;gap:14px;margin-top:18px}.form-step-meta{display:flex;gap:12px;color:var(--cms-muted);font-size:10px}.form-step-meta b{color:var(--cms-text)}.json-preview-actions{display:flex;gap:6px;align-items:center}.json-tree-preview{max-height:600px;overflow:auto;padding:12px;background:#121722}.json-tree-preview>div.json-tree-js{max-width:none;min-height:360px;border:0;border-radius:6px;font-size:11px}.json-tree-preview div.json-tree-js div.contents{max-height:none}.json-tree-preview div.json-tree-js.full-screen{max-height:none;padding:14px}.json-tree-preview .json-error{margin:-12px;padding:14px}.json-full-open-bar{position:-webkit-sticky;position:sticky;top:-12px;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-12px -12px 0;padding:10px 12px;border-bottom:1px solid #30384a;background:#171d29;color:#aeb8cb;font-size:9px}.json-full-open-bar button{height:32px;padding:0 12px;border:1px solid #625bd6;border-radius:7px;background:#514bc0;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.json-tree-preview>div.json-tree-js div.title-bar{flex-wrap:wrap;gap:5px}.json-tree-preview>div.json-tree-js div.title-bar div.title{min-width:0;overflow:hidden;flex:1 1 180px;text-overflow:ellipsis;white-space:nowrap}.json-tree-preview>div.json-tree-js div.title-bar div.controls{display:flex;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-left:auto;white-space:normal}.json-tree-preview>div.json-tree-js div.title-bar div.controls button{margin-left:0!important}@media(max-width:760px){.json-full-open-bar{align-items:flex-start;flex-direction:column}.json-tree-preview>div.json-tree-js div.title-bar div.controls{width:100%;justify-content:flex-start;margin-left:0}}.json-full-editor{position:fixed;inset:24px;z-index:1000;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:16px;border:1px solid #4b5569;border-radius:12px;background:#111722;box-shadow:0 24px 80px rgba(0,0,0,.55)}.json-full-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.json-full-editor>header>div:first-child{display:grid;grid-gap:2px;gap:2px}.json-full-editor>header small{color:#929eb3;font-size:8px;font-weight:800;letter-spacing:.1em}.json-full-editor>header b{color:#fff;font-size:17px}.json-full-editor>header span{color:#aeb8cb;font-size:9px}.json-full-header-actions{display:flex;align-items:center;gap:7px}.json-full-header-actions button{height:32px;padding:0 11px;border:1px solid #465167;border-radius:6px;background:#252d3c;color:#e6edf7;font-size:9px;font-weight:800;cursor:pointer}.json-full-header-actions button:last-child{width:32px;padding:0;border:0;background:transparent;color:#cbd5e5;font-size:24px}.json-full-search{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #30384a;border-radius:8px;background:#171e2a}.json-full-search input{min-width:160px;flex:1 1;height:34px;padding:0 10px;border:1px solid #3a455a;border-radius:6px;outline:0;background:#0d121b;color:#fff;font-size:10px}.json-full-search input:focus{border-color:#8c87ff;box-shadow:0 0 0 2px rgba(140,135,255,.18)}.json-full-search button{height:34px;padding:0 11px;border:1px solid #465167;border-radius:6px;background:#252d3c;color:#e6edf7;font-size:9px;font-weight:700;cursor:pointer}.json-full-search span{min-width:58px;color:#aeb8cb;font-size:9px;text-align:center}.json-full-editor>textarea{width:100%;height:100%;min-height:260px;resize:none;padding:14px;border:1px solid #30384a;border-radius:8px;outline:0;background:#090d14;color:#dce5f4;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;-moz-tab-size:2;tab-size:2;white-space:pre}.json-full-editor>textarea:focus{border-color:#625bd6}.json-full-editor>textarea::selection{background:#ffb020;color:#10131a}.json-full-editor>p{margin:0;color:#ff9d9d;font-size:9px}.json-full-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.json-full-editor>footer small{color:#929eb3;font-size:8px}.json-full-editor kbd{padding:2px 4px;border:1px solid #465167;border-radius:3px;background:#252d3c;color:#dce5f4;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.json-full-editor>footer div{display:flex;gap:7px}.json-full-editor>footer button{height:34px;padding:0 14px;border:1px solid #465167;border-radius:6px;background:#252d3c;color:#e6edf7;font-size:9px;font-weight:800;cursor:pointer}.json-full-editor>footer button:last-child{border-color:#625bd6;background:#625bd6;color:#fff}@media(max-width:760px){.json-full-editor{inset:8px;padding:10px}.json-full-search{flex-wrap:wrap}.json-full-search input{flex-basis:100%}.json-full-editor>footer{align-items:flex-end;flex-direction:column}.json-full-editor>footer small{align-self:flex-start}}.cms-form-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 0;margin:0 0 4px;border-bottom:1px solid var(--cms-border)}.cms-form-tabs button{flex:0 0 auto;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:var(--cms-muted);padding:8px 11px;font-size:9px;font-weight:700;cursor:pointer}.cms-form-tabs button:hover{border-color:#b8c7ee;color:var(--cms-primary)}.cms-form-tabs button.active{border-color:var(--cms-primary);background:#eef1ff;color:var(--cms-primary)}.cms-form-preview-modal>.cms-form-tabs{padding:12px 18px 8px;margin:0}.react-flow-editor{width:100%;min-height:650px;background:#f3f6fa}.react-flow-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px;border-bottom:1px solid #dfe5ed;background:#fff}.react-flow-toolbar button{padding:7px 10px;border:1px solid #d7dce5;border-radius:6px;background:#fff;color:#334155;font-size:9px;font-weight:700;cursor:pointer}.react-flow-toolbar button.active,.react-flow-toolbar button:hover{border-color:#5b55e7;background:#f1f0ff;color:#4b45cc}.react-flow-toolbar button:disabled{cursor:not-allowed;opacity:.45}.react-flow-scroll{max-width:100%;overflow:auto}.react-flow-canvas{background:#fff}.react-flow-lanes{position:absolute;inset:0}.react-flow-lane{position:absolute;inset-block:0;border-right:1px dashed #cfd6e0;background:rgba(248,250,252,.48)}.react-flow-lane>strong{display:block;height:56px;padding:20px 50px 0 12px;border-bottom:1px solid #d9e0e9;text-align:center;font-size:11px}.react-flow-lane>span{position:absolute;right:7px;top:17px;display:flex;gap:3px}.react-flow-lane button{width:22px;height:22px;padding:0;border:1px solid #d2d9e4;border-radius:5px;background:#fff;cursor:pointer}.react-flow-lane.tone-blue>strong{background:#edf5ff}.react-flow-lane.tone-purple>strong{background:#f5f1ff}.react-flow-lane.tone-amber>strong{background:#fff6e4}.react-flow-lane.tone-green>strong{background:#eefaf3}.react-flow-lane.tone-red>strong{background:#fff1f2}.react-flow-lane.tone-slate>strong{background:#f3f5f8}.react-flow-edges{position:absolute;inset:0;z-index:2;pointer-events:none}.react-flow-edges path{fill:none;stroke:#657386;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.react-flow-node{position:absolute;z-index:3;display:grid;place-items:center;padding:7px;border:1px solid #78a7e5;border-radius:6px;background:#edf5ff;box-shadow:0 4px 12px rgba(39,67,105,.1);touch-action:none;text-align:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow-node strong{font-size:10px;line-height:1.25}.react-flow-node.selected{outline:3px solid rgba(37,99,235,.3)}.react-flow-node.connecting{outline:3px solid rgba(124,92,196,.45)}.react-flow-node.mulai,.react-flow-node.selesai{border-radius:999px;background:#fff}.react-flow-node.approval,.react-flow-node.keputusan{border-color:#d9a43a;background:#fff3df;transform:rotate(2deg)}.react-flow-node.tone-purple{border-color:#9b83d3;background:#f1eaff}.react-flow-node.tone-amber{border-color:#d9a43a;background:#fff0cd}.react-flow-node.tone-green{border-color:#55a978;background:#e4f7eb}.react-flow-node.tone-red{border-color:#d76a78;background:#ffe7ea}.react-flow-node.tone-slate{border-color:#8b98aa;background:#edf0f4}@media(max-width:760px){.react-flow-toolbar{position:-webkit-sticky;position:sticky;left:0;z-index:8}.react-flow-editor{min-height:560px}}.react-flow-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-width:0}.react-flow-details{max-height:650px;overflow:auto;border-left:1px solid #dfe5ed;background:#fff}.react-flow-details>header{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:16px 14px 12px;border-bottom:1px solid #e6eaf0;background:#fff}.react-flow-details h4{margin:0;color:#172033;font-size:13px}.react-flow-details header p{margin:5px 0 0;color:#6f7b8e;font-size:8px;line-height:1.45}.react-flow-details ol{display:grid;grid-gap:4px;gap:4px;margin:0;padding:10px;list-style:none}.react-flow-details li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;border:1px solid transparent;border-bottom-color:#e5eaf1;border-radius:7px}.react-flow-details li.active{border-color:#5b55e7;background:#f4f3ff}.react-flow-detail-content{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:9px 8px;border:0;background:transparent;text-align:left;cursor:pointer}.react-flow-detail-content strong{overflow:hidden;color:#263244;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.react-flow-detail-content span{color:#627086;font-size:8px;line-height:1.45}.react-flow-detail-edit{width:24px;height:24px;margin-top:6px;padding:0;border:1px solid #d9e1eb;border-radius:5px;background:#fff;color:#4c6078;cursor:pointer}.react-flow-detail-edit:hover{border-color:#1768dc;color:#1768dc}@media(max-width:1050px){.react-flow-body{grid-template-columns:1fr}.react-flow-details{max-height:none;border-top:1px solid #dfe5ed;border-left:0}.react-flow-details ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.react-flow-details ol{grid-template-columns:1fr}}.react-flow-editor{overflow:hidden;border:1px solid #d9e0ea;border-radius:10px}.react-flow-editor-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid #e3e8ef;background:linear-gradient(135deg,#fff,#f5f7ff)}.react-flow-editor-header small{color:#5b55e7;font-size:8px;font-weight:900;letter-spacing:1.2px}.react-flow-editor-header h3{margin:4px 0 3px;color:#172033;font-size:15px}.react-flow-editor-header p{margin:0;color:#6f7b8e;font-size:9px}.react-flow-editor-header>span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #bce1ca;border-radius:999px;background:#effbf4;color:#18794e;font-size:8px;font-weight:800;white-space:nowrap}.react-flow-editor-header>span i{width:7px;height:7px;border-radius:50%;background:#1c9c64;box-shadow:0 0 0 3px rgba(28,156,100,.14)}.react-flow-toolbar{position:relative;z-index:6;box-shadow:0 3px 10px rgba(20,35,60,.05)}.react-flow-canvas{background-color:#fff;background-image:linear-gradient(rgba(80,98,125,.055) 1px,transparent 0),linear-gradient(90deg,rgba(80,98,125,.055) 1px,transparent 0);background-size:20px 20px}.react-flow-lane>strong{padding-right:100px}.react-flow-lane button:disabled{opacity:.3;cursor:not-allowed}.react-flow-edges path{stroke:#596b82;stroke-width:1.9}.react-flow-arrow-head{fill:#596b82;stroke:none}.react-flow-node{transition:box-shadow .15s ease,border-color .15s ease}.react-flow-node:hover{box-shadow:0 8px 20px rgba(32,55,88,.16)}.react-flow-node:active{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 10px 24px rgba(32,55,88,.2)}.flow-preview-frame iframe[sandbox=""]{pointer-events:auto}@media(max-width:760px){.react-flow-editor-header{align-items:flex-start;flex-direction:column}.react-flow-editor-header>span{align-self:flex-start}}.flow-preview-frame>.react-flow-editor{position:absolute;inset:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:100%;height:100%;min-height:0;border:0;border-radius:0}.flow-preview-frame>.react-flow-editor .react-flow-body{min-height:0;overflow:auto}.flow-preview-frame>.react-flow-editor .react-flow-scroll{min-width:0;min-height:0}.flow-preview-frame>.react-flow-editor .react-flow-details{height:100%;max-height:none}.flow-preview-frame>.react-flow-editor .react-flow-canvas{min-height:100%}.react-flow-zoom{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:10px;border-left:1px solid #e2e7ee}.react-flow-zoom output{min-width:42px;color:#4b5565;font-size:9px;font-weight:800;text-align:center}.react-flow-zoom button{min-width:30px;padding-inline:8px}.react-flow-stage{position:relative}.react-flow-stage,.react-flow-stage>.react-flow-canvas{transform-origin:0 0}.react-flow-scroll{overscroll-behavior:contain;scrollbar-gutter:stable}.react-flow-scroll:focus-visible{outline:2px solid #5b55e7;outline-offset:-2px}@media(max-width:760px){.react-flow-zoom{width:100%;margin-left:0;padding:7px 0 0;border-top:1px solid #e8ebf0;border-left:0}}.react-flow-canvas{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.react-flow-canvas>.react-flow{position:absolute;inset:0}.react-flow-toolbar-hint{margin-left:auto;align-self:center;color:#738096;font-size:8px;font-weight:700}.react-flow__node.react-flow-node{display:flex;align-items:center;justify-content:center;padding:7px;border-width:1px;border-style:solid;text-align:center}.react-flow__node.react-flow-node .react-flow__handle{width:9px;height:9px;border:2px solid #fff;background:#596b82;opacity:.25;transition:opacity .15s ease,transform .15s ease}.react-flow__node.react-flow-node.selected .react-flow__handle,.react-flow__node.react-flow-node:hover .react-flow__handle{opacity:1;transform:scale(1.15)}.react-flow__node.react-flow-lane{padding:0;border:0;border-right:1px dashed #cfd6e0;border-radius:0;background:rgba(248,250,252,.48);box-shadow:none;color:#263244;font-size:11px;font-weight:800}.react-flow__node.react-flow-lane .react-flow__node-group{display:flex;align-items:flex-start;justify-content:center;padding-top:19px;border-bottom:1px solid #d9e0e9;background:#f3f5f8}.react-flow__node.react-flow-lane.tone-blue .react-flow__node-group{background:#edf5ff}.react-flow__node.react-flow-lane.tone-purple .react-flow__node-group{background:#f5f1ff}.react-flow__node.react-flow-lane.tone-amber .react-flow__node-group{background:#fff6e4}.react-flow__node.react-flow-lane.tone-green .react-flow__node-group{background:#eefaf3}.react-flow__node.react-flow-lane.tone-red .react-flow__node-group{background:#fff1f2}.react-flow__edge.react-flow-edge .react-flow__edge-path{stroke:#596b82;stroke-width:1.8}.react-flow__edge.selected .react-flow__edge-path{stroke:#5b55e7;stroke-width:2.4}.react-flow__minimap{background:#fff}.react-flow__controls,.react-flow__minimap{overflow:hidden;border:1px solid #d9e0ea;border-radius:7px;box-shadow:0 6px 20px rgba(30,46,76,.12)}.react-flow-lane-toolbar{position:absolute;top:8px;right:8px;z-index:8;display:flex;max-width:calc(100% - 16px);gap:5px;overflow:auto;padding:5px;border:1px solid #dce2eb;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(30,46,76,.1)}.react-flow-lane-toolbar>div{display:flex;align-items:center;gap:5px;padding-left:7px;border-left:3px solid #9aa7b8;white-space:nowrap}.react-flow-lane-toolbar strong{max-width:100px;overflow:hidden;font-size:8px;text-overflow:ellipsis}.react-flow-lane-toolbar span{display:flex;gap:2px}.react-flow-lane-toolbar button{width:21px;height:21px;padding:0;border:1px solid #d7dde7;border-radius:4px;background:#fff;color:#435269;cursor:pointer}.react-flow-lane-toolbar button:disabled{cursor:not-allowed;opacity:.35}.react-flow-toolbar button.danger-active{border-color:#dc6877;background:#fff1f2;color:#bd3345}.react-flow__edge{cursor:pointer}.react-flow__edge:hover .react-flow__edge-path{stroke:#5b55e7;stroke-width:2.4}.react-flow__edge-interaction{stroke-width:22}.workflow-description-dialog>div{width:min(560px,calc(100% - 32px));padding:20px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;box-shadow:0 20px 60px rgba(30,46,76,.22)}.workflow-description-dialog h3{margin:0 0 7px;color:#172033;font-size:14px}.workflow-description-dialog p{margin:0 0 16px;color:#6f7b8e;font-size:10px;line-height:1.5}.workflow-description-field{display:grid;grid-gap:6px;gap:6px;margin-top:12px}.workflow-description-field span{color:#334155;font-size:10px;font-weight:800}.workflow-description-field input,.workflow-description-field textarea{width:100%;border:1px solid #cfd8e5;border-radius:7px;padding:9px 10px;background:#fff;color:#172033;font:inherit;font-size:11px;resize:vertical}.workflow-description-field input:focus,.workflow-description-field textarea:focus{outline:2px solid rgba(91,85,231,.2);border-color:#6558db}.workflow-description-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.workflow-description-dialog footer button{padding:8px 12px;border:1px solid #d7dce5;border-radius:7px;background:#fff;color:#334155;font-size:10px;font-weight:800;cursor:pointer}.workflow-description-dialog footer button.primary{border-color:#6558db;background:#6558db;color:#fff}.react-flow__node.react-flow-node.approval,.react-flow__node.react-flow-node.keputusan{border:0;background:transparent;box-shadow:none;transform:none}.react-flow__node.react-flow-node.approval:before,.react-flow__node.react-flow-node.keputusan:before{content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;max-width:66%;max-height:88%;border:1.25px solid #d9a43a;background:linear-gradient(135deg,#fffaf0,#ffefd9);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 4px 12px rgba(135,88,10,.07)}.react-flow__node.react-flow-node.approval>.react-flow__handle,.react-flow__node.react-flow-node.keputusan>.react-flow__handle{z-index:3}.react-flow__node.react-flow-node.approval>.react-flow__node-label,.react-flow__node.react-flow-node.keputusan>.react-flow__node-label{position:relative;z-index:2}.json-edit-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.58);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.json-edit-modal{width:min(430px,calc(100vw - 36px));padding:24px;border:1px solid var(--cms-border);border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.28)}.json-edit-modal h3{margin:8px 0 6px}.json-edit-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:14px;border-top:1px solid var(--cms-border)}.json-confirm-window{width:min(440px,calc(100vw - 32px));max-height:none!important;overflow:visible!important;padding:0!important;border:1px solid #d7deea;border-radius:10px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.35)}.json-confirm-window:before{content:"";display:block;height:5px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#5b55e7,#8b83ff)}.json-confirm-window h3{margin:8px 24px 6px;color:#1f2937;font-size:18px}.json-confirm-window>span{display:block;margin:20px 24px 0;color:#5b55e7;font-size:9px;font-weight:800;letter-spacing:1px}.json-confirm-window>p{margin:0 24px;color:#667085;font-size:11px;line-height:1.55}.json-confirm-window>footer{display:flex;justify-content:flex-end;gap:8px;margin:22px 0 0;padding:14px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 10px 10px}.json-confirm-window>footer .cms-ghost,.json-confirm-window>footer .cms-primary{min-width:100px}.react-flow-column-header-viewport{position:absolute;top:0;right:0;left:0;z-index:9;height:56px;overflow:hidden;border-bottom:1px solid #cfd7e2;background:#fff;box-shadow:0 4px 12px rgba(30,46,76,.1);pointer-events:none}.react-flow-column-headers{display:flex;height:56px;transform-origin:0 0;will-change:transform}.react-flow-column-headers>div{position:relative;width:220px;min-width:220px;height:56px;border-right:1px solid rgba(78,91,111,.18);background:#f3f5f8;pointer-events:auto}.react-flow-column-headers>div.tone-blue{background:#edf5ff}.react-flow-column-headers>div.tone-purple{background:#f5f1ff}.react-flow-column-headers>div.tone-amber{background:#fff6e4}.react-flow-column-headers>div.tone-green{background:#eefaf3}.react-flow-column-headers>div.tone-red{background:#fff1f2}.react-flow-column-headers strong{display:block;overflow:hidden;padding:20px 94px 0 12px;color:#263244;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.react-flow-column-headers span{position:absolute;top:17px;right:7px;display:flex;gap:3px}.react-flow-column-headers button{width:21px;height:21px;padding:0;border:1px solid #d2d9e4;border-radius:4px;background:#fff;color:#435269;cursor:pointer}.react-flow-column-headers button:disabled{cursor:not-allowed;opacity:.35}.package-import-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:11px 13px;border:1px solid #dbe3f0;border-radius:10px;background:#f7faff}.package-import-bar>span{display:grid;grid-gap:2px;gap:2px;flex:1 1;min-width:0}.package-import-bar b{font-size:11px;color:#26344d}.package-import-bar small{color:#71809a;font-size:9px}.package-import-bar select{height:34px;min-width:230px;max-width:320px;border:1px solid #cbd8ea;border-radius:8px;background:#fff;padding:0 9px;color:#263851;font-size:10px}.package-import-bar button{height:34px;padding:0 13px;border:1px solid #b9c9e8;border-radius:8px;background:#fff;color:#2f4d8f;font-size:10px;font-weight:800}.package-import-bar button:disabled{opacity:.5}.package-json-toolbar{display:flex;align-items:center;gap:10px;margin:14px 0 12px}.package-json-toolbar .package-json-tabs{display:flex;flex:1 1;min-width:0;padding:4px}.package-json-tabs,.package-json-toolbar .package-json-tabs{align-items:center;gap:6px;overflow-x:auto;border:1px solid #dbe3f0;border-radius:9px;background:#f7f9fc}.package-json-toolbar .package-json-tabs button{flex:0 0 auto;padding:9px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#59677d;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.package-json-toolbar .package-json-tabs button.active{border-color:#d9d6ff;background:#fff;color:var(--cms-primary);box-shadow:0 2px 6px rgba(39,48,72,.06)}.package-add-collection{flex:none;min-height:38px;padding:0 14px;white-space:nowrap}.package-add-collection:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.package-import-bar{flex-direction:column;align-items:stretch}.package-import-bar select{max-width:none}.package-json-toolbar{align-items:stretch;flex-direction:column}.package-json-toolbar .package-json-tabs{width:100%}.package-add-collection{align-self:flex-end}}.form-step-content:has(.form-naming-panel){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:start}.form-naming-panel{border:1px solid #dfe6f1;border-radius:12px;background:#fff;padding:15px;display:grid;grid-gap:12px;gap:12px;min-width:0}.form-naming-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.form-naming-panel b{font-size:12px;color:#26344d}.form-naming-panel small{display:block;margin-top:3px;color:#71809a;font-size:9px;line-height:1.5;max-width:340px}.form-naming-error{margin:0;padding:8px 10px;border:1px solid #f0cbd0;border-radius:7px;background:#fff6f7;color:#9d3540;font-size:10px}.form-naming-fields{display:grid;grid-gap:8px;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.form-naming-row{display:grid;grid-gap:4px;gap:4px}.form-naming-row>span{display:flex;align-items:center;gap:7px;color:#5b6a83;font-size:9px;font-weight:800}.form-naming-row em{font-style:normal;padding:2px 6px;border-radius:5px;background:#eef2f8;color:#77869c;font-size:8px;font-weight:700}.form-naming-row input{height:34px;border:1px solid #cbd8ea;border-radius:8px;padding:0 10px;background:#fff;color:#263851;font-size:11px}.form-naming-row input:-moz-read-only{background:#f6f8fb;color:#77869c}.form-naming-row input:read-only{background:#f6f8fb;color:#77869c}@media(max-width:1100px){.form-step-content:has(.form-naming-panel){grid-template-columns:minmax(0,1fr)}}.form-naming-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;grid-gap:9px;gap:9px;padding:8px;border:1px solid #e7ecf4;border-radius:9px;background:#fbfcfe}.form-naming-inputs{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);grid-gap:8px;gap:8px;min-width:0}.form-naming-row select{height:34px;border:1px solid #cbd8ea;border-radius:8px;padding:0 8px;background:#fff;color:#263851;font-size:11px}.form-naming-row select:disabled{background:#f6f8fb;color:#77869c}.form-naming-remove{width:30px;height:30px;padding:0;border:1px solid #f0cbd0;border-radius:8px;background:#fff;color:#c0475a;font-size:13px;line-height:1}.form-naming-remove:hover:not(:disabled){background:#fff1f3;border-color:#dc6877}.form-naming-remove:disabled{opacity:.4}.form-naming-actions{display:flex;align-items:center;gap:7px}.cms-ghost.danger{border-color:#f0cbd0;color:#c0475a}.cms-ghost.danger:hover:not(:disabled){background:#fff1f3;border-color:#dc6877}@media(max-width:900px){.form-naming-inputs{grid-template-columns:minmax(0,1fr)}}.form-naming-order{display:grid;justify-items:center;grid-gap:1px;gap:1px}.form-naming-order button{width:22px;height:18px;border:1px solid #d3ddec;border-radius:5px;background:#fff;color:#5b6a83;font-size:9px;line-height:1;padding:0}.form-naming-order button:disabled{opacity:.35}.form-naming-order b{font-size:9px;color:#7a8798}.form-naming-required{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#5b6a83;font-size:9px;font-weight:800;padding-bottom:9px}.form-naming-required input{width:14px;height:14px}.flow-note-panel{margin-top:14px;border:1px solid #dfe6f1;border-radius:12px;background:#fff;padding:15px;display:grid;grid-gap:12px;gap:12px}.flow-note-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.flow-note-panel b{font-size:12px;color:#26344d}.flow-note-panel small{display:block;margin-top:3px;color:#71809a;font-size:9px;line-height:1.5;max-width:460px}.flow-note-error{margin:0;padding:8px 10px;border:1px solid #f0cbd0;border-radius:7px;background:#fff6f7;color:#9d3540;font-size:10px}.flow-note-rows{display:grid;grid-gap:9px;gap:9px;max-height:360px;overflow-y:auto;padding-right:4px}.flow-note-row{display:grid;grid-gap:4px;gap:4px}.flow-note-row>span{display:flex;align-items:center;gap:7px;color:#5b6a83;font-size:10px;font-weight:800}.flow-note-row em{font-style:normal;padding:2px 6px;border-radius:5px;background:#eef2f8;color:#77869c;font-size:8px;font-weight:700}.flow-note-row textarea{border:1px solid #cbd8ea;border-radius:8px;padding:8px 10px;background:#fff;color:#263851;font-size:11px;line-height:1.5;resize:vertical}.flow-note-row textarea:-moz-read-only{background:#f6f8fb;color:#77869c}.flow-note-row textarea:read-only{background:#f6f8fb;color:#77869c}.flow-note-row em.from-source{background:#eef7ee;color:#2f7a45}.flow-layout-panel .form-naming-field{grid-template-columns:auto minmax(0,1fr)}.flow-layout-panel select{height:34px;border:1px solid #cbd8ea;border-radius:8px;padding:0 9px;background:#fff;color:#263851;font-size:11px}.flow-layout-panel select:disabled{background:#f6f8fb;color:#77869c}.flow-arrange-hint{margin:0 0 9px;padding:9px 12px;border:1px solid #cfdcf5;border-radius:9px;background:#f7faff;color:#3f5a8d;font-size:10px;line-height:1.55}.flow-history-actions{display:inline-flex;gap:4px}.flow-history-actions button{width:30px;height:30px;padding:0;border:1px solid #d7dfea;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;line-height:1;cursor:pointer}.flow-history-actions button:hover:not(:disabled){border-color:#1768dc;color:#1768dc}.flow-history-actions button:disabled{opacity:.4;cursor:default}.flow-canvas-size{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:30px;border:1px solid #d7dfea;border-radius:8px;background:#fff;font-size:10px;font-weight:700;color:#4a5568}.flow-canvas-size span{color:#6f7b8e;font-weight:700}.flow-canvas-size input{width:62px;padding:2px 4px;border:0;border-bottom:1px solid #d7dfea;background:transparent;color:#172033;font:inherit;text-align:right}.flow-canvas-size input:focus{outline:0;border-bottom-color:#1768dc}.flow-canvas-size em{color:#93a0b3;font-style:normal}.import-choice-window{width:min(480px,100%)}.import-choice-list{display:grid;grid-gap:7px;gap:7px;margin-top:14px;max-height:300px;overflow-y:auto}.import-choice-list label{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid #dfe6f1;border-radius:9px;background:#fff;cursor:pointer}.import-choice-list label.active{border-color:#1768dc;background:#f4f8ff}.import-choice-list b{display:block;font-size:11px;color:#26344d}.import-choice-list small{display:block;margin-top:2px;color:#77869c;font-size:9px}.import-choice-list input{margin-top:3px;accent-color:#1768dc}.import-choice-collections{display:grid;grid-gap:8px;gap:8px;margin-top:15px;max-height:min(54vh,520px);overflow-y:auto}.import-choice-collections>section{padding:10px;border:1px solid #dfe6f1;border-radius:9px;background:#fff}.import-choice-collections>section.active{border-color:#b9c9e8;background:#fbfcff}.import-choice-collections>section>label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.import-choice-collections>section>label input{margin-top:3px;accent-color:#1768dc}.import-choice-collections>section>label b{display:block;color:#26344d;font-size:11px}.import-choice-collections>section>label small{display:block;margin-top:2px;color:#77869c;font-size:9px}.import-choice-collections .import-choice-list{margin:9px 0 0 22px;max-height:210px}.import-choice-collections .import-choice-list label{padding:8px 9px}.import-choice-collections>section>.import-choice-list>small{display:block;color:#77869c;font-size:9px;padding:8px}.import-custom-section{margin-top:10px;padding:11px;border:1px dashed #b9c9e8;border-radius:9px;background:#f8faff}.import-custom-section>header,.template-custom-collections>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.import-custom-section>header span,.template-custom-collections>header div{display:grid;grid-gap:3px;gap:3px}.import-custom-section>header b,.template-custom-collections>header b{font-size:10px;color:#26344d}.import-custom-section>header small,.template-custom-collections>header small{font-size:9px;color:#77869c}.template-custom-collections{margin:12px 0;padding:12px;border:1px solid #dfe6f1;border-radius:9px;background:#fff}.template-custom-collections>header>span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:#eef4ff;color:#34558c;font-size:10px;font-weight:800}.template-custom-collections>div{display:grid;grid-gap:6px;gap:6px;margin-top:10px}.template-custom-collections article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e8edf4;border-radius:8px;background:#fbfcfe}.template-custom-collections article>span{display:grid;grid-gap:3px;gap:3px}.template-custom-collections article b{font-size:10px;color:#26344d}.template-custom-collections article small{font-size:9px;color:#77869c}.template-custom-collections article button{height:28px;padding:0 9px;border:1px solid #f0cbd0;border-radius:7px;background:#fff;color:#b84656;font-size:9px;font-weight:700}.template-custom-collections article button:disabled{opacity:.45}.cms-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-admin-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:20px}.cms-admin-quick-actions>a{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--cms-border);border-radius:10px;background:#fff;color:var(--cms-text);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.cms-admin-quick-actions>a:hover{transform:translateY(-1px);border-color:#c9c6f9;box-shadow:0 12px 28px rgba(24,34,52,.07)}.cms-admin-quick-actions>a>span{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:9px;background:#f0efff;color:var(--cms-primary)}.cms-admin-quick-actions>a>div{min-width:0;flex:1 1}.cms-admin-quick-actions h2{margin:0;font-size:15px}.cms-admin-quick-actions p{margin:5px 0 0;color:var(--cms-muted);font-size:11px}.cms-simple-guide{margin-top:20px}.cms-admin-tabs{display:flex;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--cms-border);border-radius:9px;background:#eef1f6}.cms-admin-tabs a{min-width:150px;padding:10px 16px;border-radius:7px;color:var(--cms-muted);font-size:11px;font-weight:700;text-align:center;text-decoration:none}.cms-admin-tabs a.active{background:#fff;color:var(--cms-primary);box-shadow:0 2px 7px rgba(24,34,52,.08)}.cms-catalog-browser{grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(390px,1fr)}.cms-catalog-rail{grid-row:1/3;border-right:1px solid var(--cms-border)}.cms-template-list{grid-column:2;border-right:0;border-bottom:1px solid var(--cms-border)}.cms-version-workspace{grid-column:2;background:#fbfcfe}.cms-version-workspace>header p{max-width:620px;margin:6px 0 0;color:var(--cms-muted);font-size:11px;line-height:1.5}.cms-template-version-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;padding:22px;border:1px solid var(--cms-border);border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(24,34,52,.04)}.cms-template-version-main{display:flex;align-items:flex-start;gap:14px}.cms-template-version-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:9px;background:#f0efff;color:var(--cms-primary)}.cms-template-version-main small{color:var(--cms-primary);font-size:9px;font-weight:800;letter-spacing:.8px}.cms-template-version-main h3{margin:5px 0 0;font-size:16px}.cms-template-version-main p{max-width:600px;margin:7px 0 0;color:var(--cms-muted);font-size:11px;line-height:1.55}.cms-template-version-stats{display:flex;grid-column:1;align-items:center;gap:9px;margin-left:58px}.cms-template-version-stats>span{padding:7px 9px;border-radius:6px;background:#f3f5f8;color:var(--cms-muted);font-size:9px}.cms-template-version-stats b{color:var(--cms-text)}.cms-template-version-actions{display:flex;grid-column:2;grid-row:1/3;align-items:center;gap:8px}.cms-template-version-actions a{text-decoration:none}.cms-catalog-skeleton{grid-template-columns:240px minmax(0,1fr);grid-template-rows:220px minmax(390px,1fr)}.cms-catalog-skeleton i:first-child{grid-row:1/3}.cms-catalog-skeleton i:last-child{grid-column:2;border-top:1px solid var(--cms-border)}.cms-advanced-fields{overflow:hidden;padding:0!important;border:1px solid var(--cms-border);border-radius:8px;background:#fff}.cms-advanced-fields summary{padding:12px 14px;color:var(--cms-muted);font-size:11px;font-weight:700;cursor:pointer;list-style-position:inside}.cms-advanced-fields[open] summary{border-bottom:1px solid var(--cms-border);color:var(--cms-primary)}.cms-advanced-fields>.cms-form-grid{padding:14px!important}.template-package-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.package-json-workspace{display:grid;grid-gap:10px;gap:10px}.package-json-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--cms-border);border-radius:8px;background:#eef1f6}.package-json-tabs button{padding:9px 13px;border:0;border-radius:6px;background:transparent;color:var(--cms-muted);font-size:10px;font-weight:700}.package-json-tabs button.active{background:#fff;color:var(--cms-primary);box-shadow:0 2px 6px rgba(24,34,52,.07)}.package-json-workspace .package-stage{min-height:470px}.generate-html-view{margin-top:16px}.package-preview>header>button{font-size:9px}.template-package-head>span{align-self:flex-start}@media(max-width:900px){.cms-admin-quick-actions{grid-template-columns:1fr}.cms-catalog-browser{grid-template-columns:210px minmax(0,1fr)}.cms-version-workspace{grid-column:2}.cms-template-version-card{grid-template-columns:1fr}.cms-template-version-actions{grid-column:1;grid-row:auto;margin-left:58px}.cms-catalog-skeleton{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:700px){.cms-overview-metrics{grid-template-columns:1fr}.cms-admin-tabs a{min-width:0;flex:1 1}.cms-catalog-browser{grid-template-columns:1fr;grid-template-rows:auto}.cms-catalog-rail{grid-row:auto;border-right:0;border-bottom:1px solid var(--cms-border)}.cms-template-list,.cms-version-workspace{grid-column:auto}.cms-template-version-card{padding:16px}.cms-template-version-actions,.cms-template-version-stats{margin-left:0}.cms-template-version-actions{align-items:stretch;flex-direction:column}.cms-template-version-actions>*{justify-content:center;text-align:center}.cms-catalog-skeleton{grid-template-columns:1fr;grid-template-rows:auto}.cms-catalog-skeleton i:first-child,.cms-catalog-skeleton i:last-child{grid-row:auto;grid-column:auto}.package-json-tabs{overflow-x:auto}.package-json-tabs button{flex:none}}.cms-business-toolbar,.cms-module-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.cms-business-toolbar label{display:grid;grid-gap:7px;gap:7px;width:min(420px,100%);color:var(--cms-muted);font-size:10px;font-weight:700}.cms-business-toolbar input,.cms-module-toolbar input{width:100%;border:1px solid var(--cms-border);border-radius:8px;background:#fff;color:var(--cms-text);outline:none}.cms-business-toolbar input{padding:11px 12px}.cms-business-toolbar input:focus,.cms-module-toolbar label:focus-within{border-color:var(--cms-primary);box-shadow:0 0 0 3px rgba(91,85,231,.1)}.cms-business-toolbar p,.cms-module-toolbar>span{margin:0;color:var(--cms-muted);font-size:11px}.cms-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.cms-business-grid>article{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;grid-gap:13px;gap:13px;min-height:136px;padding:19px;border:1px solid var(--cms-border);border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(24,34,52,.035)}.cms-business-grid>article.inactive{opacity:.64}.cms-business-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#f0efff;color:var(--cms-primary)}.cms-business-card-copy h2{margin:3px 0 6px;font-size:14px}.cms-business-card-copy p{margin:0;color:var(--cms-muted);font-size:10px;line-height:1.5}.cms-business-grid .cms-semantic-status{grid-column:2;margin-top:8px;justify-self:start}.cms-business-grid .cms-overflow{position:absolute;right:10px;top:8px}.cms-icon-options{margin:2px 0 0;padding:0;border:0}.cms-business-tag-picker legend,.cms-icon-options legend{margin-bottom:9px;color:var(--cms-text);font-size:10px;font-weight:700}.cms-icon-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.cms-icon-options>legend{grid-column:1/-1}.cms-icon-options label{position:relative}.cms-icon-options input{position:absolute;opacity:0;pointer-events:none}.cms-icon-options label>span{display:grid;place-items:center;grid-gap:7px;gap:7px;min-height:76px;padding:10px;border:1px solid var(--cms-border);border-radius:8px;background:#fff;color:var(--cms-muted);cursor:pointer}.cms-icon-options small{font-size:9px}.cms-icon-options input:checked+span{border-color:var(--cms-primary);background:#f4f3ff;color:var(--cms-primary);box-shadow:0 0 0 2px rgba(91,85,231,.09)}.cms-module-toolbar label{display:flex;align-items:center;gap:8px;width:min(420px,100%);padding:0 11px;border:1px solid var(--cms-border);border-radius:8px;background:#fff;color:var(--cms-muted)}.cms-module-toolbar input{padding:11px 0;border:0}.cms-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.cms-module-grid>article{position:relative;overflow:hidden;border:1px solid var(--cms-border);border-top:3px solid var(--module-accent);border-radius:11px;background:#fff;box-shadow:0 8px 24px rgba(24,34,52,.04);transition:transform .16s ease,box-shadow .16s ease}.cms-module-grid>article:hover{transform:translateY(-2px);box-shadow:0 14px 31px rgba(24,34,52,.08)}.cms-module-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0}.cms-module-card-head>span{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:color-mix(in srgb,var(--module-accent) 11%,white);color:var(--module-accent)}.cms-module-grid article>a{display:block;padding:12px 18px 18px;color:var(--cms-text);text-decoration:none}.cms-module-grid h2{margin:0 0 7px;font-size:16px}.cms-module-grid p{min-height:48px;margin:0;color:var(--cms-muted);font-size:10px;line-height:1.55}.cms-module-grid article>a>div{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:13px;border-top:1px solid var(--cms-border);font-size:10px}.cms-module-grid article>a>strong{display:flex;align-items:center;gap:6px;margin-top:16px;color:var(--cms-primary);font-size:10px}.cms-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:15px;color:var(--cms-muted);font-size:10px;font-weight:700;text-decoration:none}.cms-back-link:hover{color:var(--cms-primary)}.cms-module-detail-intro{display:flex;align-items:center;gap:13px;margin-bottom:19px;padding:15px 17px;border:1px solid var(--cms-border);border-radius:9px;background:#fff}.cms-module-detail-intro>span{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;color:#fff}.cms-module-detail-intro p{margin:0 0 4px;color:var(--cms-text);font-size:11px}.cms-module-detail-intro small{color:var(--cms-muted);font-size:9px}.cms-template-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.cms-template-admin-grid>article{display:flex;min-height:255px;flex-direction:column;padding:18px;border:1px solid var(--cms-border);border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(24,34,52,.035)}.cms-template-admin-grid>article>header{display:flex;align-items:center;justify-content:space-between}.cms-template-admin-grid>article>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#f0efff;color:var(--cms-primary)}.cms-template-admin-grid h2{margin:15px 0 6px;font-size:15px}.cms-template-admin-grid>article>p{margin:0;color:var(--cms-muted);font-size:10px;line-height:1.55}.cms-business-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.cms-business-tags>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:20px;background:#f1f3f7;color:#546174;font-size:9px;font-weight:700}.cms-business-tags>small{color:#a06b19;font-size:9px}.cms-template-admin-grid>article>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--cms-border)}.cms-template-admin-grid>article>footer>span{color:var(--cms-muted);font-size:9px}.cms-template-admin-grid>article>footer>div{display:flex;align-items:center;gap:7px}.cms-template-admin-grid>article>footer a,.cms-template-admin-grid>article>footer button{padding:8px 10px;border:1px solid var(--cms-border);border-radius:7px;background:#fff;color:var(--cms-text);font-size:9px;font-weight:700;text-decoration:none}.cms-template-admin-grid>article>footer a.cms-primary{border-color:var(--cms-primary);background:var(--cms-primary);color:#fff}.cms-business-tag-picker{margin:4px 0 0;padding:13px;border:1px solid var(--cms-border);border-radius:9px;background:#f8f9fc}.cms-business-tag-picker>p{margin:-2px 0 11px;color:var(--cms-muted);font-size:9px;line-height:1.45}.cms-business-tag-picker>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.cms-business-tag-picker label{position:relative}.cms-business-tag-picker input{position:absolute;opacity:0}.cms-business-tag-picker label>span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--cms-border);border-radius:7px;background:#fff;color:var(--cms-muted);font-size:10px;cursor:pointer}.cms-business-tag-picker label>span svg:last-child{margin-left:auto;opacity:0}.cms-business-tag-picker input:checked+span{border-color:var(--cms-primary);background:#f1f0ff;color:var(--cms-primary)}.cms-business-tag-picker input:checked+span svg:last-child{opacity:1}.cms-business-tag-picker>small{display:block;color:var(--cms-muted);font-size:9px}.cms-business-grid>.cms-catalog-empty,.cms-module-grid>.cms-catalog-empty,.cms-template-admin-grid>.cms-catalog-empty{grid-column:1/-1;min-height:180px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;border:1px dashed var(--cms-border);border-radius:10px;color:var(--cms-muted)}@media(max-width:980px){.cms-business-grid,.cms-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cms-business-toolbar,.cms-module-toolbar{align-items:stretch;flex-direction:column}.cms-business-grid,.cms-module-grid,.cms-template-admin-grid{grid-template-columns:1fr}.cms-business-tag-picker>div,.cms-icon-options{grid-template-columns:1fr 1fr}.cms-template-admin-grid>article>footer{align-items:flex-start;flex-direction:column}.cms-template-admin-grid>article>footer>div{width:100%}.cms-template-admin-grid>article>footer>div>*{flex:1 1;text-align:center}}.cms-nav-version{display:block;margin:10px 0 8px;color:#8693a6;font-size:8px;letter-spacing:.4px}.server-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.server-summary article{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:3px 12px;gap:3px 12px;padding:17px;border:1px solid var(--cms-border);border-radius:10px;background:#fff}.server-summary article>span{display:grid;grid-row:1/3;place-items:center;width:40px;height:40px;border-radius:9px;background:#f0efff;color:var(--cms-primary)}.server-summary small{color:var(--cms-muted);font-size:9px;font-weight:700}.server-summary strong{font-size:19px}.server-table{overflow:hidden;border:1px solid var(--cms-border);border-radius:10px;background:#fff}.server-table>article,.server-table>header{display:grid;grid-template-columns:1.1fr 1.5fr .65fr .8fr;align-items:center;grid-gap:14px;gap:14px;padding:0 18px;border-bottom:1px solid #edf0f4}.server-table>header{min-height:40px;color:var(--cms-muted);font-size:9px;font-weight:800;text-transform:uppercase}.server-table>article{min-height:72px}.server-table>article:last-of-type{border-bottom:0}.server-table article>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.server-table b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.server-table small{color:var(--cms-muted);font-size:9px}.server-table em{justify-self:start;font-style:normal}.server-empty{display:grid;place-items:center;grid-gap:7px;gap:7px;padding:42px;color:var(--cms-muted);text-align:center}.server-empty b{color:var(--cms-text)}.server-empty span{font-size:10px}@media(max-width:700px){.server-summary{grid-template-columns:1fr}.server-table{overflow-x:auto}.server-table>article,.server-table>header{min-width:760px}}.form-preview-modal{display:grid;grid-gap:14px;gap:14px}.form-preview-card{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--cms-border);border-radius:10px;background:#f8f9fc}.form-preview-card header{display:grid;grid-gap:4px;gap:4px}.form-preview-card header small{color:var(--cms-primary);font-size:9px;font-weight:800}.form-preview-card h3,.form-preview-card p{margin:0}.form-preview-card p{color:var(--cms-muted);font-size:11px}.form-preview-field{display:grid;grid-gap:5px;gap:5px}.form-preview-field span{font-size:10px;font-weight:700}.form-preview-field input,.form-preview-field select,.form-preview-field textarea{min-height:34px;padding:8px;border:1px solid var(--cms-border);border-radius:6px;background:#fff;color:var(--cms-text);font:inherit}.form-preview-field textarea{min-height:70px}