:root{--bg:#f3f4f1;--surface:#ffffff;--ink:#16191a;--muted:#5d6664;--line:#dce0db;--accent:#0c6a55;--accent-ink:#ffffff;--accent-soft:#e1efea;--danger:#b42318;--warn-bg:#fff4db;--warn-ink:#7a4b00;--p-source:#2b5fd9;--p-medium:#b4600a;--p-campaign:#0b7a50;--p-content:#b02e6e;--p-term:#56606c;--p-id:#6b47b3;--font-body:"Apple SD Gothic Neo","Noto Sans KR",system-ui,-apple-system,"Malgun Gothic",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--r:10px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#101312;--surface:#171b1a;--ink:#e6eae8;--muted:#9aa4a1;--line:#2a312f;--accent:#47c29c;--accent-ink:#07261d;--accent-soft:#163029;--danger:#f27a6e;--warn-bg:#3a2e12;--warn-ink:#f5d48a;--p-source:#7fa6ff;--p-medium:#f0a653;--p-campaign:#4fd19c;--p-content:#f07db5;--p-term:#a8b2bd;--p-id:#b79cf2;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance;font-weight:700}h1{font-size:20px;letter-spacing:-.01em}h2{font-size:15px}h3{font-size:13px}p{margin:0}a{color:inherit}.mono,code{font-family:var(--font-mono)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;padding:18px 12px;gap:18px}.side-brand{display:flex;align-items:center;gap:10px;padding:0 8px;text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;flex:none}.brand-mark,.side-brand strong{font-size:15px}.nav{display:flex;flex-direction:column;gap:14px;flex:1 1;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;padding:0 10px 4px;letter-spacing:.02em}.nav a,.nav-label{color:var(--muted)}.nav a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;text-decoration:none;font-weight:500}.nav a:hover{background:var(--bg);color:var(--ink)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--ink)}.side-user{border-top:1px solid var(--line);padding:12px 8px 0;display:flex;flex-direction:column;gap:6px}.side-user .who{font-weight:500}.side-user .role{font-size:11px;color:var(--muted)}.content{min-width:0}.page-head{max-width:1240px;margin:0 auto;padding:22px 24px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head p{margin-top:4px}main.page{max-width:1240px;margin:0 auto;padding:18px 24px 60px}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;align-items:center;flex-wrap:wrap;padding:10px 14px;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.nav,.sidebar{flex-direction:row}.nav{flex:1 1 100%;order:3;overflow-x:auto;gap:4px}.nav-group{flex-direction:row;gap:2px}.nav-label{display:none}.nav a{white-space:nowrap;padding:6px 10px}.side-user{border-top:0;padding:0;margin-left:auto;flex-direction:row;align-items:center;gap:10px}.side-user .role{display:none}.page-head{padding:16px 14px 0}main.page{padding:14px 14px 48px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.stack{display:flex;flex-direction:column;gap:16px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn.big{width:100%;justify-content:center;padding:12px;font-size:15px}.btn.danger{color:var(--danger)}.btn.sm{padding:4px 9px;font-size:12px}.linkbtn{border:0;background:none;padding:0;color:var(--accent);font-weight:500}.linkbtn.danger{color:var(--danger)}input[type=email],input[type=number],input[type=search],input[type=text],input[type=url],select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;width:100%;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}label.lbl{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:4px}.field{display:flex;flex-direction:column}.check{display:inline-flex;align-items:center;gap:8px}.notice{border-radius:8px;padding:9px 11px;font-size:13px}.notice.warn{background:var(--warn-bg);color:var(--warn-ink)}.notice.info{background:var(--accent-soft);color:var(--ink)}.formerr{color:var(--danger);font-size:13px;min-height:1em}.empty{padding:36px 12px;text-align:center;color:var(--muted)}.sec-h{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.sec-h p{max-width:640px;margin-top:4px;font-size:13px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .grow{flex:1 1}.toolbar input[type=search]{max-width:280px}.toolbar select{width:auto}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;background:var(--bg);padding:9px 12px;white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:10px 12px;vertical-align:top}tr:last-child td{border-bottom:0}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px}td.nowrap{white-space:nowrap}tr.inactive td{color:var(--muted)}.acts{display:flex;gap:6px}.acts,.pill{white-space:nowrap}.pill{font-size:11px;border-radius:999px;padding:2px 9px;border:1px solid var(--line);background:var(--surface)}.pill.on{background:var(--accent-soft);border-color:transparent;color:var(--accent)}button.pill:hover:not(:disabled){border-color:var(--ink)}.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{border:0;background:none;padding:9px 14px 11px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.tabs .count{color:var(--muted);margin-left:4px}.ptag,.tabs .count{font-family:var(--font-mono);font-size:11px}.ptag{font-weight:500;padding:2px 7px;border-radius:5px;border:1px solid;white-space:nowrap;display:inline-block;line-height:1.5}.p-utm_source{color:var(--p-source)}.p-utm_medium{color:var(--p-medium)}.p-utm_campaign{color:var(--p-campaign)}.p-utm_content{color:var(--p-content)}.p-utm_term{color:var(--p-term)}.p-utm_id{color:var(--p-id)}.build{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-gap:20px;gap:20px;align-items:start}.side-rail{position:-webkit-sticky;position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}.step-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-h .num{font-family:var(--font-mono);font-size:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg)}.step-h .spacer{flex:1 1}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;display:inline-flex;align-items:baseline;gap:7px;transition:border-color .12s,background .12s}.chip code{font-size:11px;color:var(--muted)}.chip:hover:not(:disabled){border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip[aria-pressed=true] code{color:inherit;opacity:.7}.chip.add{border-style:dashed;color:var(--muted)}.pgroup{border-top:1px solid var(--line);padding:14px 0 4px}.pgroup:first-of-type{border-top:0;padding-top:0}.pg-h{align-items:center;margin-bottom:10px}.pg-h,.rule-row{display:flex;gap:8px}.rule-row{padding:6px 0 12px;flex-direction:column}.rr-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.req{color:var(--danger);font-weight:500}.opt,.req{font-size:11px}.opt{color:var(--muted)}.textin{display:flex;gap:10px;align-items:center;max-width:520px}.textin code{font-size:12px;color:var(--muted);white-space:nowrap}.empty-note{font-size:13px;color:var(--muted);padding:6px 0}.url-box{font-family:var(--font-mono);font-size:12.5px;line-height:1.65;word-break:break-all;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:72px;margin-top:10px}.url-box .other,.url-box .ph,.url-box .sep{color:var(--muted)}.url-box .ph{font-family:var(--font-body)}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 10px;gap:6px 10px;margin:14px 0 0;font-size:13px}.kv dd,.kv dt{margin:0}.kv dd{font-family:var(--font-mono);font-size:12.5px;word-break:break-all;align-self:center}.preview .notice{margin-top:12px}.preview .field{margin-top:14px}.preview .btn.big{margin-top:12px}.hint{font-size:12px;color:var(--muted);margin-top:8px}.recent-list{gap:10px;margin-top:10px}.recent-item,.recent-list{display:flex;flex-direction:column}.recent-item{gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}.recent-item:last-child{border-bottom:0;padding-bottom:0}.recent-item .meta{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.recent-item .u{font-family:var(--font-mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchips{display:flex;flex-wrap:wrap;gap:4px;min-width:200px}.vchip{font-size:12px;border-radius:5px;padding:1px 7px;border:1px solid;white-space:nowrap}.vchip span{color:var(--ink)}.urlcell{font-family:var(--font-mono);font-size:11.5px;max-width:300px;word-break:break-all}.formula{display:flex;flex-direction:column;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:16px}.formula div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.vals{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.catlist{gap:4px;padding:8px}.catlist,.catlist button{display:flex;flex-direction:column}.catlist button{border:0;background:none;text-align:left;padding:9px 10px;border-radius:7px;gap:3px}.catlist button:hover{background:var(--bg)}.catlist button[aria-current=true]{background:var(--accent-soft)}.catlist .cl-top{display:flex;justify-content:space-between;gap:8px;font-weight:500}.catlist .cl-top span{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-weight:400}.addrow{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;grid-gap:8px;gap:8px;align-items:end;margin-bottom:6px}.codewarn{font-size:12px;color:var(--warn-ink);background:var(--warn-bg);border-radius:6px;padding:6px 9px;margin:6px 0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;align-items:start}.guide ol{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px}.guide code{background:var(--bg);padding:0 4px;border-radius:4px;font-size:12px}.modal{position:fixed;inset:0;z-index:50;background:rgba(10,14,13,.45);display:grid;place-items:center;padding:16px}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(480px,100%);max-height:calc(100% - 32px);overflow:auto;padding:20px}.modal-card h2{margin-bottom:14px}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.tile .big-num{font-size:28px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:6px}.module-card{display:flex;justify-content:space-between;align-items:center;gap:16px;text-decoration:none}.module-card:hover{border-color:var(--ink)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:22px}.login-brand{display:flex;gap:12px;align-items:center}.noaccess{max-width:480px;margin:12vh auto}@media (max-width:1080px){.build{grid-template-columns:1fr}.side-rail{position:static}}@media (max-width:860px){.grid2,.vals{grid-template-columns:1fr}.catlist{flex-direction:row;flex-wrap:wrap}.tiles{grid-template-columns:1fr}}@media (max-width:560px){.addrow{grid-template-columns:1fr}.card{padding:14px}}