:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;line-height:1.5;font-weight:400;background:#0b0b0c;color:#f5f5f5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#090909,#121212)}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh;padding:32px}.page-width{max-width:1280px;margin:0 auto}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:2.25rem}.hero p{margin:0;max-width:760px;color:#a7a7ad}.eyebrow{font-size:.85rem;letter-spacing:.14em;color:#9e9ea6;margin-bottom:6px}.status-card,.card{background:#17171a;border:1px solid #2a2a31;border-radius:18px;box-shadow:0 16px 40px #00000040}.status-card{padding:16px 18px;min-width:240px}.status-label{color:#9e9ea6;font-size:.82rem;margin-bottom:6px}.status-value{font-weight:600}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:24px}.card h2{margin-top:0;margin-bottom:14px}.field-group{margin-bottom:16px}.field-group label{display:block;margin-bottom:6px;color:#bdbdc7;font-size:.92rem}input,textarea,select,pre{width:100%;border-radius:12px;border:1px solid #34343d;background:#101013;color:#f5f5f5;padding:12px 14px}textarea{resize:vertical}pre{margin:0;white-space:pre-wrap;overflow:auto;max-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.button-row,.button-stack{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.button-stack{flex-direction:column}.button-primary,.button-secondary{border-radius:12px;padding:12px 14px;cursor:pointer;border:1px solid #3e3e49;transition:.15s ease}.button-primary{background:#e5e5e5;color:#0f0f11;font-weight:700}.button-secondary{background:#24242b;color:#f2f2f3}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}hr{border:0;border-top:1px solid #2c2c33;margin:22px 0}.custom-grid{display:grid;grid-template-columns:160px 1fr;gap:12px}.path-field{min-width:0}@media (max-width: 980px){.grid-two{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.page-shell{padding:16px}.custom-grid{grid-template-columns:1fr}}
