:root{color-scheme:light;--bg: #f5f2ea;--panel: #fffdf8;--text: #1f1a12;--muted: #6d6556;--line: #d9cfbe;--accent: #0b5fff;--good: #0a7c2f;--warn: #b65a22}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 8%,#fff6e4 0%,rgba(255,246,228,.7) 28%,transparent 50%),linear-gradient(140deg,#f0ebe0,#ebe6da 44%,#e7e0d1);color:var(--text)}.app-shell{max-width:1120px;margin:0 auto;padding:20px}.hero{background:linear-gradient(138deg,#fff7e6,#f0e5cf);border:1px solid var(--line);border-radius:20px;padding:20px}.hero h1{margin:0 0 6px;font-size:clamp(1.45rem,2vw,1.95rem)}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.tab-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.tab{border:1px solid #cabaa0;border-radius:999px;padding:8px 14px;background:#f8efdf;color:var(--text);cursor:pointer}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.panel{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stack{display:grid;gap:14px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}label{display:grid;gap:6px;color:var(--muted)}input,select,textarea,pre,table,button{border:1px solid #ccbca2;border-radius:8px;padding:8px;background:#fff;color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}button{cursor:pointer}button.cta{background:var(--accent);color:#fff;border-color:var(--accent)}.standards-box{border:1px solid #cfbb98;border-radius:8px;padding:10px;display:grid;gap:6px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.preview-card{border:1px solid #c7b190;border-radius:12px;padding:16px;background:#fff}.checks{display:flex;gap:8px;flex-wrap:wrap}.ok{color:var(--good)}.warn{color:var(--warn)}.health-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}th,td{text-align:left;padding:8px}.popup-preview{border:1px dashed var(--line);border-radius:14px;padding:10px;background:#fcf9f2;overflow:auto}.popup-overlay{display:flex;min-height:280px;padding:10px}.popup-overlay.modal{justify-content:center;align-items:center}.popup-overlay.banner{justify-content:center;align-items:flex-end}.popup-overlay.slide-in{justify-content:flex-end;align-items:flex-end}.popup-card{width:min(100%,460px);border:1px solid;border-radius:12px}.popup-card.banner{width:min(100%,920px)}.popup-card h4{margin:0 0 8px}.popup-card p{margin:0 0 12px}.popup-actions{display:flex;gap:8px;flex-wrap:wrap}.popup-logo{width:28px;height:28px;object-fit:contain;margin-bottom:8px}@media(max-width:720px){.app-shell{padding:14px}.panel,.hero{border-radius:12px}}