.detection-toggle{display:flex;gap:.5rem;align-items:center;width:fit-content;margin-top:1.5rem;color:#dbeafe;font-weight:700;cursor:pointer}.detection-toggle input{width:1rem;height:1rem;accent-color:#67e8f9}.camera-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;align-items:stretch;width:min(100%,72rem);margin-top:.75rem}.camera-preview{position:relative;width:100%;overflow:hidden;border:1px solid #263244;border-radius:1rem;background:#000;aspect-ratio:16 / 9}.camera-preview video,.camera-preview canvas{display:block;width:100%;height:100%}.camera-preview video{object-fit:contain}.camera-preview canvas{position:absolute;inset:0;pointer-events:none}.action-log{display:flex;flex-direction:column;min-width:0;max-height:27rem;padding:1rem;overflow:hidden;border:1px solid #263244;border-radius:1rem;background:#101827}.action-log h2,.action-log ol{margin:0}.action-log>p{color:#9ca3af}.action-log ol{display:grid;gap:.75rem;min-height:0;padding:0;overflow-y:auto;list-style:none}.action-log li{display:grid;gap:.2rem;padding-bottom:.75rem;border-bottom:1px solid #263244}.action-log time,.action-log span{color:#9ca3af;font-size:.85rem}@media(max-width:52rem){.camera-workspace{grid-template-columns:1fr}.action-log{max-height:20rem}}.tool-activity-panel{height:100%;min-height:16rem;padding:1.25rem;overflow:hidden;border:1px solid #263244;border-radius:1rem;background:#111827}.tool-activity-panel h2{margin:.25rem 0 1rem;font-size:1.35rem}.tool-activity-eyebrow{margin:0;color:#67e8f9;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tool-activity-empty,.tool-activity-detail{color:#9ca3af}.tool-activity-list{max-height:28rem;margin:0;padding:0;overflow-y:auto;list-style:none}.tool-activity-entry{padding:.9rem 0;border-top:1px solid #263244}.tool-activity-entry:first-child{padding-top:0;border-top:0}.tool-activity-name,.tool-activity-detail,.tool-activity-error{margin:.35rem 0}.tool-activity-name{font-weight:700}.tool-activity-name code{color:#67e8f9}.tool-activity-detail span{color:#e5e7eb}.tool-activity-error{color:#fca5a5}.tool-source-group{margin-top:.75rem}.tool-source-list{margin:.4rem 0 0;padding-left:1.2rem}.tool-source-list li+li{margin-top:.35rem}.tool-source-list a{color:#67e8f9;overflow-wrap:anywhere}:root{color:#e5e7eb;background:#090d16;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:20rem;min-height:100vh}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(64rem,calc(100% - 2rem));margin:0 auto;padding:5rem 0}.eyebrow{color:#67e8f9;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{margin:.5rem 0;font-size:clamp(2rem,7vw,4rem);letter-spacing:-.04em}.introduction,.state-message{max-width:38rem;color:#9ca3af}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:2.5rem}.demo-card,.state-panel{border:1px solid #263244;border-radius:1rem;background:#111827;color:inherit}.demo-card{display:flex;min-height:13rem;padding:1.5rem;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease}.demo-card:hover,.demo-card:focus-visible{border-color:#67e8f9;transform:translateY(-.2rem)}.demo-title{font-size:1.25rem;font-weight:700}.demo-description{margin-top:.75rem;color:#9ca3af}.demo-action{margin-top:auto;color:#67e8f9;font-weight:700}.state-panel{max-width:32rem;margin-top:2rem;padding:1rem 1.25rem}.session-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(16rem,2fr);gap:1rem;align-items:stretch;margin-top:2rem}.demo-plugin-slot{min-width:0}.back-button{border:0;padding:0;background:transparent;color:#9ca3af;cursor:pointer}.connection-status{color:#67e8f9;font-weight:700;text-transform:capitalize}.error-message{color:#fca5a5}.session-actions{margin-top:1.5rem}.session-actions button,.state-panel button{border:0;border-radius:999px;padding:.7rem 1.2rem;background:#67e8f9;color:#083344;font-weight:800;cursor:pointer}@media(max-width:48rem){.session-workspace{grid-template-columns:1fr}}
