.config-app{--ink:#e6edfa;--muted:#91a3bf;background:#0c1018;color:var(--ink)}
.config-app a{text-decoration:none}.config-app .public-header{background:#0c1018;height:76px;border-color:#253145}.config-app .public-wrap{padding-top:26px}.config-app h1{font-size:clamp(30px,3.2vw,45px);margin:5px 0 12px}.config-app .eyeline{margin-bottom:8px;color:#7e9ac5}.workspace-note small,.config-app .lead{color:#94a7c5}.workflow{margin:22px 0 18px;padding:12px 0;border-color:#293750}
.config-app .card{background:#141d2a;border-color:#2c3c53}.config-app .panel-eyebrow{color:#86a4cc}.config-app .branch-card{background:#101a29;border-color:#2d405b}.config-app label,.config-app .muted,.config-app small,.config-app .fineprint{color:#a2b5d0}.config-app input,.config-app select,.config-app textarea{background:#0c1522;border-color:#354b6b}.config-app summary,.config-app h3{color:#d2e0f7}.config-app button.secondary{background:#18263b;border-color:#3b5273;color:#bbceeb}.config-app button.secondary:hover{background:#223857}.config-app button[aria-pressed=true]{background:#245dcc!important;color:#fff!important;border-color:#548cf0!important}.config-app button:focus-visible,.config-app a:focus-visible{outline:2px solid #84bdff;outline-offset:3px}.config-app button:disabled{opacity:.4;cursor:default}.config-app .notice{background:#13243b;border-color:#2b476b;color:#b2c9e8}.config-app .parts{border-color:#30425b}.config-app .parts>div{color:#92acd0}.config-app .parts strong{color:#e6efff}.config-app .table-scroll,.config-app td{border-color:#2d415d}.config-app th{background:#101a28;color:#a1b8d7}.config-app td{color:#c3d4ed}.config-app .page-footer{background:#0c1018;color:#8d9eb8;border-color:#293951}.config-app .email-request{border-color:#2f4361}.config-app .email-request p{color:#b2c4df}
.quick-start{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 0 22px}.quick-start>div:first-child{display:flex;flex-direction:column;gap:3px}.quick-start .panel-eyebrow{margin:0}.quick-hint{font-size:10px;color:#99aecb}.template-buttons,.history-buttons{display:flex;gap:8px}.history-buttons{margin-left:auto}.config-app .template-buttons button{display:flex;align-items:center;gap:8px;padding:8px 13px}.template-buttons svg{width:45px;height:24px;fill:#477dc5;stroke:#92bffc;stroke-width:2}.template-buttons svg path{fill:none}.config-app .history-buttons button{padding:9px 12px;font-size:10px}.config-app .two-pane{grid-template-columns:340px minmax(0,1fr);align-items:start}.config-app .viewer-panel{padding:22px;top:18px}.config-app .viewer{height:450px;min-height:320px;background:#0c1423;border-color:#294365;border-radius:8px;overflow:hidden}.config-app .viewer:fullscreen{height:100%;border-radius:0}.scene-toolbar{display:flex;justify-content:space-between;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.camera-buttons{display:flex;gap:5px}.config-app .camera-buttons button{font-size:10px;padding:7px 10px}.config-app #zoom-in,.config-app #zoom-out{font-size:16px;line-height:1;padding:7px 12px}.scene-options{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.config-app .scene-options button{font-size:10px;padding:8px 11px}.config-app .viewer-labels{position:absolute;inset:0;pointer-events:none}.config-app .viewer-labels button{position:absolute;transform:translateX(-50%);pointer-events:auto;padding:6px 10px;font-size:9px;border:1px solid #557299;background:#15283bea;color:#e5f0ff;box-shadow:0 3px 12px #0007;white-space:nowrap}.config-app .viewer-labels button[aria-pressed=true]{box-shadow:0 0 16px #3979ff66}.connector-inspector{background:#0e192b;border:1px solid #375b8c;border-left:3px solid #6baaff;border-radius:6px;padding:14px;margin-top:15px}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inspector-head strong{font-size:14px}.config-app .inspector-head button{font-size:9px;padding:7px 10px}.connector-inspector p{margin:9px 0;font-size:11px;color:#b8cce8}.inspector-pins{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.pin-cell{display:grid;place-items:center;width:24px;height:24px;background:#203046;border:1px solid #3b506c;color:#bfd1eb;border-radius:4px;font-size:9px}.pin-cell.connected{border-bottom:3px solid var(--wire-color)}.config-app .viewer-panel>small{display:block;line-height:1.8}.config-app #ends{display:block}.config-app #ends .branch-card{display:grid;grid-template-columns:1.5fr 1fr;gap:0 12px;padding:12px;margin-top:12px}.config-app #ends h3{grid-column:1/-1}.config-app #ends label{font-size:10px}.config-app #ends select,.config-app #ends input{font-size:11px}.config-app #ends label:last-child{grid-column:2;grid-row:2}.config-app #ends label:has(input[data-field=article]){grid-column:1/-1}.config-app .viewer-panel>.toolbar{margin:12px 0 8px}
@media(max-width:1100px){.config-app .two-pane{grid-template-columns:290px minmax(0,1fr)}.config-app .viewer-panel{padding:18px}.config-app .viewer{height:400px}.quick-start{gap:12px}.history-buttons{margin-left:0}.workspace-note{display:none}}
@media(max-width:700px){.config-app .public-header{height:70px}.config-app .public-wrap{padding:22px 5% 35px}.config-app h1{font-size:33px;line-height:1.12}.config-app .lead{font-size:10px;max-width:310px}.workflow{margin:20px 0 10px}.quick-start{gap:12px;padding:10px 0 18px}.quick-start>div:first-child{width:100%}.template-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.config-app .template-buttons button{display:flex;flex-direction:column;gap:4px;padding:8px 4px;font-size:8px;min-width:0}.template-buttons svg{width:48px}.history-buttons{width:100%;justify-content:flex-end}.config-app .history-buttons button{font-size:9px;padding:6px 10px}.config-app .two-pane{display:flex;flex-direction:column}.config-app .viewer-panel{padding:15px}.config-app .viewer-head h2{font-size:19px}.config-app .viewer{height:320px;min-height:300px}.config-app .camera-buttons button{font-size:8px;padding:7px 8px}.config-app #zoom-in,.config-app #zoom-out{padding:7px 9px;font-size:14px}.config-app .scene-options{gap:5px}.config-app .scene-options button{font-size:8px;padding:8px}.config-app .viewer-labels button{font-size:8px;padding:5px 7px}.config-app #selected{font-size:9px}.config-app .viewer-panel>small{font-size:9px}.inspector-head{gap:8px}.inspector-head strong{font-size:12px}.config-app .inspector-head button{font-size:8px;padding:7px}.config-app .viewer-panel{position:static}.config-app .parts strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.config-app .viewer-head .toolbar button[aria-pressed=false]{background:#18263b;color:#bbceeb;border-color:#3b5273}.config-app .rk-dialog{background:#141f31;color:#e0ecff;border-color:#456795}.config-app .rk-dialog::backdrop{background:#050c18e6}