:root{--sidebar-bg: #0f2d2e;--sidebar-bg-hover: #163a3c;--sidebar-active: #1a4a4d;--sidebar-text: #b8d4d6;--sidebar-text-bright: #f0fafa;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-width: 260px;--main-bg: #f4f6f8;--surface: #ffffff;--surface-muted: #f8fafb;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #0d9488;--accent-hover: #0f766e;--accent-light: #ccfbf1;--accent-ring: rgba(13, 148, 136, .25);--success: #059669;--success-bg: #d1fae5;--danger: #dc2626;--danger-bg: #fee2e2;--warning: #d97706;--warning-bg: #fef3c7;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 16px rgba(15, 23, 42, .08);--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "SF Mono", ui-monospace, "Cascadia Code", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font);background:var(--main-bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:linear-gradient(145deg,#0f2d2e,#0d4a4d,#0f766e);color:var(--sidebar-text-bright);padding:3rem;display:flex;flex-direction:column;justify-content:space-between}.login-brand-mark{width:48px;height:48px;border-radius:12px;background:#ffffff26;display:grid;place-items:center;font-weight:700;font-size:1.25rem;margin-bottom:2rem}.login-brand h1{margin:0 0 .75rem;font-size:2rem;font-weight:700;letter-spacing:-.02em}.login-brand p{margin:0;font-size:1.05rem;color:#ffffffbf;line-height:1.6;max-width:360px}.login-brand-footer{font-size:.8rem;color:#ffffff73}.login-form-side{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--surface)}.login-card{width:100%;max-width:400px}.login-card h2{margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.login-card .subtitle{margin:0 0 1.75rem;color:var(--text-secondary);font-size:.95rem}.login-page--minimal{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--main-bg)}.login-card--minimal{width:100%;max-width:380px;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.login-card--minimal h1{margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;align-self:stretch;z-index:100;border-right:1px solid var(--sidebar-border)}.sidebar-header{padding:1.25rem 1rem 1rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.sidebar-logo-mark{width:36px;height:36px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem}.sidebar-logo span{font-weight:700;font-size:1rem;color:var(--sidebar-text-bright)}.org-select{width:100%;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--sidebar-border);background:#0003;color:var(--sidebar-text-bright);font:inherit;font-size:.85rem}.campaign-picker{width:auto;min-width:12rem;max-width:20rem}.sidebar-campaign-picker{padding:0 .75rem .75rem}.campaign-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.5rem}.campaign-card{border-radius:var(--radius-sm);border:1px solid transparent;background:#0000002e}.campaign-card.is-selected{border-color:#2dd4bf73;background:#2dd4bf14}.campaign-card__select{width:100%;text-align:left;padding:.55rem .65rem;background:transparent;border:none;color:inherit;cursor:pointer;font:inherit}.campaign-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem}.campaign-card__head strong{font-size:.82rem;color:var(--sidebar-text-bright);line-height:1.3}.campaign-card__meta{display:block;margin-top:.25rem;font-size:.72rem;color:#ffffff80}.campaign-card__draft{display:inline-block;margin-top:.35rem;font-size:.68rem;color:#fcd34d}.campaign-badge{flex-shrink:0;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .35rem;border-radius:999px;background:#ffffff1f;color:#ffffffbf}.campaign-badge--demo_active{background:#2dd4bf33;color:#5eead4}.campaign-new-btn{width:100%}.studio-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a8c;display:grid;place-items:center;padding:1rem}.studio-modal{width:min(100%,440px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.studio-modal--danger .studio-modal__header h2{color:#b91c1c}.studio-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .5rem}.studio-modal__header h2{margin:0;font-size:1.05rem}.studio-modal__close{border:none;background:transparent;font-size:1.35rem;line-height:1;cursor:pointer;color:var(--text-muted)}.studio-modal__body{padding:.5rem 1.1rem 1rem}.studio-modal__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1.1rem 1rem}.modal-warning-list{margin:.85rem 0 0;padding-left:1.1rem;color:var(--text-muted);font-size:.88rem;line-height:1.45}.campaign-picker option{color:#0f172a}.sidebar-hint{margin:0 .75rem 1rem;font-size:.78rem;line-height:1.4;color:#ffffff73}.sidebar-nav{flex:0 0 auto;padding:.75rem .5rem}.sidebar-footer{flex:0 0 auto;margin-top:.25rem;padding:1rem;border-top:1px solid var(--sidebar-border)}.nav-section-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:.75rem .75rem .35rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.88rem;color:var(--sidebar-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:background .12s}.nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-bright)}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-text-bright);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:18px;text-align:center;opacity:.7;font-size:.95rem}.nav-item.active .nav-icon{opacity:1}.nav-item:disabled{opacity:.4;cursor:not-allowed}.nav-item:disabled:hover{background:none;color:var(--sidebar-text)}.sandbox-badge-side{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:var(--radius-sm);background:#0d948826;border:1px solid rgba(13,148,136,.3);font-size:.75rem;font-weight:600;color:#5eead4;margin-bottom:.75rem}.sandbox-dot{width:7px;height:7px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 6px #2dd4bf}.user-card{display:flex;align-items:center;gap:.65rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:700;flex-shrink:0}.user-info strong{display:block;font-size:.82rem;color:var(--sidebar-text-bright)}.user-info span{font-size:.72rem;color:var(--sidebar-text);opacity:.8}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-header{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:1rem}.breadcrumb{font-size:.85rem;color:var(--text-muted)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:.5rem;position:relative}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;font-size:1rem;position:relative}.icon-btn:hover{background:var(--surface-muted)}.icon-btn.is-active{border-color:var(--accent);color:var(--accent)}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;line-height:16px;text-align:center}.notif-panel{position:absolute;top:calc(100% + .5rem);right:0;width:min(360px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:80;overflow:hidden}.notif-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.notif-panel__list{max-height:320px;overflow:auto}.notif-item{display:flex;flex-direction:column;gap:.25rem;width:100%;text-align:left;padding:.85rem 1rem;border:0;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;color:inherit}.notif-item:last-child{border-bottom:0}.notif-item:hover{background:var(--surface-muted)}.notif-item.is-unread{background:color-mix(in srgb,var(--accent) 8%,transparent)}.notif-item strong{font-size:.85rem}.notif-item span{font-size:.78rem;color:var(--text-muted);line-height:1.4}.notif-empty{margin:0;padding:1.25rem 1rem;color:var(--text-muted);font-size:.85rem}.user-card--btn{width:100%;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.user-card--btn:hover .user-info strong{color:#fff}.sidebar-logout{margin-top:.5rem;padding-left:.65rem;padding-right:.65rem;color:#ffffffa6;font-size:.82rem}.sidebar-logout:hover{color:var(--sidebar-text-bright)}.auth-switch{margin:1.25rem 0 0;text-align:center;font-size:.85rem;color:var(--text-muted)}.link-btn{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.account-user-row{display:flex;align-items:center;gap:1rem}.user-avatar--lg{width:56px;height:56px;font-size:1rem}.account-label{margin:0;font-size:.78rem;color:var(--text-muted)}.account-value{margin:.15rem 0 0;font-weight:600}.help-list{display:flex;flex-direction:column;gap:.5rem}.help-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;background:var(--surface)}.help-item summary{cursor:pointer;font-weight:600;font-size:.92rem}.help-item p{margin:.65rem 0 0;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.optional{font-weight:400;color:var(--text-muted);font-size:.85em}.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:.85rem}.audit-table th,.audit-table td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid var(--border);vertical-align:top}.audit-table th{color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.audit-table tr.is-purged{opacity:.55}.audit-hash{font-size:.75rem}.audit-purge-box{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;max-width:420px}.audit-detail{padding:.75rem .5rem 1rem;background:var(--surface-muted, #f8fafc);border-radius:var(--radius-sm)}.audit-payload{margin:0;padding:.75rem;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);font-size:.75rem;overflow:auto;max-height:240px}.audit-detail-row td{border-bottom:1px solid var(--border)}.page-content{flex:1;padding:1.5rem 1.75rem 6rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-title-block h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.page-meta{font-size:.85rem;color:var(--text-secondary)}.page-meta span+span:before{content:"·";margin:0 .4rem;color:var(--text-muted)}.gate-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--success-bg);color:var(--success);border:1px solid rgba(5,150,105,.2)}.gate-pill.pending{background:var(--warning-bg);color:var(--warning);border-color:#d9770633}.env-pill{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;background:var(--accent-light);color:var(--accent-hover);vertical-align:middle}.stepper{margin-bottom:1.75rem}.stepper-compact{display:none}.stepper-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:6px 0 .25rem}.stepper-compact__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin-bottom:.55rem}.stepper-compact__meta strong{font-size:.92rem;font-weight:700;color:var(--text)}.stepper-compact__meta span{font-size:.85rem;color:var(--accent);font-weight:600}.stepper-compact__bar{width:100%;max-width:none}.stepper-item{display:flex;align-items:center;flex:1;min-width:120px}.stepper-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.stepper-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);color:var(--text-muted);display:grid;place-items:center;font-size:.8rem;font-weight:600;transition:all .15s}.stepper-item.done .stepper-circle{background:var(--accent);border-color:var(--accent);color:#fff}.stepper-item.active .stepper-circle{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);position:relative;z-index:1}.stepper-label{font-size:.72rem;color:var(--text-muted);text-align:center;max-width:90px;line-height:1.3}.stepper-item.active .stepper-label{color:var(--accent);font-weight:600}.stepper-item.done .stepper-label{color:var(--text-secondary)}.stepper-line{flex:1;height:2px;background:var(--border);margin:0 .25rem 1.4rem;min-width:24px}.stepper-item.done .stepper-line{background:var(--accent)}.stepper-item:last-child .stepper-line{display:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.panel-header h2{margin:0;font-size:.95rem;font-weight:600}.panel-body{padding:1.25rem}.panel-body-flush{padding:0}.split-layout{display:grid;grid-template-columns:1fr 380px;gap:1rem;align-items:start}.split-layout--half{grid-template-columns:1fr 1fr}.field{margin-bottom:1.1rem}.field:last-child{margin-bottom:0}.field label,.field-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.input-readonly,input.input-readonly{background:var(--surface-muted, #f3f4f6);color:var(--text-secondary);cursor:default;opacity:.95}.field .hint{font-size:.78rem;color:var(--text-muted);margin-top:.3rem;line-height:1.45}input,select,textarea{width:100%;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}textarea{min-height:88px;resize:vertical}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mapping-table{width:100%;border-collapse:collapse;font-size:.85rem}.mapping-table th{text-align:left;padding:.65rem 1rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-muted);border-bottom:1px solid var(--border)}.mapping-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.mapping-table tr:last-child td{border-bottom:none}.mapping-table tr:hover td{background:var(--surface-muted)}.field-name{font-weight:600;font-size:.85rem}.field-name .required{color:var(--danger)}.field-key{font-size:.72rem;color:var(--text-muted);font-family:var(--mono);margin-top:.15rem}.field-arrow{color:var(--text-muted);text-align:center;font-size:1rem}.type-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;font-size:.7rem;font-weight:600;background:var(--surface-muted);color:var(--text-secondary);font-family:var(--mono)}.mapping-input{font-family:var(--mono);font-size:.82rem!important;padding:.45rem .6rem!important}.json-panel{position:sticky;top:72px}.json-panel .panel-header select{width:auto;padding:.3rem .5rem;font-size:.8rem}.code-block{background:#1e293b;color:#e2e8f0;font-family:var(--mono);font-size:.78rem;line-height:1.55;padding:1rem;margin:0;overflow:auto;max-height:480px;white-space:pre-wrap;word-break:break-word}.btn-copy{padding:.3rem .65rem;font-size:.78rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-weight:500}.btn-copy:hover{background:var(--surface-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.option-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;cursor:pointer;transition:border-color .12s,box-shadow .12s;background:var(--surface)}.option-card:hover:not(.disabled){border-color:var(--accent);box-shadow:var(--shadow-sm)}.option-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.option-card.disabled{opacity:.55;cursor:not-allowed}.option-card h3{margin:0 0 .3rem;font-size:.9rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.option-card p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.option-card__erp{display:inline-block;margin-top:.45rem;font-size:.7rem;font-weight:600;color:var(--accent)}.integ-page{display:flex;flex-direction:column;gap:1rem}.integ-page>.panel,.integ-page>.split-layout{margin:0}.integ-tabs{display:inline-flex;flex-wrap:wrap;gap:0;margin-bottom:.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);overflow:hidden}.integ-tabs__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:.55rem .95rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.integ-tabs__btn.is-active{background:var(--surface);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.integ-cat-hint{margin:0 0 .85rem}.integ-selected{font-size:.78rem;font-weight:500;color:var(--text-secondary);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem}.mode-rail__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:.75rem .85rem;cursor:pointer;display:grid;gap:.2rem;transition:border-color .12s,box-shadow .12s,background .12s}.mode-rail__btn strong{font-size:.88rem}.mode-rail__btn span{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.mode-rail__btn:hover{border-color:var(--accent)}.mode-rail__btn.is-active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.integ-mode-extra{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.integ-byop p{margin:0 0 .5rem;font-size:.88rem}.integ-byop ul{margin:0 0 .75rem;padding-left:1.2rem;font-size:.82rem;line-height:1.5;color:var(--text-secondary)}.integ-byop .code-block{margin:0;font-size:.72rem}.json-panel__tools{display:flex;gap:.5rem;align-items:center}.json-panel__label{font-size:.78rem;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .4rem;border-radius:4px}.status-badge.available{background:var(--success-bg);color:var(--success)}.status-badge.coming_soon{background:#dbeafe;color:#1d4ed8}.status-badge.planned{background:var(--surface-muted);color:var(--text-muted)}.section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:1.25rem 0 .6rem}.section-title:first-child{margin-top:0}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem;line-height:1.45}.alert-error{background:var(--danger-bg);border:1px solid rgba(220,38,38,.2);color:#991b1b}.alert-success{background:var(--success-bg);border:1px solid rgba(5,150,105,.2);color:#065f46}.alert-info{background:var(--accent-light);border:1px solid rgba(13,148,136,.2);color:var(--accent-hover)}.test-result{margin-top:1rem;padding:1rem;border-radius:var(--radius-sm);background:#1e293b;color:#86efac;font-family:var(--mono);font-size:.78rem;white-space:pre-wrap;word-break:break-word}.test-result.error{background:var(--danger-bg);color:#991b1b}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;border:none;transition:background .12s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-muted)}.btn-danger{background:#b4282826;color:#f5a0a0;border:1px solid rgba(200,60,60,.5)}.btn-danger:hover{background:#b4282847}.btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:.55rem .75rem}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.btn-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.25rem}.review-actions__links{display:flex;flex-wrap:wrap;gap:.65rem}.review-actions__danger{margin-left:auto}.wizard-footer{position:fixed;bottom:0;left:var(--sidebar-width);right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;z-index:50;box-shadow:0 -2px 8px #0f172a0a}.footer-progress{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:200px}.footer-progress span{font-size:.78rem;color:var(--text-muted);font-weight:500}.progress-bar{width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .2s}.footer-actions{display:flex;gap:.65rem}.embed-howto{display:flex;flex-direction:column;gap:.15rem}.embed-howto__item{display:flex;gap:.75rem;align-items:flex-start}.embed-howto__step{flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:.1rem}.embed-howto__item strong{display:block;font-size:.92rem;color:var(--text)}.embed-howto__item p{margin:.2rem 0 0;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.embed-cred{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:.85rem .95rem;margin-bottom:.75rem}.embed-cred--muted{background:var(--surface)}.embed-cred__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.45rem}.embed-cred__head strong{font-size:.9rem}.embed-cred__badge{font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:var(--accent-light);color:var(--accent-hover)}.embed-cred__badge--secret{background:var(--warning-bg);color:var(--warning)}.embed-cred__do,.embed-cred__dont{margin:0 0 .35rem;font-size:.8rem;line-height:1.45;color:var(--text-secondary)}.embed-cred__dont{color:#9a3412}.embed-cred__value{margin-top:.55rem;word-break:break-all}.embed-cred__more{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin-top:.65rem;font:inherit;font-size:.8rem;font-weight:700;color:var(--accent);cursor:pointer}.embed-cred__more:hover{color:var(--accent-hover);text-decoration:underline}.cred-guide__eyebrow{margin:0 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.cred-guide__body .cred-guide__section+.cred-guide__section{margin-top:1.15rem;padding-top:1.15rem;border-top:1px solid var(--border)}.cred-guide__section h3{margin:0 0 .4rem;font-size:.95rem}.cred-guide__section p{margin:0;font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.cred-guide__code{margin:0;padding:.9rem 1rem;border-radius:var(--radius-sm);background:#0f172a;color:#e2e8f0;font-family:var(--mono);font-size:.75rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.cred-guide__never{margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.55;color:var(--text-secondary)}.cred-guide__never li+li{margin-top:.35rem}.embed-cred__list{margin:.25rem 0 0;padding-left:1.1rem;font-size:.82rem;color:var(--text-secondary);line-height:1.55}.embed-cred__list a{color:var(--accent)}.summary-list{list-style:none;margin:0;padding:0}.summary-list li{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.summary-list li:last-child{border-bottom:none}.summary-list .label{color:var(--text-secondary)}.summary-list .value{font-weight:600;text-align:right}.secret-mask{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.35rem .5rem;max-width:100%}.secret-mask__value{word-break:break-all}.secret-mask__empty{color:var(--text-muted);font-weight:500}.secret-mask__toggle{padding:0;border:none;background:none;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.secret-mask__toggle:hover{color:var(--accent-hover)}.secret-mask__copy{padding:0;border:none;background:none;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.secret-mask__copy:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.sandbox-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.45rem 1.25rem;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412;font-size:.78rem;line-height:1.35}.sandbox-banner strong{letter-spacing:.04em;font-size:.7rem}.sandbox-banner code{font-family:var(--mono);font-size:.72rem;background:#ffffffb3;padding:.05rem .3rem;border-radius:3px}.sandbox-banner--login{margin:0 0 1rem;border:1px solid #fed7aa;border-radius:var(--radius-sm);padding:.55rem .75rem}.dash-page{display:flex;flex-direction:column;gap:1rem}.dash-page>.panel{margin:0}.dash-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.85rem 1rem;padding:.85rem 1rem}.dash-toolbar__main{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;flex:1;min-width:0}.dash-toolbar__field{margin:0;min-width:min(280px,100%);flex:1}.dash-toolbar__field label{margin-bottom:.25rem}.dash-toolbar__actions{margin:0;flex-shrink:0}.dash-status{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;line-height:1.35;padding:.45rem .7rem;border-radius:var(--radius-sm);max-width:28rem}.dash-status--live{background:var(--success-bg);border:1px solid color-mix(in srgb,var(--success) 35%,white);color:var(--text)}.dash-status--draft{background:var(--surface-muted);border:1px dashed var(--border)}.demo-path__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.demo-path__list li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:.2rem .65rem;align-items:start;padding:.85rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.demo-path__n{grid-row:1 / span 2;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.75rem;font-weight:700;color:var(--text-secondary)}.demo-path__list strong{grid-column:2;font-size:.88rem;line-height:1.3}.demo-path__list span:not(.demo-path__n){grid-column:2;font-size:.78rem;color:var(--text-secondary);line-height:1.4}.demo-path__list .btn,.demo-path__list a.btn{grid-column:1 / -1;justify-self:start;margin-top:.45rem}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1rem;align-items:start}.dash-cred-hint{margin:0 0 .85rem}.embed-cred--compact{padding-bottom:.65rem;margin-bottom:.65rem}.embed-cred--compact .embed-cred__do,.embed-cred--compact .embed-cred__dont{display:none}.embed-cred--compact .embed-cred__more{margin-top:.35rem}.dash-gates{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.dash-gates__title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.summary-list--compact li{padding:.35rem 0;font-size:.82rem}.dash-links__body{display:grid;gap:1rem}.dash-link-row{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.dash-link-row li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem;align-items:baseline;font-size:.85rem}.dash-link-row .label{color:var(--text-secondary);font-size:.78rem}.dash-link-row a{color:var(--accent);overflow-wrap:anywhere}.dash-snippet textarea{font-family:var(--mono);font-size:.75rem;width:100%;resize:vertical;min-height:5.5rem}@media(max-width:960px){.demo-path__list,.dash-grid{grid-template-columns:1fr}}@media(max-width:640px){.dash-toolbar{align-items:stretch}.dash-toolbar__actions{width:100%}.dash-status{max-width:none}.dash-link-row li{grid-template-columns:1fr;gap:.15rem}}.preview-frame-wrap{width:min(var(--preview-host-width, 400px),100%);margin:0 auto;aspect-ratio:1000 / 1350;border:1px solid var(--border);border-radius:var(--radius-sm);background:#062b12;overflow:hidden;box-shadow:var(--shadow-sm);transition:width .35s cubic-bezier(.22,1,.36,1)}.preview-size-rail{display:flex;flex-wrap:wrap;gap:0;margin:0 0 .75rem;border:1px solid var(--border);background:var(--surface-muted);overflow-x:auto;max-width:100%}.preview-size-rail button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-right:1px solid var(--border);background:transparent;color:var(--text-muted);padding:.55rem .65rem;min-width:3.4rem;font-family:inherit;font-size:.72rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.preview-size-rail button:last-child{border-right:0}.preview-size-rail button small{display:block;margin-top:.1rem;font-size:.62rem;font-weight:500;opacity:.8}.preview-size-rail button:hover{color:var(--text);background:#0f172a0a}.preview-size-rail button[aria-pressed=true]{color:#fff;background:var(--accent)}.preview-size-rail button[aria-pressed=true] small{color:#ffffffd9;opacity:1}.preview-size-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;font-size:.78rem;color:var(--text-muted)}.preview-size-meta strong{color:var(--text);font-size:.88rem;font-weight:700}.preview-controls-row{align-items:center}.preview-outcome-rail{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.preview-outcome-rail button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-right:1px solid var(--border);background:transparent;color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;padding:.4rem .75rem;cursor:pointer}.preview-outcome-rail button:last-child{border-right:0}.preview-outcome-rail button:hover:not(:disabled){color:var(--text);background:#0f172a0a}.preview-outcome-rail button[aria-pressed=true]{color:#fff;background:var(--accent)}.preview-outcome-rail button:disabled{opacity:.6;cursor:not-allowed}.preview-size-label{display:block;margin:0 0 .4rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.preview-frame{display:block;width:100%;height:100%;border:0;background:#062b12}.preview-frame-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;padding:1.5rem;text-align:center;color:#ecfdf5;font-size:.875rem;background:radial-gradient(ellipse at 50% 0%,#166534 0%,transparent 55%),linear-gradient(165deg,#052e16,#0b5e2b 45%,#064e3b)}.btn-sidebar-toggle,.sidebar-backdrop{display:none}@media(max-width:1024px){.split-layout{grid-template-columns:1fr}.json-panel{position:static}}@media(max-width:768px){.login-page{grid-template-columns:1fr;min-height:100vh;min-height:100dvh}.login-brand{display:none}.btn-sidebar-toggle{display:grid}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);max-width:min(var(--sidebar-width),88vw);transform:translate(-100%);transition:transform .22s ease;display:flex;z-index:100;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a73;touch-action:none}.sidebar-backdrop.is-visible{display:block}body.sidebar-drawer-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}.main-area{margin-left:0}.main-header{padding-left:max(1rem,env(safe-area-inset-left,0));padding-right:max(1rem,env(safe-area-inset-right,0));padding-top:env(safe-area-inset-top,0)}.page-content{padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom,0))}.page-head{margin-bottom:1rem;gap:.5rem}.page-title-block h1{font-size:1.2rem}.page-meta{font-size:.8rem}.stepper{margin-bottom:1.1rem}.stepper-compact{display:block}.stepper-track{display:none}.split-layout,.split-layout--half,.card-grid{grid-template-columns:1fr}.wizard-footer{left:0;padding:.55rem max(.75rem,env(safe-area-inset-right,0)) calc(.55rem + env(safe-area-inset-bottom,0)) max(.75rem,env(safe-area-inset-left,0));height:auto;min-height:64px;gap:.5rem}.footer-progress{display:none}.footer-actions{margin-left:auto}.wizard-footer .btn{min-height:44px}.wizard-footer .btn-ghost{padding-left:.5rem;padding-right:.5rem}.form-grid-2{grid-template-columns:1fr}.preview-frame-wrap{width:min(var(--preview-host-width, 400px),100%);max-width:100%}.summary-list .value,.secret-mask__value,#embedOrigins,#dashboard-snippet,textarea{overflow-wrap:anywhere;word-break:break-word}.mapping-table-wrap,.panel-body-flush{overflow-x:auto;-webkit-overflow-scrolling:touch}.mapping-table{min-width:520px}input,select,textarea,.mapping-input,.mono-input{font-size:16px!important}.icon-btn{width:44px;height:44px}.studio-toast{bottom:max(1.25rem,env(safe-area-inset-bottom,0))}.review-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.review-actions__publish{display:none}.review-actions__links{flex-direction:column;gap:.5rem}.review-actions__links .btn{width:100%;justify-content:center;min-height:44px}.review-actions__danger{margin-left:0;width:100%;justify-content:center;min-height:44px}}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.admin-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}.admin-kpi .label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}.admin-kpi strong{font-size:1.5rem;color:var(--text)}.admin-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.admin-search-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.admin-search-bar input,.admin-search-bar select{flex:1;min-width:160px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit}.admin-search-bar--grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto auto;gap:.5rem}.admin-banner{background:var(--accent-light);border:1px solid var(--accent);color:var(--text);padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.admin-banner--warn{background:var(--warning-bg);border-color:var(--warning)}.health-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.35rem;background:var(--text-muted)}.health-dot--ok{background:var(--success)}.health-dot--warn{background:var(--warning)}.health-dot--fail{background:var(--danger)}.mono-input{font-family:var(--mono);font-size:.8rem}@media(max-width:960px){.admin-search-bar--grid{grid-template-columns:1fr}}.studio-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:2000;padding:.65rem 1.1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:#fff;background:#0f172a;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s ease}.studio-toast.is-visible{opacity:1}.studio-toast--success{background:var(--success)}.studio-toast--error{background:var(--danger)}.studio-toast--info{background:#0f172a}.audit-pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border);flex-wrap:wrap}.audit-pager__info{font-size:.85rem;color:var(--text-muted)}.audit-pager__actions{display:flex;gap:.5rem}.audit-purge-box .field label,.audit-purge-box>label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}