:root{--housing: #14171c;--housing-2: #181c22;--panel: #1d222a;--panel-2: #232a33;--bezel: #2c333d;--bezel-lit: #3a434f;--readout: #e8edf2;--readout-dim: #93a0ad;--readout-faint: #5c6773;--signal: #36e2a0;--signal-deep: #14b884;--signal-glow: rgba(54, 226, 160, .18);--plus: #5fb2ff;--minus: #ffb24d;--paper: #f7f4ee;--danger: #ff6b5e;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", "Roboto Mono", Menlo, monospace;--radius: 14px;--radius-sm: 9px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ui);color:var(--readout);background:radial-gradient(1100px 700px at 78% -8%,#1b212b,transparent),radial-gradient(900px 600px at 8% 108%,rgba(54,226,160,.05),transparent),var(--housing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cf-app{min-height:100%;display:flex;flex-direction:column}.cf-wordmark,.cf-metric-value,.cf-cert-no,.cf-cert-sd,code,.cf-summary-run,.cf-status em{font-variant-numeric:tabular-nums}.cf-header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid var(--bezel);background:linear-gradient(180deg,var(--housing-2),var(--housing));position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cf-brand{display:flex;align-items:center;gap:14px}.cf-brand-text{display:flex;flex-direction:column;line-height:1.15}.cf-wordmark{font-weight:680;letter-spacing:.26em;font-size:15px;padding-left:2px}.cf-sub{font-size:11px;letter-spacing:.04em;color:var(--readout-faint)}.cf-status{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--readout-dim);display:flex;align-items:center;gap:14px}.cf-status em{color:var(--signal);font-style:normal;font-weight:700}.cf-status.ready{color:var(--signal)}.cf-status.error{color:var(--danger)}.cf-status-file{color:var(--readout-faint);text-transform:none;letter-spacing:0;font-family:var(--mono);font-size:11px}.cf-bubble{width:34px;height:34px;border-radius:50%;border:1px solid var(--bezel-lit);background:radial-gradient(circle at 50% 38%,#11151a,#0c0f13);display:grid;place-items:center;position:relative;box-shadow:inset 0 1px #ffffff0a}.cf-bubble-air{width:9px;height:9px;border-radius:50%;background:var(--readout-faint);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s,box-shadow .4s;transform:translate(6px)}.cf-bubble.active .cf-bubble-air{transform:translate(0);background:var(--signal);box-shadow:0 0 10px var(--signal-glow),0 0 3px var(--signal)}.cf-bubble:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-top:1px solid rgba(255,255,255,.05)}.cf-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:48px 24px}.cf-bezel{width:min(680px,92vw);border-radius:var(--radius);padding:10px;background:linear-gradient(180deg,var(--bezel),#20262e);box-shadow:0 1px #ffffff0d inset,0 30px 70px -30px #000000b3;cursor:pointer;transition:transform .25s,box-shadow .25s}.cf-bezel:hover{transform:translateY(-2px)}.cf-bezel.dragging{transform:translateY(-3px) scale(1.005)}.cf-bezel.dragging .cf-bezel-inner{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal-glow),0 0 40px var(--signal-glow) inset}.cf-bezel-inner{border:1.5px dashed var(--bezel-lit);border-radius:9px;padding:46px 40px 40px;text-align:center;background:radial-gradient(420px 220px at 50% 0%,rgba(54,226,160,.05),transparent),var(--housing);transition:border-color .25s,box-shadow .25s}.cf-bezel-inner h1{font-size:23px;font-weight:640;letter-spacing:-.01em;margin:20px 0 8px}.cf-bezel-inner p{margin:0 auto;max-width:46ch;color:var(--readout-dim);font-size:13.5px;line-height:1.6}.cf-bezel-inner code,.cf-promises code{font-family:var(--mono);font-size:.86em;color:var(--signal);background:#36e2a014;padding:1px 5px;border-radius:5px}.cf-bezel-actions{display:flex;gap:12px;justify-content:center;margin-top:26px}.cf-pan{width:96px;height:78px}.cf-pan-stroke{stroke:var(--readout-dim);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.cf-pan-bubble{fill:var(--signal);filter:drop-shadow(0 0 5px var(--signal-glow))}.cf-pan.settling{animation:tip 1.5s ease-in-out infinite;transform-origin:60px 58px}@keyframes tip{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.cf-promises{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;width:min(680px,92vw)}.cf-promises li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--readout-dim);padding:11px 14px;background:var(--panel);border:1px solid var(--bezel);border-radius:var(--radius-sm)}.cf-tick{color:var(--signal);flex-shrink:0}.cf-settling{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--readout-dim);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.cf-workspace{flex:1;display:grid;grid-template-columns:340px 1fr;min-height:0}.cf-rail{border-right:1px solid var(--bezel);background:var(--housing-2);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.cf-summary{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--bezel);border-radius:var(--radius);padding:14px}.cf-summary-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.cf-summary-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--readout-dim)}.cf-summary-run{font-family:var(--mono);font-size:11px;color:var(--readout-faint)}.cf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cf-metric{display:flex;flex-direction:column;gap:3px;padding:10px 9px;min-width:0;overflow:hidden;background:var(--housing);border:1px solid var(--bezel);border-radius:var(--radius-sm)}.cf-metric-value{font-family:var(--mono);font-size:18px;font-weight:600;color:var(--readout)}.cf-metric-label{font-size:9px;letter-spacing:.02em;text-transform:uppercase;color:var(--readout-faint);white-space:nowrap}.cf-metric.plus .cf-metric-value{color:var(--plus)}.cf-metric.minus .cf-metric-value{color:var(--minus)}.cf-cert-list{display:flex;flex-direction:column;gap:10px}.cf-cert{background:var(--panel);border:1px solid var(--bezel);border-radius:var(--radius-sm);padding:13px 14px;transition:border-color .2s,transform .2s}.cf-cert:hover{border-color:var(--bezel-lit);transform:translate(2px)}.cf-cert-top{display:flex;justify-content:space-between;align-items:center}.cf-cert-no{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.02em}.cf-cert-ok{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}.cf-dot{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 7px var(--signal-glow)}.cf-cert-id{font-family:var(--mono);font-size:12px;color:var(--readout-dim);margin-top:6px}.cf-cert-spec{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--readout-faint);margin-top:5px}.cf-cert-divider{width:3px;height:3px;border-radius:50%;background:var(--readout-faint);opacity:.6}.cf-devstrip{display:flex;gap:3px;align-items:center;height:22px;margin:11px 0 9px}.cf-devtick{width:100%;border-radius:2px}.cf-devtick.zero{height:2px;background:var(--bezel-lit);align-self:center}.cf-devtick.plus{height:14px;background:var(--plus);align-self:flex-start;box-shadow:0 0 6px #5fb2ff40}.cf-devtick.minus{height:14px;background:var(--minus);align-self:flex-end;box-shadow:0 0 6px #ffb24d40}.cf-cert-foot{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--bezel);padding-top:9px}.cf-cert-label{font-size:9.5px;letter-spacing:.14em;color:var(--readout-faint)}.cf-cert-sd{font-family:var(--mono);font-size:13px;color:var(--readout);margin-left:auto}.cf-cert-unit{font-size:10px;color:var(--readout-faint);font-family:var(--mono)}.cf-viewer{display:flex;flex-direction:column;min-width:0;min-height:0}.cf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--bezel);background:var(--housing-2)}.cf-seg{display:inline-flex;background:var(--housing);border:1px solid var(--bezel);border-radius:9px;padding:3px}.cf-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--readout-dim);font-family:var(--ui);font-size:12px;font-weight:550;letter-spacing:.02em;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .18s,color .18s}.cf-seg button.on{background:var(--panel-2);color:var(--readout);box-shadow:0 1px 2px #0000004d}.cf-toolbar-actions{display:flex;gap:10px}.cf-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--ui);font-size:12.5px;font-weight:560;letter-spacing:.01em;padding:9px 15px;border-radius:9px;border:1px solid var(--bezel-lit);background:var(--panel);color:var(--readout);transition:transform .15s,background .18s,border-color .18s,box-shadow .18s}.cf-btn:hover{transform:translateY(-1px)}.cf-btn.ghost:hover{border-color:var(--readout-faint)}.cf-btn.primary{background:linear-gradient(180deg,var(--signal),var(--signal-deep));color:#06241a;border-color:transparent;font-weight:660;box-shadow:0 6px 18px -8px var(--signal-glow),0 0 0 1px #36e2a033}.cf-btn.primary:hover{box-shadow:0 10px 26px -10px var(--signal),0 0 0 1px var(--signal)}.cf-paper-scroll{flex:1;overflow:auto;min-height:0;padding:30px;background:repeating-linear-gradient(45deg,transparent,transparent 11px,rgba(255,255,255,.012) 11px,rgba(255,255,255,.012) 12px),var(--housing)}.cf-paper{display:flex;flex-direction:column;align-items:center}.cf-preview-fail{color:var(--readout-dim)}.cf-paper .cf-docx-wrapper{background:transparent!important;padding:0!important;gap:26px}.cf-paper .cf-docx-wrapper>section.cf-docx{background:var(--paper)!important;box-shadow:0 24px 60px -24px #000000bf,0 0 0 1px #0006!important;border-radius:3px}.cf-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;border-top:1px solid var(--bezel);font-size:11px;color:var(--readout-faint);background:var(--housing-2)}.cf-foot-mark{letter-spacing:.14em}.cf-error{display:flex;align-items:center;gap:16px;background:#ff6b5e14;border:1px solid rgba(255,107,94,.3);border-radius:var(--radius);padding:20px 24px;max-width:520px}.cf-error-mark{font-size:22px}.cf-error strong{display:block;font-weight:560;margin-bottom:4px}.cf-link{background:none;border:0;color:var(--signal);cursor:pointer;padding:0;font-size:12px;text-decoration:underline}.cf-rail::-webkit-scrollbar,.cf-paper-scroll::-webkit-scrollbar{width:10px}.cf-rail::-webkit-scrollbar-thumb,.cf-paper-scroll::-webkit-scrollbar-thumb{background:var(--bezel);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.cf-rail::-webkit-scrollbar-thumb:hover,.cf-paper-scroll::-webkit-scrollbar-thumb:hover{background:var(--bezel-lit);background-clip:padding-box}.cf-bubble.warn .cf-bubble-air{transform:translate(-6px);background:var(--danger);box-shadow:0 0 10px #ff6b5e59}.cf-status.warn{color:var(--danger)}.cf-rail-hint{font-size:11px;color:var(--readout-faint);letter-spacing:.02em;padding:0 2px;margin-top:-4px}.cf-cert{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;cursor:pointer;font-family:var(--ui);color:inherit}.cf-cert.active{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal-glow),inset 0 0 24px -16px var(--signal)}.cf-cert.bad{border-color:#ff6b5e66}.cf-cert-warn{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--danger)}.cf-dot.bad{background:var(--danger);box-shadow:0 0 7px #ff6b5e66}.cf-editor{display:flex;flex-direction:column;min-height:0;flex:1}.cf-editor-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid var(--bezel);background:var(--housing-2);flex-wrap:wrap}.cf-editor-pick{display:flex;flex-direction:column;gap:5px}.cf-editor-pick>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--readout-faint)}.cf-editor-pick select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel);color:var(--readout);border:1px solid var(--bezel-lit);border-radius:8px;padding:8px 30px 8px 12px;font-family:var(--mono);font-size:12.5px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--readout-dim) 50%),linear-gradient(135deg,var(--readout-dim) 50%,transparent 50%);background-position:calc(100% - 16px) 51%,calc(100% - 11px) 51%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.cf-editor-spec{display:flex;gap:22px;flex-wrap:wrap}.cf-spec{display:flex;flex-direction:column;gap:2px}.cf-spec-k{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--readout-faint)}.cf-spec-v{font-family:var(--mono);font-size:12px;color:var(--readout-dim)}.cf-editor-warn{margin:14px 22px 0;padding:12px 16px;background:#ff6b5e17;border:1px solid rgba(255,107,94,.3);border-radius:var(--radius-sm);font-size:12.5px;color:#ffd0c9;line-height:1.5}.cf-editor-warn strong{color:var(--danger)}.cf-editor-scroll{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:26px}.cf-test{background:var(--panel);border:1px solid var(--bezel);border-radius:var(--radius);padding:16px 18px}.cf-test-title{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);font-weight:600}.cf-test-grid{display:grid;grid-template-columns:64px 1fr 1.5fr 1fr;gap:8px 14px;align-items:center}.cf-test-grid.no-dev{grid-template-columns:64px 1fr 1.5fr}.cf-th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--readout-faint);padding-bottom:4px;border-bottom:1px solid var(--bezel)}.cf-td{font-family:var(--mono);font-size:13px}.cf-row-label{color:var(--readout-dim)}.cf-row-label.zero{color:var(--readout-faint)}.cf-row-std{color:var(--readout-dim)}.cf-noload{color:var(--readout-faint);font-style:italic;font-family:var(--ui);font-size:12px}.cf-locked{display:inline-flex;align-items:center;gap:6px;color:var(--readout-dim);font-family:var(--mono);font-size:13px}.cf-lockicon{color:var(--readout-faint);flex-shrink:0}.cf-stepper{display:inline-flex;align-items:center;gap:0}.cf-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:30px;cursor:pointer;background:var(--housing);color:var(--readout-dim);border:1px solid var(--bezel-lit);font-size:16px;line-height:1;display:grid;place-items:center;transition:background .15s,color .15s}.cf-step:first-child{border-radius:7px 0 0 7px}.cf-step:last-child{border-radius:0 7px 7px 0}.cf-step:hover{background:var(--panel-2);color:var(--signal)}.cf-numcell{width:92px;height:30px;text-align:center;background:var(--housing);color:var(--readout);border:1px solid var(--bezel-lit);border-left:0;border-right:0;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;outline:none}.cf-numcell:focus{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal-glow);position:relative;z-index:1}.cf-dev{display:inline-block;min-width:58px;text-align:center;font-family:var(--mono);font-size:12.5px;padding:4px 8px;border-radius:6px;background:var(--housing);border:1px solid var(--bezel)}.cf-dev.zero{color:var(--readout-faint)}.cf-dev.plus{color:var(--plus);border-color:#5fb2ff4d}.cf-dev.minus{color:var(--minus);border-color:#ffb24d4d}.cf-dev.out{color:var(--danger);border-color:var(--danger);background:#ff6b5e1a}.cf-stdrow{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--bezel)}.cf-std-readout{font-family:var(--mono);font-size:18px;color:var(--signal);font-variant-numeric:tabular-nums}.cf-std-note{font-size:11px;color:var(--readout-faint);margin-left:auto}.cf-diff{display:flex;flex-direction:column;min-height:0;flex:1}.cf-diff-head{padding:16px 22px;border-bottom:1px solid var(--bezel);background:var(--housing-2)}.cf-diff-legend{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.cf-diff-sum{font-size:13px;color:var(--readout-dim)}.cf-diff-sum em{color:var(--readout);font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.cf-diff-key{font-size:11px;color:var(--readout-faint);font-family:var(--mono)}.cf-diff-scroll{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px}.cf-diff-empty{color:var(--readout-dim);font-size:13px;padding:30px;text-align:center}.cf-diff-empty strong{color:var(--signal)}.cf-diff-cert{background:var(--panel);border:1px solid var(--bezel);border-radius:var(--radius);overflow:hidden}.cf-diff-certhead{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--panel-2);border:0;border-bottom:1px solid var(--bezel);color:var(--readout);transition:background .15s}.cf-diff-certhead:hover{background:var(--bezel)}.cf-diff-balance{font-family:var(--mono);font-size:11.5px;color:var(--readout-dim)}.cf-diff-count{margin-left:auto;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--signal);background:var(--signal-glow);padding:3px 9px;border-radius:20px}.cf-diff-test{padding:8px 16px 12px}.cf-diff-testname{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--readout-faint);margin:6px 0}.cf-diff-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 0;border-top:1px solid rgba(255,255,255,.03);font-family:var(--mono);font-size:12.5px}.cf-diff-rlabel{color:var(--readout-dim);min-width:64px}.cf-diff-std{color:var(--readout-faint);min-width:64px}.cf-diff-pair{display:inline-flex;align-items:center;gap:7px}.cf-diff-field{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--readout-faint)}.cf-diff-same{color:var(--readout-dim)}.cf-diff-change{display:inline-flex;align-items:center;gap:6px}.cf-was{color:var(--readout-faint);text-decoration:line-through;text-decoration-color:#ff6b5e80}.cf-arrow{color:var(--readout-faint)}.cf-now{color:var(--signal);font-weight:600}.cf-diff-unchanged{font-family:var(--mono);font-size:11px;color:var(--readout-faint);padding:12px 16px;border:1px dashed var(--bezel);border-radius:var(--radius-sm);line-height:1.7}@media (max-width: 880px){.cf-workspace{grid-template-columns:1fr}.cf-rail{border-right:0;border-bottom:1px solid var(--bezel);max-height:38vh}.cf-promises{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}