:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:#f5f6f7;color:#1d1f23}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:24px 20px 64px}.topbar{background:#fff;border-bottom:1px solid #e3e6eb;padding:10px 24px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-weight:700}.brand-badge{background:#1877f2;color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;letter-spacing:.4px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:20px;gap:20px}.sidebar{background:#fff;border-radius:12px;padding:12px;border:1px solid #e3e6eb;height:-moz-fit-content;height:fit-content}.sidebar-title{font-weight:700;font-size:14px;margin-bottom:12px;color:#1d1f23}.sidebar-section{margin:12px 0 8px;font-size:11px;color:#6a6f7b;text-transform:uppercase;letter-spacing:.8px}.sidebar button{width:100%;background:transparent;border:none;text-align:left;padding:9px 12px;border-radius:8px;font-weight:600;color:#1d1f23;cursor:pointer}.sidebar button.active{background:#e8f1ff;color:#1877f2}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.breadcrumbs{display:flex;gap:12px;font-size:13px;color:#6a6f7b;margin:6px 0 18px}.breadcrumbs button{background:transparent;border:none;color:#6a6f7b;font-weight:600;cursor:pointer;padding:2px 0;position:relative}.breadcrumbs button:after{content:"›";position:absolute;right:-10px;color:#9aa1ad}.breadcrumbs button:last-child:after{content:""}.breadcrumbs button.active{color:#1d1f23}.breadcrumbs button.active:before{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:#1877f2;border-radius:999px}.breadcrumbs button:disabled{opacity:.4;cursor:not-allowed}.title{font-size:24px;font-weight:700}.card{background:#fff;border-radius:10px;padding:16px;border:1px solid #e3e6eb;box-shadow:none;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.label{font-size:13px;font-weight:600;margin-bottom:6px;color:#4a5061}.input,.select,.textarea{width:100%;padding:9px 12px;border-radius:8px;border:1px solid #d5d9e4;background:#fff;font-size:14px}.textarea{min-height:90px;resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:6px;border:none;background:#1877f2;color:#fff;font-weight:600;cursor:pointer}.button.secondary{background:#e4e6eb;color:#1d1f23}.table{width:100%;border-collapse:collapse;min-width:980px}.table td,.table th{text-align:left;padding:12px 8px;border-bottom:1px solid #e4e7ec;font-size:14px}.table th{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:1}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#f3f4f7}.table-scroll{border:1px solid #e3e6eb;border-radius:12px;overflow:auto;max-height:calc(100vh - 320px);background:#fff}.metrics-picker{position:relative}.metrics-trigger{min-width:120px}.metrics-panel{position:absolute;right:0;top:44px;width:220px;background:#fff;border:1px solid #e3e6eb;border-radius:10px;padding:12px;box-shadow:0 12px 24px rgba(20,24,32,.12);z-index:10}.metrics-title{font-weight:600;margin-bottom:8px}.metrics-option{display:flex;align-items:center;gap:8px;font-size:13px;color:#3b4050;padding:4px 0}.switch{position:relative;display:inline-flex;align-items:center;width:42px;height:22px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#e4e7ec;border-radius:999px;transition:background-color .2s ease}.switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;top:2px;background-color:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:transform .2s ease}.switch input:checked+.switch-slider{background-color:#1b74e4}.switch input:checked+.switch-slider:before{transform:translateX(20px)}.tabs{display:inline-flex;background:#fff;border:1px solid #e3e6eb;border-radius:8px;padding:4px;gap:4px}.tab{border:none;background:transparent;padding:6px 12px;border-radius:6px;font-weight:600;color:#4a5061;cursor:pointer}.tab.active{background:#e8f1ff;color:#1877f2}.toolbar{justify-content:space-between;gap:12px;margin-bottom:16px}.search,.toolbar{display:flex;align-items:center}.search{gap:8px;background:#fff;border:1px solid #e3e6eb;border-radius:6px;padding:6px 10px}.search input{border:none;outline:none;font-size:13px;width:220px}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#e8f1ff;color:#1877f2}.pill-row{display:flex;align-items:center;gap:12px;margin:12px 0 8px}.pill{padding:6px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;background:#e8f1ff;color:#1877f2;border:1px solid #cfe2ff}.chip,.pill{font-size:12px;font-weight:600}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid #d1d7e2;background:#f6f7fb;color:#1d1f23}.chip-active{background:rgba(6,148,99,.15);color:#0d7b52;border-color:rgba(6,148,99,.4)}.chip-paused{background:rgba(245,83,83,.12);color:#c63b3b;border-color:rgba(245,83,83,.4)}.chip-neutral{background:#eef2ff;color:#3b5bcc;border-color:#d9e2ff}.main-column{min-width:0}.preview{position:-webkit-sticky;position:sticky;top:24px;height:-moz-fit-content;height:fit-content;background:#fff;border:1px solid #d9dee7;border-radius:14px;padding:16px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-body{background:#f6f7fb;border-radius:12px;padding:10px;border:1px solid #e1e5ef}.preview-body,.preview-shell{width:-moz-fit-content;width:fit-content;display:inline-block}.preview-shell{padding:8px;border-radius:12px;background:linear-gradient(160deg,hsla(0,0%,100%,.95),rgba(242,245,251,.95))}.preview-shell.wave-chat-panel{border:1px dashed rgba(24,119,242,.5)}.preview-shell.wave-home{border:1px dashed rgba(125,72,228,.5)}.preview-shell.wave-sidebar{border:1px dashed rgba(245,158,11,.5)}.preview-card{background:#fff;border:1px solid #d9dee7;border-radius:12px;overflow:hidden;width:320px;max-width:100%;margin:0}.preview-card.media-card{width:-moz-fit-content;width:fit-content;max-width:320px}.preview-media{width:100%;height:480px;object-fit:cover;display:block;background:#e8ebf3}.preview-card.media-card .preview-media{width:auto;max-width:320px;height:auto;max-height:480px}.preview-embed{width:100%;height:480px;border:none;display:block}.preview-card.embed-card{padding:0;background:#fff}.preview-placeholder{height:480px;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#8a93a3;font-size:12px}.ad-create-layout{display:grid;grid-template-columns:360px 1fr;grid-gap:24px;gap:24px}@media (max-width:1100px){.ad-create-layout{grid-template-columns:1fr}}.preview-content{padding:12px;display:grid;grid-gap:8px;gap:8px}.preview-title{font-weight:700;font-size:16px}.preview-body-text{color:#5f6778;font-size:13px}.preview-link{color:#1877f2;font-size:12px;word-break:break-all}.actions{display:flex;gap:8px}.stepper{display:grid;grid-gap:12px;gap:12px}.step{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid #e1e5ef;background:#f8f9fc}.step.active{border-color:#1877f2;background:#eef5ff}.step-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff}.step-index,.step-title{font-weight:700}.step-subtitle{font-size:12px;color:#6a6f7b}@media (max-width:1100px){.layout{grid-template-columns:1fr}.preview{display:none}}