:root{--bg:#fbfbfa;--surface:#fff;--text:#1c1f24;--muted:#6a7280;--border:#e3e5e8;--accent:#2f6fde;--accent-text:#fff;--danger:#c8372d;--ok:#1f8a4c;--warn:#b7791f;--partial:#8a919c;--radius:10px;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111317;--surface:#191c21;--text:#e7eaee;--muted:#949cab;--border:#2b3038;--accent:#5b8ef0;--accent-text:#0b0d10;--danger:#ef6a5f;--ok:#4cc27f;--warn:#e3a64a;--partial:#7c8493;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Noto Sans Thai,Sarabun,sans-serif}main{max-width:880px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 4px;font-size:1.6rem}h2{margin:28px 0 10px;font-size:1.15rem}a{color:var(--accent)}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:12px 0;padding:16px}.row{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.spread{justify-content:space-between}input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:0;padding:8px 10px}textarea{width:100%}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}code,pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}pre{background:var(--bg);border:1px solid var(--border);overflow-x:auto;white-space:pre-wrap;word-break:break-all;border-radius:8px;padding:10px 12px}.badge{display:inline-block;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:600}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.bad,.error{color:var(--danger)}.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.stat>div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.stat b{display:block;font-variant-numeric:tabular-nums;font-size:1.2rem}.partial{color:var(--partial)}.style-editor{margin-top:12px}.style-editor summary{cursor:pointer;font-weight:600}.style-editor-body{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:16px;margin-top:12px}@media (max-width:800px){.style-editor-body{grid-template-columns:minmax(0,1fr)}}.style-editor textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);resize:vertical;width:100%;min-height:220px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.style-editor-edit{display:flex;flex-direction:column;gap:10px;min-width:0}.style-editor-preview{display:flex;flex-direction:column;gap:8px;min-width:0}.style-editor iframe{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;height:460px}.css-help table{border-collapse:collapse;font-size:13px}.css-help td{vertical-align:top;padding:3px 10px 3px 0}.css-help code{white-space:nowrap}
