:root{--accent:#8b7bff}.lab{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;margin-top:28px;display:grid}.stage-card,.ask-card{padding:16px}.source-row,.detect-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);place-items:center;min-height:260px;margin:14px 0;display:grid;position:relative;overflow:hidden}.stage img,.stage video{width:100%;height:auto;display:block}.stage img:not([src]){display:none}.boxes{pointer-events:none;position:absolute;inset:0}.box{border:2px solid var(--box-color);border-radius:4px;position:absolute}.box span{background:var(--box-color);color:#0b0f17;white-space:nowrap;border-radius:3px 0 4px;padding:1px 6px;font-size:12px;font-weight:600;position:absolute;top:-1px;left:-1px}.objects{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.objects span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:2px 10px;font-size:13px}.ask-card h2{font-family:var(--font-display);margin:0 0 12px;font-size:20px}.ask-form{gap:8px;display:flex}.ask-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:1;min-width:0;min-height:42px;padding:8px 12px}.quick{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.quick button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:13px}.answer{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px}.answer:empty{display:none}.answer[data-error=true]{color:var(--danger)}.hint{color:var(--text-muted);font-size:13px}.how{color:var(--text-muted);margin-top:36px;font-size:15px}.how h2{color:var(--text);font-family:var(--font-display);margin:0 0 8px;font-size:20px}.how ul{gap:8px;margin:0;padding-left:20px;display:grid}.how strong{color:var(--text)}@media (width<=820px){.lab{grid-template-columns:1fr}}
