:root{--line: #e3e6ea;--muted: #6b7280;--green: #137333;--amber: #946c00;--red: #c5221f;--grey: #9aa0a6;--bg: #f7f8fa}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2329;background:var(--bg)}.muted{color:var(--muted)}.splash{display:grid;place-items:center;height:100vh;color:var(--muted)}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:2rem;width:340px;box-shadow:0 1px 3px #0000000d}.login-card h1{font-size:1.25rem;margin:0}.login-card p{margin:.25rem 0 1.25rem}.login-card label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.9rem}.login-card input{display:block;width:100%;margin-top:.3rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:8px;font-size:.95rem}button{cursor:pointer;border-radius:8px;border:1px solid transparent;padding:.55rem .9rem;font-size:.9rem;background:#1a73e8;color:#fff}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.error-banner{background:#fce8e6;color:var(--red);border:1px solid #f5c2c0;border-radius:8px;padding:.5rem .7rem;font-size:.85rem;margin-bottom:.9rem}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:.7rem 1.2rem}.brand{font-weight:600}.topbar-right{display:flex;align-items:center;gap:1rem}.ws-switcher{font-size:.75rem;color:var(--muted);display:flex;flex-direction:column}.ws-switcher select{margin-top:.15rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:8px;font-size:.85rem}.user-email{font-size:.85rem}.content{padding:1.5rem}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.4rem;max-width:1100px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:1.05rem;margin:0 0 1rem}table.grid{border-collapse:collapse;width:100%}.grid th,.grid td{border:1px solid var(--line);text-align:left;padding:.6rem .7rem;vertical-align:top}.grid thead th{background:#fafbfc;font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.svc-col{width:220px}.slug{font-size:.72rem}.cell{font-size:.82rem}.cell .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.cell.live{color:var(--green)}.cell.live .dot{background:var(--green)}.cell.draft{color:var(--amber)}.cell.draft .dot{background:var(--amber)}.cell.nopixel{color:var(--red)}.cell.nopixel .dot{background:var(--red)}.cell.inactive{color:var(--grey)}.cell.inactive .dot{background:var(--grey)}.cell .pixel{margin-top:.25rem;color:#1f2329;font-size:.8rem}.cell .pixel.inherited{font-style:italic;color:var(--muted)}.cell .pixel.override{font-weight:600}.legend{margin-top:1rem;font-size:.78rem}.cell.clickable{cursor:pointer}.cell.clickable:hover{background:#f3f7ff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;justify-content:flex-end;z-index:50}.slideover{width:420px;max-width:92vw;height:100%;background:#fff;box-shadow:-2px 0 12px #0000001f;padding:1.2rem 1.4rem;overflow-y:auto}.so-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.so-head h3{margin:.2rem 0 0;font-size:1rem;word-break:break-all}.so-sec{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.so-sec h4{margin:0 0 .6rem;font-size:.85rem}.so-sec .row{display:flex;justify-content:space-between;font-size:.85rem;padding:.2rem 0}.so-sec label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.6rem}.so-sec select{display:block;width:100%;margin-top:.25rem;padding:.45rem .5rem;border:1px solid var(--line);border-radius:8px;font-size:.85rem}.so-actions{display:flex;gap:.5rem;margin-top:.4rem}.confirm{background:#fff8e1;border:1px solid #f0e0a8;border-radius:8px;padding:.6rem .7rem;font-size:.85rem;margin-top:.5rem}.confirm-actions{display:flex;gap:.5rem;margin-top:.5rem}.badge{font-size:.72rem;padding:.1rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.badge.live{background:#e6f4ea;color:var(--green)}.badge.draft{background:#fef7e0;color:var(--amber)}.ok-banner{background:#e6f4ea;color:var(--green);border:1px solid #b7e1c4;border-radius:8px;padding:.5rem .7rem;font-size:.85rem;margin-top:.9rem}.nav{display:inline-flex;gap:.8rem;margin-left:1.2rem;font-weight:400}.nav a{text-decoration:none;color:var(--muted);font-size:.9rem}.nav a.active{color:#1a73e8;font-weight:600}.builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem;align-items:start;max-width:1100px}.form-pane h3{font-size:.85rem;margin:1.2rem 0 .5rem;border-top:1px solid var(--line);padding-top:1rem}.form-pane label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.7rem}.form-pane label.inline{display:flex;align-items:center;gap:.4rem}.form-pane input,.form-pane select{display:block;width:100%;margin-top:.25rem;padding:.45rem .5rem;border:1px solid var(--line);border-radius:8px;font-size:.9rem}.form-pane label.inline input{width:auto;margin:0}.macro-picker{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.chip{background:#eef2ff;color:#3949ab;border:1px solid #d7dcff;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;cursor:pointer}.override-box{border:1px solid var(--line);border-radius:8px;padding:.7rem;margin-bottom:.7rem}.preview-pane{position:sticky;top:1.5rem}.link-box{background:#0b1020;color:#cfe3ff;padding:.7rem;border-radius:8px;font-size:.78rem;white-space:pre-wrap;word-break:break-all}.link-box.sample{background:#f1f3f5;color:#1f2329}table.mini{width:100%;border-collapse:collapse;font-size:.78rem}table.mini td{padding:.2rem .4rem;border-bottom:1px solid var(--line)}.search{width:100%;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;font-size:.9rem;margin-bottom:.5rem}table.logs td{font-size:.8rem}.log-row.clickable{cursor:pointer}.log-row.clickable:hover{background:#f3f7ff}.log-row.sel{background:#eef4ff}.tag{font-size:.7rem;padding:.08rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.tag.conversion{background:#e8f0fe;color:#1a56db}.tag.capi{background:#f3e8fd;color:#7e22ce}.tag.postback{background:#fff3e0;color:#b45309}.good{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--amber)}.chain{display:flex;flex-direction:column;gap:.6rem}.chain-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem}.chain-card{border:1px solid var(--line);border-left:3px solid #c7d2fe;border-radius:8px;padding:.5rem .7rem;font-size:.82rem;word-break:break-word}.chain-card+.chain-card{margin-top:.35rem}