:root{color:#202a3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:none;margin:0;padding:0 38px 28px}.topbar{border-bottom:1px solid #dce4ee;justify-content:space-between;align-items:center;height:78px;display:flex}.brand,.brand>div,.toolbar,.view-switch,.panel-header,.source-footer,.variables-heading,.status-card>div{align-items:center;display:flex}.brand{gap:11px}.brand-mark{color:#fff;background:#1f4e79;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand>div{flex-direction:column;align-items:flex-start;line-height:1.05}.brand strong{letter-spacing:.01em;font-size:15px}.brand span{color:#7b8a9c;margin-top:5px;font-size:11px}.toolbar{gap:9px}button{color:#425268;background:#fff;border:1px solid #d8e0ea;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .18s}button:hover{color:#1f4e79;background:#f8fbfe;border-color:#8fa9c3}.check-button{color:#2a765c;background:#f5fbf8;border-color:#aacbbf}.check-button:hover{color:#1f6b50;background:#eaf7f0;border-color:#66a989}.intro{justify-content:space-between;align-items:flex-end;padding:48px 0 32px;display:flex}.eyebrow,.panel-kicker{color:#6d87a2;letter-spacing:.16em;margin:0 0 13px;font-size:10px;font-weight:800}h1{color:#18324b;letter-spacing:-.055em;margin:0;font-size:clamp(35px,4vw,57px);font-weight:750;line-height:1.05}h1 em{color:#2c78a6;font-style:normal}.intro-copy{color:#718197;max-width:495px;margin-top:19px;font-size:14px;line-height:1.7}.status-card{color:#728297;background:#fff;border:1px solid #dce5ee;border-radius:8px;min-width:196px;padding:14px 17px;font-size:11px;box-shadow:0 7px 18px #1f4e790d}.status-dot{background:#32a778;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.status-card>div{border-top:1px solid #e9eef3;gap:5px;margin-top:12px;padding-top:11px}.status-card strong{color:#2d4964;margin-left:8px;font-size:18px}.blank-results{background:#fff;border:1px solid #dce5ee;border-radius:9px;margin:0 0 18px;overflow:hidden;box-shadow:0 8px 25px #1f4e790b}.blank-results.has-issues{border-color:#e8c7cf}.blank-results.all-clear{border-color:#c6dfd2}.blank-results-header{border-bottom:1px solid #e7edf2;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.blank-results-header h2{color:#28445f;margin:0;font-size:15px}.has-issues .blank-results-header h2{color:#9b5367}.all-clear .blank-results-header h2{color:#287356}.blank-results-meta{color:#8292a1;align-items:center;gap:10px;font-size:10px;display:flex}.blank-results-meta button{padding:5px 8px;font-size:10px}.blank-issue-list{gap:12px;padding:14px 18px 18px;display:grid}.blank-issue{border:1px solid #efd9de;border-radius:6px;overflow:hidden}.blank-issue-heading{color:#7b6870;background:#fff7f8;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.blank-issue-heading strong{color:#ad5369;letter-spacing:.08em;font-size:10px}.scenario-state{color:#7e7378;background:#fdfafb;border-bottom:1px solid #f0e2e5;flex-wrap:wrap;gap:6px;padding:9px 12px;font:10px/1.5 SFMono-Regular,Consolas,monospace;display:flex}.scenario-state span{background:#f4eef0;border-radius:3px;padding:3px 6px}.scenario-state b{color:#9a526d;font-weight:700}.blank-issue pre{color:#6b7b88;background:#fbfcfd;margin:0;padding:11px 12px;font:11px/1.65 SFMono-Regular,Consolas,monospace;overflow:auto}.blank-issue pre span{white-space:pre;display:block}.blank-issue pre .problem-line{color:#9d5367;background:#ffe8ee}.blank-clear-copy{color:#527663;margin:0;padding:16px 20px;font-size:12px}.blank-warning-list{color:#9b702d;flex-wrap:wrap;gap:7px;padding:12px 18px 0;font-size:11px;display:flex}.blank-warning-list span{background:#fff1d3;border-radius:4px;padding:4px 7px}.workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.workspace.source-collapsed{grid-template-columns:minmax(0,1fr)}.panel{background:#fff;border:1px solid #dce5ee;border-radius:9px;min-height:700px;overflow:hidden;box-shadow:0 8px 25px #1f4e790b}.panel-header{border-bottom:1px solid #e6edf3;justify-content:space-between;padding:18px 20px 15px}.panel-actions{align-items:center;gap:12px;display:flex}.panel-header h2{color:#28445f;margin:0;font-size:15px;font-weight:700}.panel-meta{color:#94a3b3;font-size:11px}.quiet-button{color:#8294a5;background:0 0;border:0;padding:5px 8px;font-size:11px}.quiet-button:hover{color:#2d6d91;background:#f1f6fa}.collapsed-source{color:#73899b;text-align:left;flex-direction:row;align-items:center;gap:14px;width:100%;height:50px;min-height:0;padding:0 18px;display:flex}.collapsed-source .panel-kicker{margin:0}.collapsed-source strong{color:#385b73;font-size:11px;font-weight:700}.collapsed-source span:last-child{color:#9aabb8;font-size:10px}.source-panel{min-height:0}.source-panel textarea{resize:vertical;color:#52677d;tab-size:2;background:#fbfcfd;border:0;outline:0;width:100%;height:625px;padding:20px;font:12px/1.75 SFMono-Regular,Consolas,monospace}.source-footer{color:#91a0af;border-top:1px solid #e6edf3;justify-content:space-between;padding:11px 20px;font-size:10px}.view-switch{border:1px solid #d9e2ec;border-radius:6px;gap:2px;padding:2px}.view-switch button{color:#8392a3;border:0;padding:6px 9px;font-size:11px}.view-switch button.active{color:#1f6590;background:#eaf3f9}.variables-panel{background:#f7fbfd;border:1px solid #dbe8f0;border-radius:7px;margin:15px 18px 0;padding:12px}.variables-heading{color:#35657f;justify-content:space-between;font-size:11px;font-weight:700}.variables-heading>div{gap:6px;display:flex}.variables-title{flex-direction:column;gap:3px;display:flex}.variables-title small{color:#8b9cab;font-size:10px;font-weight:400}.variables-heading button{color:#4a7993;padding:4px 7px;font-size:10px}.show-variables{color:#4a7993;border-style:dashed;margin:15px 18px 0;padding:9px 12px;font-size:11px;display:block}.variable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.variable-grid label{color:#7a8d9f;flex-direction:column;gap:4px;font:10px SFMono-Regular,Consolas,monospace;display:flex}.variable-grid input{color:#38556f;background:#fff;border:1px solid #d7e2eb;border-radius:4px;outline:0;padding:7px 8px;font-size:11px}.variable-grid input:focus{border-color:#6da3c1;box-shadow:0 0 0 2px #e1f0f6}.empty-state{color:#8798a8;grid-column:1/-1;padding:4px;font-size:11px}.preview-body{color:#4c5f74;white-space:pre-wrap;padding:23px 22px 26px;font-size:13px;line-height:1.72}.line-break-marker{color:#a7b7c3;opacity:.9;margin-left:3px;font:10px SFMono-Regular,Consolas,monospace;display:inline-block;transform:translateY(-1px)}.variable-chip{color:#5e6c7a;vertical-align:baseline;background:#48576614;border:1px solid #4857662e;border-radius:3px;align-items:center;gap:4px;margin:0 2px;padding:1px 5px;font:11px SFMono-Regular,Consolas,monospace;display:inline-flex}.variable-chip small{color:#8995a0;font-size:9px}.inline-condition{color:#56788c;white-space:nowrap;border-bottom:1px solid #9ec4d1;padding:0 2px;display:inline}.inline-condition.depth-1{color:#846c99;border-bottom-color:#c2afd0}.inline-condition.depth-2{color:#9b7a40;border-bottom-color:#d3bd8e}.inline-condition.depth-3{color:#687f9f;border-bottom-color:#b5c4d9}.inline-condition.inline-else{color:#a87337;border-bottom-style:dashed}.condition-raw{font:11px SFMono-Regular,Consolas,monospace}.inline-status{vertical-align:1px;border-radius:8px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:700}.inline-branch-content{border-radius:3px;transition:background-color .15s,box-shadow .15s}.inline-branch-content-active{background:#fff1bf;box-shadow:0 0 0 2px #fff1bf}.inline-branch-content-active .variable-chip{color:#196f88;box-shadow:none;background:#fff8d9;border-color:#d6b15d}.inline-condition-active{background:#fff1bf;border-bottom-color:#c49e43;box-shadow:0 0 0 2px #fff1bf}.inline-group-active{border-radius:3px;transition:background-color .15s,box-shadow .15s}.inline-branch-current{background:#fff1bf;box-shadow:0 0 0 2px #fff1bf}.inline-branch-other{background:#f8dfe8;box-shadow:0 0 0 2px #f8dfe8}.inline-branch-current .variable-chip{color:#5f6260;box-shadow:none;background:#fff1bfd1;border-color:#d6b15d}.inline-branch-other .variable-chip{color:#6f6267;box-shadow:none;background:#f8dfe8d1;border-color:#d79aaf}.inline-condition.inline-branch-current{border-bottom-color:#c49e43}.inline-condition.inline-branch-other{border-bottom-color:#d28ca4}.branch-trigger{cursor:default;position:relative}.branch-trigger:hover .condition-raw{color:#1f6689}.remove-branch-button{opacity:0;color:#a34f68;vertical-align:1px;background:#fff0f4;border:1px solid #d89aaa;border-radius:3px;margin-left:4px;padding:0 4px;font:13px/1.1 Arial,sans-serif}.branch-trigger:hover .remove-branch-button,.remove-branch-button:focus-visible{opacity:1}.remove-branch-button:hover{color:#843b51;background:#f8dfe8;border-color:#b9657d}.context-branch-menu{z-index:100;background:#fffafb;border:1px solid #e0c1cb;border-radius:5px;gap:4px;margin-top:8px;padding:4px;display:flex;position:fixed;box-shadow:0 3px 9px #7037491f}.context-branch-menu button{white-space:nowrap;margin:0;padding:4px 7px;font-size:10px}.context-remove-branch{color:#984d66;background:#fff0f4;border-color:#c8899d}.context-remove-branch:hover{color:#7f3650;background:#f8dfe8;border-color:#a96079}.context-hit-branch{color:#826d32;background:#fff9df;border-color:#c5b17b}.context-hit-branch:hover{color:#6f5a23;background:#fff1b7;border-color:#aa934f}.if-card{border-left:1px dashed #9cb9c7;margin:10px 0;padding-left:13px;overflow:hidden}.if-card.level-1{border-left-color:#b6a6c5;margin-left:14px}.if-card.level-2{border-left-color:#c8b37e;margin-left:14px}.if-header{text-align:left;color:#41637d;background:0 0;border:0;border-radius:0;align-items:center;gap:7px;width:100%;padding:3px 0 7px;display:flex}.branch-glyph{border:1px solid #a7bdcc;border-radius:3px;place-items:center;width:14px;height:14px;font-size:11px;display:grid}.condition-label,.branch-header span{color:#4c7691;letter-spacing:.08em;font-size:10px;font-weight:800}.if-header code,.branch-header code{color:#557086;background:0 0;padding:0;font:10px SFMono-Regular,Consolas,monospace}.branch-count{color:#91a0ac;margin-left:auto;font-size:10px}.branch{border-bottom:0}.branch-header{align-items:center;gap:8px;padding:3px 0;display:flex}.condition-status{border-radius:10px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.status-true{color:#27805d;background:#e2f4eb}.status-false{color:#b45d5d;background:#fbe8e8}.status-unknown{color:#7e8b97;background:#eef1f4}.branch-if .branch-header span{color:#2c7893}.branch-elseif .branch-header span{color:#8872a1}.branch-else .branch-header span{color:#ae7f40}.branch-else .branch-header code{color:#a2783e;background:#fff5e7}.branch-content{padding:0 0 7px 20px}.warnings{color:#9b702d;background:#fffaf0;border:1px solid #f1d9a8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:7px;margin:0 18px 18px;padding:12px;font-size:11px;display:flex}.warnings strong{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.warnings span{background:#fff1d3;border-radius:4px;padding:4px 7px}.unknown-token{color:#a77327;background:#fff3d8;border-bottom:1px dashed #d6a650}.app-footer{color:#8a9aaa;justify-content:space-between;padding:16px 3px;font-size:10px;display:flex}@media (width<=980px){.app-shell{padding:0 18px 22px}.intro{flex-direction:column;align-items:flex-start;gap:25px}.workspace{grid-template-columns:1fr}.panel{min-height:0}.source-panel textarea{height:380px}.blank-results-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start;gap:15px;height:auto;padding:16px 0}.toolbar{flex-wrap:wrap}.intro{padding-top:32px}.variable-grid{grid-template-columns:1fr}.preview-body{padding:18px 14px}.branch-content{padding-left:22px}.app-footer{flex-direction:column;gap:10px}}