:root{--brand:#2f5d50;--brand-strong:#234639;--brand-soft:#e8f0ec;--brand-line:#c2d6ce;--bg:#f3f4f6;--surface:#ffffff;--surface-alt:#fafbfc;--border:#dfe3e8;--border-strong:#c6ccd4;--text:#1b2430;--text-sub:#5d6b7a;--text-faint:#8a95a1;--ok:#146c43;--ok-soft:#e6f2ea;--warn:#8a5a08;--warn-soft:#fdf3e0;--danger:#b3261e;--danger-soft:#fbeae8;--info:#1d4ed8;--info-soft:#e8effd;--exec:#7a1fa2;--exec-soft:#f5e9fb;--area-P:#6b3fa0;--area-O:#1d4ed8;--area-M:#0f766e;--area-A:#2f5d50;--radius:4px;--radius-lg:8px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sidebar-w:248px;--header-h:52px;--ff:"Pretendard","Malgun Gothic","Apple SD Gothic Neo",system-ui,-apple-system,sans-serif;--ff-mono:"JetBrains Mono","Consolas","D2Coding",ui-monospace,monospace;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-h1:21px;--fs-h2:16px;--track:.08em;--shadow-1:0 1px 2px rgba(20,33,61,.06);--shadow-2:0 8px 24px -10px rgba(20,33,61,.22)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--ff);font-size:var(--fs-md);line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--info);text-decoration:none}.hd{min-height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);padding:var(--sp-2) var(--sp-4)}.hd .brand{font-weight:700;font-size:var(--fs-lg)}.hd .spacer{flex:1 1}.wrap{max-width:1100px;margin:0 auto;padding:var(--sp-6) var(--sp-4)}h1{font-size:var(--fs-h1);margin:0 0 var(--sp-2)}.sub{color:var(--text-sub);font-size:var(--fs-sm);margin:0 0 var(--sp-6)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;margin-bottom:var(--sp-4)}.card>.t{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-alt);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track);text-transform:uppercase;color:var(--text-sub)}.card>.b{padding:var(--sp-4)}table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}td,th{padding:7px var(--sp-3);border-bottom:1px solid var(--border);text-align:left}thead th{background:var(--surface-alt);color:var(--text-sub);font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase}tbody tr:last-child td{border-bottom:none}label{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text-sub);margin-bottom:4px}input{width:100%;height:34px;padding:0 var(--sp-3);border:1px solid var(--border);background:var(--surface);color:var(--text)}button,input{font-size:var(--fs-md);font-family:var(--ff);border-radius:var(--radius)}button{padding:8px var(--sp-4);border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:600;cursor:pointer}.field{margin-bottom:var(--sp-3)}.note{font-size:var(--fs-sm);color:var(--text-sub);margin:var(--sp-3) 0 0}.callout{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--fs-md)}.callout .ct{font-weight:700;display:block;margin-bottom:4px}.callout.warn{border-left-color:var(--warn);background:var(--warn-soft)}.callout.tip{border-left-color:var(--info);background:var(--info-soft)}.tag{display:inline-block;font-size:var(--fs-xs);font-family:var(--ff-mono);padding:2px 7px;border-radius:3px;background:var(--surface-alt);border:1px solid var(--border);color:var(--text-sub)}.err{color:var(--danger);font-size:var(--fs-sm)}.shell{display:flex;align-items:flex-start}.sb{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);min-height:calc(100vh - var(--header-h));padding:var(--sp-4) 0;position:-webkit-sticky;position:sticky;top:0}.sb .grp{font-size:var(--fs-xs);font-weight:700;color:var(--text-faint);letter-spacing:var(--track);text-transform:uppercase;padding:var(--sp-3) var(--sp-4) var(--sp-1)}.sb a{display:block;padding:6px var(--sp-4);color:var(--text-sub);font-size:var(--fs-md)}.sb a:hover{background:var(--surface-alt);color:var(--text)}.sb a.on{background:var(--brand-soft);color:var(--brand-strong);font-weight:600;box-shadow:inset 3px 0 0 var(--brand)}.sb .empty{padding:var(--sp-4);color:var(--text-faint);font-size:var(--fs-sm)}.main{flex:1 1;min-width:0;width:100%;padding:var(--sp-6);max-width:1180px}.linkish{background:none;border:none;color:var(--text-sub);padding:0 var(--sp-2);font-weight:500;cursor:pointer}.btn2{padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:var(--fs-sm);cursor:pointer}.btn2:disabled{opacity:.45;cursor:not-allowed}select{height:32px;padding:0 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--ff)}.ok{color:var(--ok)}.bad,.ok{font-weight:700}.bad{color:var(--danger)}@media (max-width:860px){.shell{flex-direction:column;align-items:stretch}.sb{width:100%;flex:none;position:static;min-height:0;border-right:none;border-bottom:1px solid var(--border)}.main{padding:var(--sp-4)}}