:root{--page: #3b4247;--shell: #505a63;--card: #273036;--panel: #687681;--panel-soft: #edf2ef;--border: rgba(217, 224, 225, .22);--border-strong: rgba(217, 224, 225, .34);--text: #f5f0e7;--muted: #d7cec3;--ink: #1f292f;--ink-muted: #59656d;--accent: #6ee7b7;--accent-hover: #a7f3d0;color:var(--text);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}html{min-height:100%;background:var(--page)}body{min-height:100%;margin:0;background:var(--page)}button,input,select{font:inherit}#app{min-height:100vh;display:grid;place-items:start center;padding:32px 16px}.panel{width:min(920px,100%);border:1px solid var(--border);border-radius:18px;background:var(--shell);padding:18px;box-shadow:0 18px 36px #0000002e}.header{display:grid;gap:8px;margin-bottom:20px}h1,p{margin:0}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}h1{color:var(--text);font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;letter-spacing:-.025em;line-height:1}.header p,.module-status,label{color:var(--muted)}.controls{display:grid;grid-template-columns:1.6fr 1fr .8fr;gap:14px;align-items:end}label{display:grid;gap:7px;font-size:.86rem;font-weight:800}label span{color:var(--accent)}input,select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--panel-soft);color:var(--ink);padding:0 12px;box-shadow:0 1px #ffffffe6}input:focus,select:focus{border-color:var(--accent);outline:3px solid rgba(110,231,183,.22)}.buttons{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}button{min-height:42px;border:1px solid var(--border);border-radius:8px;background:#2d353b;color:var(--text);padding:0 15px;cursor:pointer;font-weight:900;box-shadow:0 8px 18px #00000024;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover:not(:disabled){transform:translateY(-1px);background:#394249;box-shadow:0 12px 22px #0000002e}.primary-button{background:var(--accent);color:#172026}.primary-button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{cursor:not-allowed;background:var(--panel);color:#c9d2ce;opacity:.7}.status{display:grid;grid-template-columns:minmax(140px,1.25fr) repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.status div{min-height:74px;display:grid;align-content:center;gap:4px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:11px 12px}.status span,.candidate span{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.status strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:1.08rem;font-weight:900}.status div:first-child strong{font-size:.98rem;line-height:1.2}.candidate{display:grid;gap:8px;margin-top:18px}pre{min-height:78px;margin:0;padding:16px;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel-soft);color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.28rem;font-weight:800;white-space:pre-wrap;overflow-wrap:anywhere}.module-status{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:11px 12px;font-size:.86rem;font-weight:700}@media(max-width:720px){#app{padding:18px 12px}.panel{padding:18px}.controls,.status{grid-template-columns:1fr}}
