.labs-app{--labs-accent:#72395e;--labs-border:#8a789a55;--labs-surface:#faf8fc;max-width:980px;margin:2rem auto;color:inherit}.labs-app *{box-sizing:border-box}.labs-app fieldset{border:1px solid var(--labs-border);border-radius:18px;padding:1.2rem;min-width:0}.labs-app legend{font-weight:700;padding:0 .4rem}.labs-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:1rem}.labs-file{display:flex;flex-direction:column;gap:.6rem;font-weight:650;min-width:0}.labs-file input{width:100%;font:inherit;font-size:.9rem}.labs-file img{width:100%;height:170px;object-fit:contain;border-radius:12px;background:var(--labs-surface)}.labs-app [hidden]{display:none!important}.labs-help{font-size:.9rem;line-height:1.6;max-width:75ch}.labs-consent{display:flex;gap:.8rem;align-items:flex-start;margin:1rem 0;line-height:1.5}.labs-consent input{flex-shrink:0;margin-top:.3rem;width:18px;height:18px}.labs-actions{display:flex;gap:.7rem;flex-wrap:wrap}.labs-app button{padding:.75rem 1.1rem;border:1px solid var(--labs-border);border-radius:10px;background:var(--labs-accent);color:white;font:inherit;font-weight:650;cursor:pointer}.labs-app button[data-clear],.labs-app button[data-cancel]{background:transparent;color:inherit}.labs-app button:disabled{opacity:.6;cursor:wait}.labs-app :focus-visible{outline:3px solid #cf7b26;outline-offset:3px}.labs-status{min-height:1.6em;line-height:1.6}.labs-result{padding:1.3rem;border:1px solid var(--labs-border);border-radius:18px}.labs-result h2{margin-top:0}.labs-result h3{font-size:1.1rem;margin-bottom:.4rem}.labs-result p,.labs-result li{line-height:1.7;overflow-wrap:anywhere}.labs-result li+li{margin-top:.6rem}.labs-category{margin-top:2rem}.labs-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1rem}.labs-card{display:block;padding:1.3rem;border:1px solid var(--labs-border,#ccc);border-radius:16px;text-decoration:none!important}.labs-card h2{font-size:1.15rem}.labs-card p{line-height:1.6}.labs-app[data-labs-theme=dark]{--labs-accent:#b73878;--labs-surface:#231b2d;--labs-border:#b285aa66}@media(max-width:500px){.labs-app{margin:1rem 0}.labs-app fieldset{padding:1rem}.labs-app button{min-height:44px}.labs-consent{font-size:.95rem}}

.labs-reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:1rem}.labs-reference-grid figure{margin:0;min-width:0;border:1px solid var(--labs-border);border-radius:12px;padding:1rem}.labs-reference-grid img{display:block;width:100%;height:210px;object-fit:contain;border-radius:8px;background:var(--labs-surface)}.labs-reference-credit,.labs-reference-grid details{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.labs-reference-grid details p{font-size:.8rem}.labs-example{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:1.5rem;align-items:center;margin-top:2rem;margin-bottom:2rem}.labs-example img{width:180px;height:210px;object-fit:contain}.labs-catalog{padding-top:1.5rem;padding-bottom:1.5rem}.labs-catalog summary{font-weight:700;cursor:pointer}.labs-catalog li{margin:.8rem 0;overflow-wrap:anywhere}.labs-instructions li{line-height:1.7}@media(max-width:540px){.labs-example{grid-template-columns:1fr}.labs-example img{justify-self:center}.labs-reference-grid{grid-template-columns:1fr}}