:root{--ink: #1c1f26;--mute: #6b7280;--line: #e5e7eb;--ok: #15803d;--fail: #b91c1c;--review: #b45309;--bg: #f7f7f8}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Malgun Gothic,Noto Sans KR,sans-serif}header{padding:14px 24px 6px}header h1{margin:0;font-size:22px}header p{margin:2px 0 0;color:var(--mute)}main.demo{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;padding:8px 24px 90px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;min-height:420px}.panel h2{margin:0 0 8px;font-size:14px;color:var(--mute);font-weight:600;letter-spacing:.04em}.panel h3{margin:10px 0 4px;font-size:13px;color:var(--mute);font-weight:600}.head{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-bottom:10px}.head label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute)}.head label span{min-width:84px}.head input{flex:1}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--mute);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--line)}td{padding:3px 4px;border-bottom:1px solid var(--line)}input{width:100%;font:inherit;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}input[readonly]{border-color:transparent;background:transparent;color:var(--mute)}input:focus{outline:2px solid #2563eb}.kind-list td:last-child input{min-width:260px}button[data-testid=run]{margin-top:12px;padding:8px 18px;font:inherit;font-weight:600;color:#fff;background:#2563eb;border:0;border-radius:8px;cursor:pointer}.check{display:grid;grid-template-columns:20px 1fr;gap:2px 8px;padding:6px 4px;border-bottom:1px solid var(--line)}.check .mark{font-weight:700}.check.ok .mark{color:var(--ok)}.check.fail{background:#fef2f2}.check.fail .mark{color:var(--fail)}.check small{grid-column:2;color:var(--fail)}.verdict{margin-top:14px;font-size:26px;font-weight:800;text-align:center;min-height:40px}.verdict[data-verdict=PASS]{color:var(--ok)}.verdict[data-verdict=REVIEW]{color:var(--review)}.verdict[data-verdict=REJECT]{color:var(--fail)}.queues{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.queue h3 b{color:var(--ink)}.queue ul,[data-testid=effects-notifications]{margin:0;padding-left:16px;font-size:12px;word-break:break-all}[data-testid=effects-ledger] td,[data-testid=effects-ledger] th{font-size:12px}.hl{animation:hl .9s ease-out}@keyframes hl{0%{box-shadow:0 0 0 4px #fbbf24;background:#fef3c7}to{box-shadow:0 0 0 0 transparent}}.caption{position:fixed;left:50%;bottom:22px;transform:translate(-50%);max-width:860px;padding:12px 22px;background:#1c1f26eb;color:#fff;font-size:20px;line-height:1.4;border-radius:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transition:opacity .25s;pointer-events:none}.caption.show{opacity:1}.cursor{position:fixed;left:0;top:0;width:18px;height:18px;margin:-4px 0 0 -4px;border-radius:50% 50% 50% 0;background:#111;border:2px solid #fff;box-shadow:0 1px 4px #0006;transform:translate(-40px,-40px);transition:transform .4s ease;opacity:0;pointer-events:none;z-index:10}.cursor.show{opacity:1}.cursor.press{scale:.8}main.list{max-width:760px;margin:40px auto;padding:0 24px}main.list ul{list-style:none;padding:0}main.list li a{display:grid;grid-template-columns:60px 1fr;gap:2px 12px;padding:14px 16px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}main.list .tier{color:var(--mute);font-size:13px}main.list .hook{grid-column:2;color:var(--mute);font-size:13px}
