:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f4;--surface:#fff;--border:#dddcd7;--text:#1d1d1b;--muted:#6b6a65;--accent:#2f5fb3;--accent-text:#fff;--ok:#24794a;--warn:#a15c07;--bad:#b3342b;--check-a:#e9e9e6;--check-b:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17171a;--surface:#212125;--border:#38383e;--text:#ececea;--muted:#a0a09a;--accent:#7fa8ee;--accent-text:#10131a;--ok:#62c48e;--warn:#e0a24b;--bad:#ee8279;--check-a:#2c2c31;--check-b:#212125}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Noto Sans KR,sans-serif}a{color:var(--accent)}header.top{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:10px 16px;display:flex}header.top nav{flex-wrap:wrap;flex:1;gap:4px 12px;display:flex}header.top nav a{color:var(--muted);padding:2px 0;text-decoration:none}header.top nav a.on{color:var(--text);font-weight:600}header.top strong{font-size:16px}header.top form{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}main{max-width:1100px;margin:0 auto;padding:20px 16px 48px}h1{overflow-wrap:anywhere;margin:0 0 16px;font-size:20px}h2{margin:24px 0 8px;font-size:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:14px 16px}.row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:13px}.error{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.link{color:var(--muted);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}input[type=text],textarea{font:inherit;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}th{color:var(--muted);font-size:13px;font-weight:500}td.wrap{white-space:normal;min-width:180px}tr:last-child td{border-bottom:none}.bar{background:var(--border);border-radius:3px;min-width:80px;height:6px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .3s}.thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.thumb{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.thumb .pic{aspect-ratio:1;background:repeating-conic-gradient(var(--check-a) 0% 25%, var(--check-b) 0% 50%) 0 0 / 16px 16px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.thumb .pic img{object-fit:contain;width:100%;height:100%;display:block}.thumb .info{overflow-wrap:anywhere;padding:8px 10px;font-size:13px}pre.code{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:6px 0;padding:10px;font-size:13px;overflow-x:auto}
