:root{--lab-soft:#f7f7fc;--lab-border:#dfe2eb;--lab-good:#18794e;--lab-warn:#8a5b00;--lab-bad:#b42318}
.lab-shell{display:grid;gap:20px;padding-bottom:80px}.lab-card{background:#fff;border:1px solid var(--lab-border);border-radius:20px;padding:22px;box-shadow:0 14px 40px rgba(24,28,45,.06);min-width:0}.lab-card h2,.lab-card h3{margin-top:0}.lab-drop{display:grid;place-items:center;min-height:190px;padding:24px;text-align:center;border:2px dashed #cbc7ef;border-radius:16px;background:linear-gradient(180deg,#faf9ff,#fff);cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.lab-drop:hover,.lab-drop.is-dragging{border-color:var(--brand);background:#f1efff;transform:translateY(-1px)}.lab-drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lab-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.lab-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:750;min-width:0}.lab-controls input,.lab-controls select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #cfd4df;border-radius:12px;background:#fff}.lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.lab-status{margin:14px 0 0;color:var(--muted);min-height:24px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lab-result{border:1px solid var(--lab-border);border-radius:15px;padding:16px;background:var(--lab-soft);min-width:0}.lab-result strong{display:block;margin-bottom:6px}.lab-result p{margin:0;color:var(--muted);overflow-wrap:anywhere}.lab-table-wrap{overflow-x:auto;border:1px solid var(--lab-border);border-radius:15px}.lab-table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}.lab-table th,.lab-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eceef3;vertical-align:top}.lab-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfe}.lab-table tr:last-child td{border-bottom:0}.lab-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.lab-pill.good{background:#eaf7ef;color:var(--lab-good)}.lab-pill.warn{background:#fff7df;color:var(--lab-warn)}.lab-pill.bad{background:#fff0ef;color:var(--lab-bad)}.lab-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:16px}.lab-preview figure{margin:0;border:1px solid var(--lab-border);border-radius:15px;overflow:hidden;background:repeating-conic-gradient(#f0f1f5 0 25%,#fff 0 50%) 50%/18px 18px}.lab-preview img{display:block;width:100%;height:260px;object-fit:contain}.lab-preview figcaption{padding:9px 12px;background:#fff;color:var(--muted);font-size:12px}.lab-note{padding:14px 16px;border-left:4px solid var(--brand);border-radius:12px;background:#f3f1ff;color:var(--muted)}.lab-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lab-hub-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--lab-border);border-radius:17px;background:#fff;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}.lab-hub-card:hover{transform:translateY(-2px);border-color:#c9c4ff;box-shadow:0 14px 34px rgba(24,28,45,.08)}.lab-hub-card span{color:var(--muted);font-size:14px}.authority-links{margin-top:28px;padding:22px;border:1px solid var(--lab-border);border-radius:18px;background:#fff}.authority-links h2{margin:0 0 14px;font-size:20px}.authority-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.authority-link-grid a{padding:14px;border:1px solid var(--lab-border);border-radius:13px;text-decoration:none;background:#fafbfe}.authority-link-grid a:hover{border-color:#c9c4ff}.main-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.main-nav a{text-decoration:none;font-weight:700;color:var(--muted)}.main-nav a:hover{color:var(--brand2)}
@media(max-width:900px){.lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-grid{grid-template-columns:1fr}.lab-preview{grid-template-columns:1fr}.lab-hub-grid{grid-template-columns:1fr}.authority-link-grid{grid-template-columns:1fr}.topbar{height:auto;min-height:70px;padding-block:12px;gap:14px;flex-wrap:wrap}}
@media(max-width:560px){.lab-card{padding:16px}.lab-controls{grid-template-columns:1fr}.lab-actions .btn{flex:1 1 140px}.lab-preview img{height:210px}.main-nav{gap:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.lab-drop,.lab-hub-card{transition:none}}