:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#edf3ff;color:#172033}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(31,94,255,.08),transparent 28%),linear-gradient(180deg,#f8fbff,#edf3ff)}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit}.app-shell{min-height:100vh;padding:24px}.quickenv-page{max-width:1200px;margin:0 auto;display:grid;grid-gap:16px;gap:16px}.panel{background:hsla(0,0%,100%,.92);border:1px solid #d7dfec;border-radius:16px;padding:20px;box-shadow:0 18px 40px rgba(23,32,51,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{display:flex;justify-content:space-between;gap:20px;align-items:stretch;flex-wrap:wrap}.hero-copy{display:grid;grid-gap:10px;gap:10px;align-content:start}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:6px 10px;background:#e8f0ff;color:#12337f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hero h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.hero p,.panel p,.state-helper,.state-text,.table-caption,.table-secondary{margin:0;color:#52607a}.hero-note{max-width:700px}.summary-card{min-width:250px;display:grid;grid-gap:10px;gap:10px;align-content:start;background:linear-gradient(180deg,#0f3aa8,#1f5eff);color:#fff}.summary-card p,.summary-card strong{color:inherit}.summary-grid{display:grid;grid-gap:10px;gap:10px}.summary-stat{display:grid;grid-gap:3px;gap:3px}.summary-stat strong{font-size:1.4rem}.connection-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;text-transform:capitalize}.connection-pill.connected{background:rgba(106,227,159,.2);color:#dfffea}.connection-pill.connecting,.connection-pill.reconnecting{background:rgba(255,210,135,.2);color:#fff2d8}.table-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.state-title,.table-header h2{margin:0 0 8px}.primary-button,.secondary-button{border-radius:10px;padding:10px 14px;cursor:pointer}.primary-button{border:1px solid #1f5eff;background:#1f5eff;color:#fff}.secondary-button{border:1px solid #c6d2e7;background:#fff;color:#31415e}.table-caption{margin-bottom:12px;font-size:14px}.table-scroll{overflow-x:auto}.env-table{width:100%;border-collapse:collapse;min-width:860px}.env-table td,.env-table th{padding:12px 10px;border-top:1px solid #d7dfec;text-align:left;vertical-align:top}.env-table th{border-top:none;color:#52607a;font-size:14px}.quick-use-cell-stack{display:grid;grid-gap:6px;gap:6px}.table-secondary{font-size:13px}.quick-use-input{width:100%;min-height:42px;border:1px solid #c6d2e7;border-radius:10px;padding:10px 12px;background:#fff}.quick-toggle{gap:10px;border:1px solid #c6d2e7;padding:6px 12px;background:#fff;color:#172033;cursor:pointer}.quick-toggle,.quick-toggle-track{display:inline-flex;align-items:center;border-radius:999px}.quick-toggle-track{width:42px;padding:2px;background:#c8d2e3;transition:background .2s ease}.quick-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(23,32,51,.22);transition:transform .2s ease}.quick-toggle.is-on{border-color:#1f5eff;background:#eef3ff;color:#12337f}.quick-toggle.is-on .quick-toggle-track{background:#1f5eff}.quick-toggle.is-on .quick-toggle-thumb{transform:translateX(20px)}.quick-toggle.is-off{border-color:#b7dec7;background:#f3fbf6;color:#1d6b42}.quick-use-row-error{display:inline-block;color:#b42318;font-size:13px}.state-card{border-radius:12px;padding:16px;border:1px solid #d7dfec;background:#fff}.state-card.error{border-color:#efb2b2;background:#fff7f7}.state-card.empty{background:#fafcff}.state-card.loading{background:#f8fbff}.state-actions{margin-top:12px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:rgba(23,32,51,.46);z-index:50}.modal-card{width:min(520px,100%);display:grid;grid-gap:16px;gap:16px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 50px rgba(23,32,51,.22)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-banner{border-radius:10px;padding:12px 14px;border:1px solid #b7dec7;background:#f3fbf6}.feedback-banner p+p{margin-top:6px}button:focus-visible,input:focus-visible{outline:3px solid rgba(31,94,255,.2);outline-offset:1px}@media (max-width:780px){.app-shell,.panel{padding:16px}.hero,.modal-header,.table-header{flex-direction:column}.summary-card{min-width:0}}