:root{color-scheme:dark;--bg: #0c1115;--panel: rgba(18, 27, 34, .88);--panel-strong: #18242d;--line: #2b404e;--ink: #ebf1f4;--muted: #9db3bf;--accent: #ef9b2d;--accent-soft: rgba(239, 155, 45, .14);--good: #5fbf8f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;background:radial-gradient(circle at top,rgba(239,155,45,.14),transparent 34%),linear-gradient(180deg,#0b0f12 0%,var(--bg) 100%);color:var(--ink)}button,input,textarea,select{font:inherit}button,select,input{color:inherit}.lab-shell{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{margin-bottom:28px}.eyebrow,.detail-label{margin:0 0 8px;color:var(--accent);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:0;max-width:13ch;font-size:clamp(2.8rem,6vw,5rem);line-height:.95}.lede{max-width:70ch;color:var(--muted);font-size:1.05rem}.lab-grid{display:grid;gap:20px;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.candidate-list,.candidate-detail,.detail-panel,.checklist,.engine-surface,.touch-overlay{border:1px solid var(--line);border-radius:24px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.candidate-list{padding:12px;display:grid;gap:12px;align-content:start}.candidate-card{width:100%;padding:18px;border:1px solid var(--line);border-radius:18px;background:transparent;color:inherit;text-align:left;cursor:pointer}.candidate-card.selected{border-color:var(--accent);background:var(--accent-soft)}.candidate-card h2,.detail-header h2,.detail-panel h3,.checklist h3{margin:0 0 8px}.candidate-card p,.detail-panel ul,.checklist ul,.log-stream p{margin:0;color:var(--muted)}.candidate-chip,.detail-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff0f;color:var(--good);font-size:.82rem}.candidate-detail{padding:20px}.detail-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.detail-columns,.control-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.detail-panel,.checklist{padding:18px}.detail-panel ul,.checklist ul{padding-left:18px}.controls-panel,.log-panel{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:.92rem}.field input,.field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#00000047}.file-summary{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#0000002e}.file-summary p{margin:0;color:var(--muted)}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action-row button,.desktop-toolbar button{border:1px solid var(--line);border-radius:999px;padding:12px 16px;cursor:pointer}.primary-action{background:var(--accent);color:#111;border-color:transparent;font-weight:700}.secondary-action{background:#ffffff0a}.desktop-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.snapshot-grid div{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#00000024}.snapshot-grid dt{margin:0 0 6px;color:var(--muted);font-size:.86rem}.snapshot-grid dd{margin:0}.engine-stage{position:relative;min-height:600px;margin-bottom:18px}.engine-surface{min-height:600px;padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent),linear-gradient(135deg,#17242b,#0c1115)}.engine-frame{width:100%;min-height:600px;border:0;display:block;background:#000}.desktop-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32));cursor:crosshair;outline:none}.desktop-overlay.captured{background:transparent}.desktop-hint{max-width:42ch;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#00000085;color:#ffffffeb;text-align:center}.desktop-overlay.captured .desktop-hint{align-self:end;margin-bottom:18px}.touch-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}.touch-stick{position:absolute;bottom:20px;width:152px;height:152px;border:1px dashed rgba(255,255,255,.18);border-radius:50%;background:#ffffff0a;display:grid;place-items:center;color:#ffffffd1;font-weight:700;letter-spacing:.08em;pointer-events:auto;touch-action:none}.touch-stick-left{left:20px}.touch-stick-right{right:20px}.touch-actions{position:absolute;right:20px;top:20px;display:grid;gap:10px;pointer-events:auto}.touch-actions button{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px;background:#00000073;color:inherit;touch-action:none}.touch-note{position:absolute;left:20px;top:20px;max-width:36ch;color:var(--muted);font-size:.92rem}.log-stream{display:grid;gap:8px;max-height:260px;overflow:auto;padding-right:6px}@media(max-width:1080px){.lab-grid,.detail-columns,.control-grid{grid-template-columns:1fr}}@media(max-width:720px){.lab-shell{width:min(100%,calc(100% - 20px));padding-top:20px}.engine-stage,.engine-surface,.engine-frame{min-height:520px}.touch-stick{width:124px;height:124px}.touch-stick-left,.touch-note{left:12px}.touch-stick-right,.touch-actions{right:12px}.touch-stick,.touch-actions{bottom:12px}.snapshot-grid{grid-template-columns:1fr}.desktop-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
