:root{--bg:#f7f7f5;--card:#fff;--text:#16181d;--sub:#5b606b;--line:#e3e4e8;--accent:#2f6fed;--accent-weak:#e8efff;--ok:#0f8a5f;--warn:#b45309;--bad:#c0392b;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#111318;--card:#1a1d24;--text:#eceef2;--sub:#a0a6b2;--line:#2a2e37;--accent:#7aa2ff;--accent-weak:#1f2a44;--ok:#34d399;--warn:#fbbf24;--bad:#f87171}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);word-break:keep-all;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.65}a{color:var(--accent)}.wrap{max-width:860px;margin:0 auto;padding:0 18px}header.site{border-bottom:1px solid var(--line);background:var(--card)}header.site .wrap{align-items:center;gap:10px;height:58px;display:flex}header.site .brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:17px;font-weight:800;text-decoration:none;display:flex}header.site nav{gap:16px;margin-left:auto;font-size:15px;display:flex}header.site nav a{color:var(--sub);text-decoration:none}header.site nav a:hover{color:var(--accent)}main.wrap{padding-top:26px;padding-bottom:20px}h1{letter-spacing:-.03em;margin:0 0 8px;font-size:30px;line-height:1.3}.lede{color:var(--sub);margin:0 0 22px;font-size:16.5px}.badge-local{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent);border-radius:999px;align-items:center;gap:6px;margin:0 0 16px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 26px;padding:18px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;display:flex}.row:last-child{margin-bottom:0}label.field{max-width:100%;color:var(--sub);flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;display:flex}input[type=text],input[type=number],input[type=search],select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 12px;font-size:16px}select{max-width:100%}textarea{resize:vertical;width:100%;min-height:130px;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}button,.btn{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}button.ghost,.btn.ghost{background:var(--accent-weak);color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.small{padding:6px 10px;font-size:13px}.drop{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--sub);cursor:pointer;padding:28px 16px;transition:border-color .15s,background .15s;display:block}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-weak)}.drop b{color:var(--text);margin-bottom:4px;font-size:16px;display:block}.drop input{display:none}.status{color:var(--sub);min-height:1.4em;margin:10px 0 0;font-size:14px}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.status.bad{color:var(--bad)}.out{word-break:break-all;font-size:22px;font-weight:700}.muted{color:var(--sub);font-size:13.5px}table.preview{border-collapse:collapse;width:100%;max-height:360px;font-size:13.5px;display:block;overflow:auto}table.preview td,table.preview th{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;max-width:260px;padding:5px 8px;overflow:hidden}table.preview th{background:var(--bg);position:sticky;top:0}ul.files{margin:12px 0 0;padding:0;list-style:none}ul.files li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;font-size:14.5px;display:flex}ul.files li:first-child{border-top:0}ul.files img{object-fit:cover;background:var(--bg);border-radius:8px;flex:none;width:52px;height:52px}ul.files .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}ul.files .tag{background:var(--bg);color:var(--sub);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12.5px}ul.files .tag.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent)}ul.files .tag.ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}.ad{margin:0 0 26px;padding-top:6px}.ad-label{color:var(--sub);margin-bottom:4px;font-size:11.5px;display:block}.guide{font-size:16px}.guide h2{letter-spacing:-.02em;margin:34px 0 10px;font-size:21px}.guide h3{margin:22px 0 6px;font-size:17px}.guide p,.guide li{color:var(--text)}.guide ol,.guide ul{padding-left:1.3em}.guide code{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.92em}.guide details{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:8px 0;padding:10px 14px}.guide summary{cursor:pointer;font-weight:700}.guide details p{margin:8px 0 2px}.guide table{border-collapse:collapse;max-width:100%;font-size:14.5px;display:block;overflow-x:auto}.guide th,.guide td{border:1px solid var(--line);text-align:left;padding:6px 10px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.card:hover{border-color:var(--accent)}.card img{border-radius:11px;flex:none}.card b{margin-bottom:2px;font-size:15.5px;display:block}.card small{color:var(--sub);font-size:13px;line-height:1.5;display:block}section.related,section.group{margin:34px 0;scroll-margin-top:12px}html{scroll-behavior:smooth}.chips{flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.chip b{color:var(--sub);font-size:12.5px;font-weight:600}.chip:hover{border-color:var(--accent);color:var(--accent)}section.related h2,section.group h2{letter-spacing:.06em;color:var(--sub);border-bottom:1px solid var(--text);margin:0 0 12px;padding-bottom:9px;font-size:13px;font-weight:700}footer.site{border-top:1px solid var(--line);color:var(--sub);margin-top:40px;padding:18px 0 30px;font-size:13.5px}footer.site a{color:var(--sub)}footer.site p{margin:4px 0}@media (width<=600px){h1{font-size:25px}header.site nav{gap:12px;font-size:14px}.tool{padding:14px}}