/* Lab-only presentation, using Famigl.IA's existing palette and spacing scale. */
:root{--canvas:#F7F4ED;--surface:#FFFFFF;--ink:#17252E;--soft:#33454F;--muted:#61707A;--border:#E7E1D8;--primary:#1F7F75;--ai:#EFEAFE;--error:#A63636;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--control:44px;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.6}main{max-width:calc(560px + var(--s7));margin:auto;padding:var(--s5)}header{padding:var(--s6) 0}h1{font-size:2rem;line-height:1.2}h2{font-size:1.25rem;line-height:1.4;margin:0}p{color:var(--soft);margin:var(--s3) 0}.eyebrow{color:var(--muted);font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s5);margin-bottom:var(--s4)}.ai{background:var(--ai)}.row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:var(--s3) 0}.row>input{flex:1;min-width:0}.row>h2{flex:1}form,details{margin-top:var(--s3)}label{display:block;color:var(--soft);margin:var(--s2) 0}input,select,button{font:inherit;color:var(--ink);border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:var(--s2) var(--s3);min-height:var(--control);max-width:100%}input:not([type=checkbox]),select{width:100%}button{cursor:pointer}button.primary{background:var(--primary);color:var(--surface);border-color:var(--primary)}button:disabled{cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.check{display:flex;align-items:center;gap:var(--s2)}input[type=checkbox]{width:22px}a{color:var(--primary);overflow-wrap:anywhere}summary{cursor:pointer;min-height:var(--control);display:flex;align-items:center}.badge{color:var(--muted);font-variant-numeric:tabular-nums}.tags{display:flex;gap:var(--s2);flex-wrap:wrap}.tag{border:1px solid var(--border);border-radius:10px;padding:var(--s2) var(--s3)}.error{color:var(--error)}.muted{color:var(--muted);font-size:.875rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}td,th{text-align:left;padding:var(--s2);border-bottom:1px solid var(--border);vertical-align:top}th{font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}footer{padding:var(--s6) 0;font-size:.875rem}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}