:root{--ramp-blue-25: #f8f8fc;--ramp-blue-50: #edecf6;--ramp-blue-100: #d8d4ec;--ramp-blue-200: #c4bcf5;--ramp-blue-300: #a699ef;--ramp-blue-400: #7c69e8;--ramp-blue-500: #5846bf;--ramp-blue-600: #3b2a9e;--ramp-blue-700: #2c1f7c;--ramp-blue-800: #251a6e;--ramp-blue-900: #181148;--ramp-lightblue-50: #efecfb;--ramp-lightblue-300: #ada2ec;--ramp-lightblue-600: #6a56dd;--ramp-lightblue-700: #5343ac;--ramp-turquoise-400: #5cddc7;--ramp-turquoise-600: #2ed3b7;--ramp-ink-700: #3e3b56;--ramp-ink-900: #1e1b3a;--ramp-hover-fill: #6a56dd;--ramp-hover-ink: #ffffff}:root{color-scheme:light;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;--bg: #f6f6fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f3f2f9;--surface-3: #ebe9f5;--border: #e5e3f0;--border-strong: #cfcce2;--text: #1b1934;--text-muted: #57546f;--text-soft: #85829c;--accent: var(--ramp-blue-500);--accent-strong: var(--ramp-blue-600);--accent-hover: var(--ramp-lightblue-600);--accent-soft: color-mix(in srgb, var(--ramp-blue-500) 10%, transparent);--accent-softer: color-mix(in srgb, var(--ramp-blue-500) 5%, transparent);--accent-fg: #ffffff;--highlight: var(--ramp-turquoise-600);--success: #16a36a;--success-soft: rgba(22, 163, 106, .11);--warning: #c27c0e;--warning-soft: rgba(245, 158, 11, .14);--danger: #d23d55;--danger-soft: rgba(210, 61, 85, .1);--info: #2f7fd8;--info-soft: rgba(47, 127, 216, .1);--shadow-sm: 0 1px 2px rgba(20, 16, 52, .05);--shadow: 0 1px 2px rgba(20, 16, 52, .04), 0 6px 18px -6px rgba(20, 16, 52, .1);--shadow-lg: 0 2px 6px rgba(20, 16, 52, .06), 0 24px 60px -16px rgba(20, 16, 52, .28);--ring: 0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--topbar: 60px;--topbar-bg: linear-gradient(100deg, var(--ramp-blue-900) 0%, var(--ramp-blue-800) 55%, var(--ramp-blue-700) 100%);--code-bg: #14112c;--code-fg: #e7e4ff;--backdrop: rgba(18, 14, 46, .46);font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}:root:not([data-theme=light]){--bg: #0d0c1a;--bg-elevated: #17152b;--surface: #141227;--surface-2: #1b1934;--surface-3: #24213f;--border: #2a2746;--border-strong: #3b3760;--text: #ecebf7;--text-muted: #b1aecb;--text-soft: #827fa0;--accent: var(--ramp-blue-300);--accent-strong: var(--ramp-blue-200);--accent-hover: var(--ramp-lightblue-300);--accent-soft: color-mix(in srgb, var(--ramp-blue-300) 16%, transparent);--accent-softer: color-mix(in srgb, var(--ramp-blue-300) 8%, transparent);--accent-fg: #120f2b;--success: #4ade94;--success-soft: rgba(74, 222, 148, .14);--warning: #fbbf3c;--warning-soft: rgba(251, 191, 60, .14);--danger: #ff7b91;--danger-soft: rgba(255, 123, 145, .14);--info: #6eb2ff;--info-soft: rgba(110, 178, 255, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .7);--topbar-bg: linear-gradient(100deg, #0a0918 0%, #15123a 60%, #1d1850 100%);--backdrop: rgba(4, 3, 12, .66)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0c1a;--bg-elevated: #17152b;--surface: #141227;--surface-2: #1b1934;--surface-3: #24213f;--border: #2a2746;--border-strong: #3b3760;--text: #ecebf7;--text-muted: #b1aecb;--text-soft: #827fa0;--accent: var(--ramp-blue-300);--accent-strong: var(--ramp-blue-200);--accent-hover: var(--ramp-lightblue-300);--accent-soft: color-mix(in srgb, var(--ramp-blue-300) 16%, transparent);--accent-softer: color-mix(in srgb, var(--ramp-blue-300) 8%, transparent);--accent-fg: #120f2b;--success: #4ade94;--success-soft: rgba(74, 222, 148, .14);--warning: #fbbf3c;--warning-soft: rgba(251, 191, 60, .14);--danger: #ff7b91;--danger-soft: rgba(255, 123, 145, .14);--info: #6eb2ff;--info-soft: rgba(110, 178, 255, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .7);--topbar-bg: linear-gradient(100deg, #0a0918 0%, #15123a 60%, #1d1850 100%);--backdrop: rgba(4, 3, 12, .66)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--ring)}h1,h2,h3,h4{margin:0;color:var(--text);letter-spacing:-.015em}p{margin:0}code{font-family:var(--mono);font-size:.92em}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px 0 20px;background:var(--topbar-bg);color:#fff;box-shadow:0 1px #ffffff0f,0 6px 20px -10px #0a062899}.wordmark{display:inline-flex;align-items:center;gap:14px;color:inherit;text-decoration:none;min-width:0}.wordmark-logo{height:26px;width:auto;display:block}.wordmark-mark{display:none;height:28px;width:28px;border-radius:7px}.product-name{padding-left:14px;border-left:1px solid rgba(255,255,255,.25);font-size:13px;font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:.92}.topbar-actions{display:flex;align-items:center;gap:14px}.account-menu{display:flex;align-items:center;gap:10px;font-size:13px}.account-menu a{color:inherit;font-weight:600;text-decoration:none;opacity:.85}.account-menu a:hover{opacity:1;text-decoration:underline}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff29;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}.dev-account{font-size:12px;opacity:.75}.language-picker select{appearance:none;padding:6px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#fff;font-size:12px;cursor:pointer}.language-picker option{color:var(--text);background:var(--surface)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:62px;height:32px;padding:0 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#fff}.theme-toggle-icon{position:relative;z-index:1;display:grid;opacity:.55;transition:opacity .2s ease}.theme-toggle[aria-checked=false] .theme-toggle-icon:first-of-type,.theme-toggle[aria-checked=true] .theme-toggle-icon:last-of-type{opacity:1;color:var(--ramp-blue-800)}.theme-toggle-ball{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.3,.7,.3,1)}.theme-toggle[aria-checked=true] .theme-toggle-ball{transform:translate(30px)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 9px;border:0;border-radius:10px;background:#ffffff1a}.menu-toggle span{display:block;height:2px;border-radius:2px;background:#fff}.app-shell{min-height:100vh}.workspace{display:flex;min-height:calc(100vh - var(--topbar))}.sidebar{position:sticky;top:var(--topbar);align-self:flex-start;flex:0 0 248px;height:calc(100vh - var(--topbar));display:flex;flex-direction:column;gap:6px;padding:18px 14px 16px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);transition:flex-basis .2s ease,padding .2s ease}.sidebar.collapsed{flex-basis:72px;padding-left:10px;padding-right:10px}.sidebar.collapsed .nav-label,.sidebar.collapsed .workspace-switcher,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.workspace-switcher{position:relative;margin-bottom:14px}.switcher-button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);text-align:left;transition:border-color .15s ease,background .15s ease}.switcher-button:hover{border-color:var(--border-strong)}.switcher-logo{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--ramp-blue-400),var(--ramp-blue-700));color:#fff;font-weight:700;font-size:13px}.switcher-text{min-width:0;flex:1}.switcher-text strong,.switcher-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher-text strong{font-size:13px;font-weight:600}.switcher-text small{color:var(--text-soft);font-size:11px}.switcher-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.switcher-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 9px;border:0;border-radius:9px;background:transparent;text-align:left;font-size:13px}.switcher-item:hover,.switcher-item.active{background:var(--accent-soft)}.switcher-item .switcher-text small{color:var(--text-soft)}.switcher-divider{height:1px;margin:6px 4px;background:var(--border)}.sidebar nav{display:grid;gap:2px}.nav-heading{margin:14px 10px 6px;color:var(--text-soft);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);font-size:13.5px;font-weight:500;text-align:left;transition:background .15s ease,color .15s ease}.nav-item:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.nav-item:disabled{opacity:.45;cursor:not-allowed}.nav-icon{display:grid;place-items:center;flex:0 0 20px}.nav-count{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-soft);font-size:11px;font-weight:600}.sidebar-footer{display:grid;gap:2px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.system-status{display:inline-flex;align-items:center;gap:8px;margin:8px 11px 0;color:var(--text-soft);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--warning)}.system-status.online .status-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.system-status.offline .status-dot{background:var(--danger)}.main-content{flex:1;min-width:0;padding:28px clamp(18px,3.4vw,44px) 48px}.main-content.flush{padding:0;height:calc(100vh - var(--topbar));overflow:hidden}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.025em}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.lede{margin-top:6px;max-width:70ch;color:var(--text-muted);font-size:14.5px}.heading-actions{display:flex;flex-wrap:wrap;gap:10px}.auth-shell{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,var(--accent-soft),transparent),var(--bg)}.auth-gate{display:grid;place-items:center;flex:1;padding:24px}.auth-card{width:min(100%,520px);padding:clamp(26px,5vw,44px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-card h1{margin:0 0 10px;font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:-.03em}.auth-card .lede{margin:0 0 26px}.auth-card .secondary-button{margin-top:12px}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border-radius:10px;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.primary-button{border:1px solid transparent;background:var(--ramp-blue-500);color:#fff;box-shadow:0 1px 2px #1410341f,inset 0 1px #ffffff24}.primary-button:hover:not(:disabled){background:var(--ramp-hover-fill);color:var(--ramp-hover-ink)}.primary-button:active:not(:disabled){transform:translateY(1px)}.secondary-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.secondary-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.ghost-button{border:1px solid transparent;background:transparent;color:var(--text-muted)}.ghost-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.danger-button{border:1px solid transparent;background:var(--danger);color:#fff}.danger-button.outline{border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:transparent;color:var(--danger)}.danger-button:hover:not(:disabled){filter:brightness(1.08)}.small{min-height:30px;padding:0 11px;border-radius:8px;font-size:12.5px}.large{min-height:46px;padding:0 22px;font-size:15px;border-radius:12px}button:disabled{cursor:not-allowed;opacity:.55}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-muted)}.icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-button.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.text-button{padding:0;border:0;background:none;color:var(--accent);font-weight:600;font-size:inherit}.text-button:hover{text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.panel-heading h2{font-size:15.5px;font-weight:650}.panel-heading p{margin-top:2px;color:var(--text-soft);font-size:12.5px}.panel-body{padding:20px}.panel-note{color:var(--text-soft);font-size:12.5px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px;align-items:start}.stack{display:grid;gap:16px}.stack-tight{display:grid;gap:8px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-muted)}.soft{color:var(--text-soft);font-size:12.5px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:16px}.metric-card{position:relative;overflow:hidden;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.metric-card:after{content:"";position:absolute;inset:auto -40px -60px auto;width:140px;height:140px;border-radius:50%;background:var(--accent-softer)}.metric-label{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12.5px;font-weight:500}.metric-value{display:block;margin:10px 0 4px;font-size:28px;font-weight:700;letter-spacing:-.03em}.metric-note{color:var(--text-soft);font-size:12px}.metric-note.good{color:var(--success)}.metric-note.bad{color:var(--danger)}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:11.5px;font-weight:600;white-space:nowrap}.tag.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag.success{background:var(--success-soft);color:var(--success)}.tag.warning{background:var(--warning-soft);color:var(--warning)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.tag.info{background:var(--info-soft);color:var(--info)}.tag.accent{background:var(--accent-soft);color:var(--accent-strong)}.tag.muted{background:var(--surface-3);color:var(--text-soft)}.field-label{position:relative;display:grid;align-content:start;gap:6px;color:var(--text);font-size:12.5px;font-weight:600}.field-label+.field-label{margin-top:14px}.row>.field-label,.condition-row>.field-label{margin-top:0}.field-hint{color:var(--text-soft);font-size:12px;font-weight:400}.input,.field-label input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.field-label select,.field-label textarea{width:100%;min-height:36px;padding:7px 11px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}.field-label textarea{min-height:80px;resize:vertical;line-height:1.5}.input:focus,.field-label input:focus,.field-label select:focus,.field-label textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-row .field-label+.field-label{margin-top:0}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.search-input{position:relative}.search-input input{padding-left:34px!important}.search-input svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-soft);pointer-events:none}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;flex:0 0 36px;height:20px;border-radius:999px;background:var(--border-strong);transition:background .2s ease}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .2s ease}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{box-shadow:var(--ring)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.segmented button{min-height:28px;padding:0 11px;white-space:nowrap;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:600}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented.full{display:flex}.segmented.full button{flex:1}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px;min-height:38px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface)}.chips:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:600}.chip button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}.chip button:hover{background:color-mix(in srgb,currentColor 15%,transparent)}.chips input{flex:1;min-width:140px;min-height:26px!important;padding:0 4px!important;border:0!important;box-shadow:none!important;background:transparent!important}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.choice-card{position:relative;display:grid;gap:6px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.choice-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.choice-card.selected{border-color:var(--accent);background:var(--accent-softer);box-shadow:0 0 0 1px var(--accent)}.choice-card strong{font-size:14px}.choice-card span{color:var(--text-muted);font-size:12.5px;line-height:1.45}.choice-card .tag{justify-self:start}.choice-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}.notice{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:var(--radius);background:var(--info-soft);color:var(--text);font-size:13px;line-height:1.5}.notice svg{flex:0 0 auto;margin-top:1px;color:var(--info)}.notice strong{display:block;margin-bottom:2px}.notice.warning{background:var(--warning-soft)}.notice.warning svg{color:var(--warning)}.notice.danger{background:var(--danger-soft)}.notice.danger svg{color:var(--danger)}.notice.success{background:var(--success-soft)}.notice.success svg{color:var(--success)}.notice+.notice{margin-top:10px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;white-space:nowrap}.data-table thead th{color:var(--text-soft);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover td{background:var(--accent-softer)}.data-table .wrap{white-space:normal;max-width:46ch}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s ease}.modal{display:flex;flex-direction:column;width:min(680px,100%);max-height:calc(100vh - 40px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:rise .2s ease}.modal.wide{width:min(1040px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px}.modal-head h2{font-size:18px;font-weight:700}.modal-head p{margin-top:4px;color:var(--text-muted);font-size:13px}.modal-body{padding:6px 22px 20px;overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.modal-foot .spacer{margin-right:auto;color:var(--text-soft);font-size:12px}.drawer-backdrop{position:fixed;inset:0;z-index:55;background:var(--backdrop);animation:fade .15s ease}.drawer{position:fixed;z-index:56;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(520px,100%);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slide .22s cubic-bezier(.3,.7,.3,1)}.drawer .modal-body{flex:1}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes slide{0%{transform:translate(30px);opacity:0}}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border)}.tab{position:relative;padding:10px 12px;border:0;background:none;color:var(--text-muted);font-size:13.5px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-strong)}.tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}.empty-state{display:grid;justify-items:center;gap:10px;padding:48px 24px;text-align:center}.empty-state h3{font-size:17px;font-weight:650}.empty-state p{max-width:52ch;color:var(--text-muted)}.empty-art{display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--accent-softer));color:var(--accent-strong)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:10px;padding:28px;color:var(--text-soft)}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.code-block{position:relative;margin:0;padding:14px 96px 14px 16px;border-radius:var(--radius);background:var(--code-bg);color:var(--code-fg);font-family:var(--mono);font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.code-block .copy{position:absolute;top:8px;right:8px}.copy-row{display:flex;gap:8px}.copy-row input{flex:1;font-family:var(--mono);font-size:12.5px}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 18px;margin:0;font-size:13px}.kv dt{color:var(--text-soft)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.list{display:grid}.list-row{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row strong{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row small{display:block;color:var(--text-soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.list-row{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left}button.list-row:hover{background:var(--accent-softer)}.badge-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;justify-self:start;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}.toast{position:fixed;z-index:90;left:50%;bottom:24px;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;background:var(--ramp-ink-900);color:#fff;font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);transform:translate(-50%);animation:rise .2s ease}.toast.danger{background:var(--danger)}.chart{display:block;width:100%;height:220px}.chart .grid-line{stroke:var(--border);stroke-dasharray:3 4}.chart .axis{fill:var(--text-soft);font-size:11px}.chart .area{fill:url(#chart-fill)}.chart .line{fill:none;stroke:var(--accent);stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}.chart .failed{fill:var(--danger)}.chart .hover-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2}.chart-legend{display:flex;gap:16px;color:var(--text-soft);font-size:12px}.chart-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;background:var(--accent)}.chart-legend span.failed:before{background:var(--danger)}.sparkline{width:90px;height:26px}.sparkline path{fill:none;stroke:var(--accent);stroke-width:1.6}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.form-card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.form-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.form-thumb{position:relative;display:block;width:100%;height:132px;padding:18px 22px 0;overflow:hidden;border:0;border-bottom:1px solid var(--border);background:var(--surface-2);text-align:left}.thumb-sheet{height:100%;padding:14px 16px;border-radius:10px 10px 0 0;background:var(--thumb-surface, #fff);box-shadow:0 6px 18px -6px #14103433}.thumb-title{width:55%;height:9px;margin-bottom:10px;border-radius:4px;background:var(--thumb-text, #1e1b3a);opacity:.85}.thumb-row{display:flex;gap:8px;margin-bottom:8px}.thumb-field{flex:1;height:15px;border:1px solid var(--thumb-border, #dcd9ee);border-radius:4px}.thumb-button{width:52px;height:15px;border-radius:4px;background:var(--thumb-primary, #5846bf)}.form-card-body{display:grid;gap:4px;padding:14px 16px 6px}.form-card-body h3{font-size:14.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 12px 16px}.form-card-meta .soft{display:inline-flex;align-items:center;gap:6px}.new-card{display:grid;place-items:center;gap:8px;min-height:228px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-weight:600;transition:border-color .2s ease,color .2s ease,background .2s ease}.new-card:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-softer)}.new-card .empty-art{width:48px;height:48px;margin:0;border-radius:14px}.template-picker{display:grid;grid-template-columns:minmax(260px,340px) 1fr;grid-template-rows:auto auto;gap:14px 18px}.template-browse{display:grid;grid-template-rows:auto auto 1fr;gap:10px;min-height:0}.template-list{display:grid;align-content:start;gap:4px;max-height:420px;overflow-y:auto;padding:2px}.template-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.template-row:hover{background:var(--surface-2)}.template-row.selected{border-color:var(--accent);background:var(--accent-soft)}.template-row .grow{display:grid;gap:1px;min-width:0}.template-row strong{font-size:13.5px}.template-row small{overflow:hidden;color:var(--text-muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.template-row-icon{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong)}.template-preview{display:grid;min-height:420px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.template-preview iframe{width:100%;height:100%;min-height:420px;border:0;align-self:stretch}.template-preview .empty-state{align-self:center}.template-name{grid-column:1 / -1;display:grid;gap:10px}.search-field{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border-strong, var(--border));border-radius:10px;background:var(--surface);color:var(--text-soft)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{flex:1;min-width:0;height:38px;padding:0;border:0;background:transparent;box-shadow:none;outline:none}@media(max-width:760px){.template-picker{grid-template-columns:1fr}.template-list{max-height:260px}.template-preview{min-height:360px}}.template-card{display:grid;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.template-card:hover,.template-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.template-card strong{font-size:14px}.template-card p{color:var(--text-muted);font-size:12.5px}.template-tables{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main,.grid-2{grid-template-columns:1fr}}@media(max-width:760px){.menu-toggle{display:inline-flex}.product-name,.account-menu>span:not(.avatar),.dev-account{display:none}.wordmark-logo{height:22px}.language-picker{display:none}.workspace{display:block}.sidebar{display:none;position:fixed;z-index:40;top:var(--topbar);left:0;bottom:0;width:280px;height:auto;box-shadow:var(--shadow-lg)}.sidebar.open{display:flex}.main-content{padding:20px 16px 40px}.main-content.flush{height:auto;overflow:visible}.page-heading{display:grid;align-items:start}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.field-row,.field-row.three{grid-template-columns:1fr}.modal-backdrop{padding:10px}}.connection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.connection-card{display:grid;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.connection-card header{display:flex;align-items:flex-start;gap:12px}.connection-card header .grow{flex:1;min-width:0}.connection-card h3{font-size:15px;font-weight:650}.connection-card header .soft{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11.5px}.connection-card footer{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.connection-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--ramp-blue-400),var(--ramp-blue-700))}.connection-icon.demo{background:linear-gradient(135deg,var(--ramp-turquoise-400),#2f7fd8)}.connection-icon.servicePrincipal,.connection-icon.delegated,.connection-icon.salesforce{background:#fff;border:1px solid var(--border)}.connection-icon img{width:26px;height:26px;object-fit:contain}.connection-icon.salesforce img{width:32px}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.system-card{display:flex;align-items:center;gap:14px;padding:16px;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.system-card:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow)}.system-card.selected{border-color:var(--accent);background:var(--accent-softer);box-shadow:0 0 0 1px var(--accent)}.system-card:disabled{cursor:not-allowed;opacity:.55}.system-card .grow{display:grid;gap:3px}.system-card strong{font-size:15px}.system-card .grow>span{color:var(--text-muted);font-size:12.5px;line-height:1.45}.system-card .tag{justify-self:start}.system-logo{flex:0 0 auto;width:44px;height:44px;padding:6px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--border)}.system-logo.salesforce{width:56px;padding:6px 4px}.system-check{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;border:1px solid var(--border-strong);color:#fff}.system-card.selected .system-check{background:var(--accent);border-color:var(--accent)}.step-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.connection-icon.delegated{background:linear-gradient(135deg,#f5b041,#d9772b)}.theme-workbench{min-width:0}.theme-workbench-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.theme-workbench-grid>aside{position:sticky;top:calc(var(--topbar) + 16px);max-height:calc(100vh - var(--topbar) - 32px);overflow-y:auto}.theme-workbench-grid .design-stage{min-height:600px;border-radius:var(--radius-lg)}.theme-dots{display:inline-flex}.theme-dots span{width:18px;height:18px;margin-right:-5px;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border)}.create-workspace{border-bottom:1px solid var(--border);background:var(--accent-softer)}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:14px;border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius)}.danger-zone strong{font-size:13.5px}.invite-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px;align-items:end}.avatar.member{flex:0 0 34px;width:34px;height:34px;background:var(--accent-soft);color:var(--accent-strong)}.plan-row{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius)}.documentation-page{max-width:880px}.documentation-intro{margin-bottom:18px}.documentation-intro h2{margin-bottom:6px;font-size:22px;font-weight:700}.documentation-intro p{margin-bottom:14px;color:var(--text-muted)}.documentation-list{display:grid;gap:8px}.documentation-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.documentation-row:hover{border-color:var(--accent);box-shadow:var(--shadow)}.documentation-row strong,.documentation-row small{display:block}.documentation-row strong{font-size:14.5px}.documentation-row small{margin-top:3px;color:var(--text-muted);font-size:12.5px}.documentation-reader{padding:clamp(20px,4vw,40px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.documentation-reader h1{margin:6px 0 18px;font-size:28px}.documentation-reader h2{margin:28px 0 10px;font-size:19px}.documentation-reader h3{margin:20px 0 8px;font-size:15.5px}.documentation-reader p,.documentation-reader li{color:var(--text-muted);line-height:1.7}.documentation-reader p{margin:0 0 12px}.documentation-reader code{padding:2px 5px;border-radius:5px;background:var(--surface-2);color:var(--text)}.documentation-reader pre{overflow-x:auto;padding:14px 16px;border-radius:var(--radius);background:var(--code-bg);color:var(--code-fg)}.documentation-reader pre code{padding:0;background:transparent;color:inherit}.documentation-table-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--border);border-radius:var(--radius)}.documentation-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.documentation-table-wrap th,.documentation-table-wrap td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.documentation-inline-link{padding:0;border:0;background:none;color:var(--accent);font-weight:600;text-decoration:underline}.back-link{padding:0;margin-bottom:14px;border:0;background:none;color:var(--accent);font-size:12.5px;font-weight:600}.health-row{align-items:flex-start}.health-mark{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%}.health-mark.ok{background:var(--success-soft);color:var(--success)}.health-mark.warning{background:var(--warning-soft);color:var(--warning)}.health-mark.failed{background:var(--danger-soft);color:var(--danger)}.health-detail,.health-fix{display:block;margin-top:2px;color:var(--text-muted);font-size:12.5px;white-space:normal}.health-fix{color:var(--text-soft)}@media(max-width:1000px){.theme-workbench-grid,.invite-row{grid-template-columns:1fr}.theme-workbench-grid>aside{position:static;max-height:none}}.stack,.stack-tight,.list,.field-label,.choice-card,.template-card,.form-card-body,.connection-card,.documentation-list,.settings-panel,.target-list,.target-body,.column-list,.option-list,.plan-op,.checklist,.checks-menu,.colour-text{grid-template-columns:minmax(0,1fr)}.kv{grid-template-columns:minmax(110px,max-content) minmax(0,1fr)}.notice>div{min-width:0;overflow-wrap:anywhere}.tag{max-width:100%;min-width:0;overflow:hidden;flex-shrink:1}.secret-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:8px}.secret{flex:1;min-width:0;overflow-wrap:anywhere;padding:8px 10px;border-radius:8px;background:var(--surface-2);font-family:var(--mono);font-size:12px;-webkit-user-select:all;user-select:all}.code-block{margin:0;padding:12px 14px;overflow-x:auto;border-radius:10px;background:var(--surface-2);color:var(--text);font-family:var(--mono);font-size:12px;line-height:1.6;white-space:pre}.key-list{display:grid;gap:6px}.key-row{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.key-row .grow{flex:1;min-width:0}.key-row strong,.key-row small{display:block;overflow-wrap:anywhere}.key-row small{color:var(--text-soft);font-size:12px}.key-row.revoked{opacity:.55}.version-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.version-list>li{border:1px solid var(--border);border-radius:10px}.version-list>li.live{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.version-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:10px 12px}.version-row .grow{flex:1;min-width:140px}.version-row strong,.version-row small{display:block;overflow-wrap:anywhere}.version-row small{color:var(--text-soft);font-size:12px}.version-number{flex:none;min-width:38px;padding:2px 8px;border-radius:999px;background:var(--surface-2);font-family:var(--mono);font-size:12px;font-weight:700;text-align:center}.version-changes{padding:0 12px 12px 60px;font-size:13px}.version-changes ul{margin:6px 0 0;padding-left:18px}.version-changes li{margin:2px 0}.version-changes.draft{margin-top:12px;padding:12px 14px;border:1px dashed var(--border);border-radius:10px}@media(max-width:640px){.version-changes{padding-left:12px}}.approval-panel{border-color:color-mix(in srgb,var(--warning, #b47409) 35%,var(--border))}.approval-panel h2{display:flex;align-items:center;gap:8px}.approval-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:10px 0;border-top:1px solid var(--border)}.approval-row:first-child{border-top:0;padding-top:0}.approval-row .grow{flex:1;min-width:180px}.approval-row small{display:block;color:var(--text-soft);font-size:12px}.approval-note{margin:4px 0 0;color:var(--text-muted);font-style:italic;overflow-wrap:anywhere}.link-button{padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.link-button:hover{color:var(--accent);text-decoration:underline}.setting-row{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--border)}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;font-weight:500;cursor:pointer}.chip-toggle input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.chip-toggle.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.compact-select{width:auto;min-width:160px}.suggestion-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.suggestion-row input{margin-top:3px}.suggestion-row .grow{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.suggestion-row small{display:block;margin-top:2px;color:var(--text-soft)}.suggestion-row code{font-family:var(--mono);font-size:11.5px;color:var(--text-muted)}.suggest-button{justify-self:start;margin-top:6px}.domain-card{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px}.domain-head{display:flex;align-items:center;gap:10px;min-width:0}.domain-head .grow{flex:1;min-width:0}.domain-head strong,.domain-head small{display:block;overflow-wrap:anywhere}.domain-head small{color:var(--text-soft);font-size:12px}.domain-card .soft.small{margin:0;font-size:12.5px}.domain-problems{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--warning)}.domain-problems li{display:flex;align-items:flex-start;gap:6px;overflow-wrap:anywhere}.domain-problems li svg{flex:none;margin-top:2px}.dns-records{display:grid;border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:12.5px}.dns-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:7px 10px;border-top:1px solid var(--border)}.dns-row.head{border-top:0;background:var(--surface-2);color:var(--text-soft);font-size:11.5px;font-weight:600}.copy-value{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.copy-value:hover{background:var(--surface-2)}.copy-value code{font-family:var(--mono);font-size:11.5px;overflow-wrap:anywhere;word-break:break-all}.copy-value svg{flex:none;color:var(--text-soft)}@media(max-width:640px){.dns-row{grid-template-columns:1fr;gap:2px}.dns-row.head{display:none}}.section-title{font-size:14px;font-weight:650}.plan-now{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.plan-now>div:first-child{display:grid;gap:2px}.plan-name{font-size:22px;font-weight:700;letter-spacing:-.02em}.plan-name small{font-size:13px;font-weight:500;color:var(--text-soft)}.usage{flex:1 1 280px;display:grid;gap:6px;min-width:0}.usage-numbers{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600}.meter{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.meter>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.meter.near>span{background:var(--warning)}.meter.over>span{background:var(--danger)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.plan-card{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.plan-card.current{border-color:var(--success)}.plan-card.chosen{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.plan-card ul{display:grid;gap:3px;margin:0;padding:0 0 0 16px;font-size:12.5px}.plan-card .tag,.plan-card button{justify-self:start}.plan-price{font-size:20px;font-weight:700;letter-spacing:-.02em}.plan-price small{font-size:12px;font-weight:500;color:var(--text-soft)}.billing-details{padding-top:12px;border-top:1px solid var(--border)}.admin-grant{padding-top:12px;border-top:1px dashed var(--border)}.brand-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.brand-preview img{max-height:28px;max-width:140px;object-fit:contain}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.data-table td.over{color:var(--danger);font-weight:600}.topbar-partner{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.topbar-partner img{max-height:30px;max-width:160px;object-fit:contain}.topbar-partner strong{font-size:15px;font-weight:650}.community-card{display:grid;gap:10px;padding:14px 16px;border:1px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.community-card p{margin:2px 0 0;font-size:13px}.consent-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;cursor:pointer}.consent-row input{margin-top:3px}.sign-in-options{display:grid;gap:10px;width:100%;max-width:340px;margin:0 auto}.sign-in-options a{justify-content:center}.small-print{font-size:12.5px;max-width:340px;margin:4px auto 0}.scope-choice{margin:0;padding:0;border:0;min-width:0}.scope-choice legend{padding:0;margin-bottom:6px}.row>.spacer{flex:1}.panel-body .subheading{margin:8px 0 0;font-size:14px;font-weight:650}.field-error{color:var(--danger);font-size:12px;font-weight:500}[aria-invalid=true]{border-color:var(--danger)!important}.company-domain{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.builder{display:flex;flex-direction:column;height:calc(100vh - var(--topbar));min-height:560px}.main-pad{padding:28px}.builder-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.builder-identity{display:flex;align-items:center;gap:10px;min-width:0}.builder-name{min-width:80px;max-width:320px;flex:0 1 auto;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:15px;font-weight:650;letter-spacing:-.01em;text-overflow:ellipsis}.builder-name:hover:not([readonly]){border-color:var(--border)}.builder-name:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.save-state{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:12px;white-space:nowrap}.save-state.error{color:var(--danger)}.save-state.saved svg{color:var(--success)}.system-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--accent-soft, var(--surface-2));color:var(--accent-strong, var(--text));font-size:12px;font-weight:600;white-space:nowrap}.save-state .spinner{width:12px;height:12px}.builder-tabs{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.builder-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600}.builder-tabs button:hover{color:var(--text)}.builder-tabs button.active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.checks{position:relative}.has-checks{color:var(--warning)!important}.checks-menu{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;gap:4px;width:360px;max-height:420px;overflow-y:auto;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.checks-menu>strong{margin:0 4px 6px;font-size:13px}.check-item{display:flex;gap:9px;align-items:flex-start;padding:8px;border:0;border-radius:8px;background:var(--danger-soft);color:var(--text);text-align:left;font-size:12.5px;line-height:1.45}.check-item svg{flex:0 0 auto;margin-top:2px;color:var(--danger)}.check-item.warning{background:var(--warning-soft)}.check-item.warning svg{color:var(--warning)}.builder-banner{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--warning-soft);color:var(--text);font-size:12.5px}.builder-body{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr) 320px}.builder-body.design{grid-template-columns:360px minmax(0,1fr)}.builder-page{flex:1;overflow-y:auto;padding:24px clamp(16px,4vw,48px) 48px}.builder-page>*{max-width:980px;margin-left:auto;margin-right:auto}.settings-panel{display:grid;gap:16px;min-width:0;margin:0 auto;padding:0;border:0}.palette-scroll,.canvas-scroll,.inspector,.dry-run,.preview-stage,.design-stage,.builder-page{position:relative}.palette{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-right:1px solid var(--border)}.palette-tabs{padding:12px 12px 8px}.palette-scroll{flex:1;overflow-y:auto;padding:4px 12px 20px}.palette-section{padding:10px 2px}.palette-section+.palette-section{border-top:1px solid var(--border)}.palette-section h3{margin:0 0 9px;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.palette-section .spread h3{margin:0}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette-item{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:12.5px;font-weight:500;text-align:left;cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.palette-item:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.palette-item:active{cursor:grabbing}.palette-icon{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:7px;background:var(--accent-soft);color:var(--accent-strong)}.palette-tip{display:flex;gap:7px;margin:10px 2px 0;color:var(--text-soft);font-size:12px;line-height:1.45}.palette-tip svg{flex:0 0 auto;margin-top:2px}.palette-empty{display:grid;justify-items:center;gap:6px;padding:18px 12px;border:1.5px dashed var(--border-strong);border-radius:12px;color:var(--text-soft);font-size:12.5px;text-align:center}.palette-section .notice{margin-top:10px;font-size:12px}.target-list{display:grid;gap:8px;margin-top:10px}.target-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.target-card.expanded{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.target-head{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;background:transparent;text-align:left}.target-head:hover{background:var(--surface-2)}.target-head .grow{flex:1;min-width:0}.target-head strong,.target-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-head strong{font-size:13px}.target-head small{color:var(--text-soft);font-size:11.5px}.target-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--ramp-blue-400),var(--ramp-blue-600));color:#fff}.flip{transform:rotate(180deg)}.target-body{display:grid;gap:10px;padding:4px 10px 12px}.column-list{display:grid;gap:4px;max-height:360px;overflow-x:hidden;overflow-y:auto;margin:0 -2px;padding:0 2px}.column-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 7px;border:1px solid transparent;border-radius:9px;background:var(--surface-2);text-align:left;cursor:grab}.column-item:hover{border-color:var(--accent);background:var(--surface)}.column-item .grow{flex:1;min-width:0}.column-item strong,.column-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-item strong{font-size:12.5px;font-weight:600}.column-item small{color:var(--text-soft);font-size:11px;font-family:var(--mono)}.column-item .palette-icon{flex-basis:22px;height:22px}.column-item.bound{cursor:pointer;background:var(--success-soft)}.column-item.bound .palette-icon{background:var(--success);color:#fff}.plain-fieldset{margin:0;padding:0;border:0;min-width:0}.plain-fieldset legend{margin-bottom:6px;padding:0;font-size:12.5px;font-weight:600}.check-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12.5px;font-weight:500;cursor:pointer}.check-row input{accent-color:var(--accent);width:15px;height:15px}.constant-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:6px;align-items:center;margin-bottom:6px}.constant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px;font-weight:500}.table-pick-list{max-height:420px;overflow-y:auto;margin-top:12px;border:1px solid var(--border);border-radius:var(--radius)}.canvas-scroll{min-width:0;overflow-y:auto;padding:32px clamp(16px,4vw,56px) 80px;background-color:var(--bg);background-image:radial-gradient(color-mix(in srgb,var(--text-soft) 28%,transparent) 1px,transparent 1px);background-size:18px 18px}.canvas{max-width:760px;margin:0 auto}.canvas.ppf{font-size:15px}.canvas-head{position:relative}.canvas-inline{display:block;width:100%;padding:2px 6px;margin-left:-6px;border:1px dashed transparent;border-radius:8px;background:transparent;font:inherit;color:inherit;resize:none;overflow:hidden;field-sizing:content}.canvas-inline.ppf-title{font-size:1.6em;font-weight:650;letter-spacing:-.02em;line-height:1.25}.canvas-inline:hover:not([readonly]){border-color:color-mix(in srgb,var(--ppf-primary) 40%,transparent)}.canvas-inline:focus{outline:none;border-style:solid;border-color:var(--ppf-primary)}.canvas-inline::placeholder{color:color-mix(in srgb,var(--ppf-muted) 60%,transparent)}.canvas-empty{display:grid;justify-items:center;gap:6px;padding:46px 20px;border:2px dashed color-mix(in srgb,var(--ppf-muted) 35%,transparent);border-radius:calc(var(--ppf-radius) + 6px);color:var(--ppf-muted);text-align:center;transition:border-color .15s ease,background .15s ease}.canvas-empty strong{color:var(--ppf-text);font-size:1.05em}.canvas-empty.over{border-color:var(--ppf-primary);background:color-mix(in srgb,var(--ppf-primary) 6%,transparent)}.canvas-item{position:relative;margin:-8px;padding:8px;border:1.5px solid transparent;border-radius:calc(var(--ppf-radius) + 6px);cursor:pointer;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.canvas-item:hover{border-color:color-mix(in srgb,var(--ppf-primary) 30%,transparent);background:color-mix(in srgb,var(--ppf-primary) 3%,transparent)}.canvas-item.selected{border-color:var(--ppf-primary);background:color-mix(in srgb,var(--ppf-primary) 5%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ppf-primary) 12%,transparent)}.canvas-item:focus-visible{outline:none;border-color:var(--ppf-primary)}.canvas-item.dragging{opacity:.35}.canvas-item .ppf-input,.canvas-item .ppf-choice,.canvas-item .ppf-consent{pointer-events:none}.canvas-toolbar{position:absolute;z-index:2;top:-14px;right:10px;display:none;align-items:center;gap:1px;padding:2px;border-radius:8px;background:var(--ramp-ink-900);box-shadow:var(--shadow)}.canvas-item:hover .canvas-toolbar,.canvas-item.selected .canvas-toolbar{display:inline-flex}.canvas-toolbar button,.canvas-grip{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:#fff}.canvas-toolbar button:hover{background:#ffffff29}.canvas-grip{cursor:grab;opacity:.7}.drop-line{grid-column:1 / -1;height:3px;margin:-2px 0;border-radius:3px;background:var(--ppf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ppf-primary) 22%,transparent)}.binding-pill{display:inline-flex;align-items:center;gap:5px;margin-top:8px;margin-right:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--ppf-primary) 12%,transparent);color:var(--ppf-primary);font-family:var(--font);font-size:11px;font-weight:600;line-height:1.6}.binding-pill.unbound{background:color-mix(in srgb,var(--ppf-muted) 12%,transparent);color:var(--ppf-muted)}.binding-pill.logic{background:#f59e0b24;color:#b47409}.canvas-hidden{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--ppf-border)}.hidden-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px dashed var(--ppf-border);border-radius:999px;background:transparent;color:var(--ppf-muted);font-size:12px}.hidden-chip.selected{border-style:solid;border-color:var(--ppf-primary);color:var(--ppf-primary)}.ppf-input.mock{display:block;min-height:calc(1.5em + 24px);color:color-mix(in srgb,var(--ppf-muted) 75%,transparent)}.ppf-input.mock.textarea{min-height:96px}.ppf-input.mock.select{background-image:linear-gradient(45deg,transparent 50%,var(--ppf-muted) 50%),linear-gradient(135deg,var(--ppf-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.canvas .ppf-submit{cursor:default}.inspector{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border)}.inspector .empty-state{padding:40px 20px 20px}.inspector-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.inspector-head .grow{flex:1;min-width:0}.inspector-head strong{display:block;font-size:13.5px}.inspector-head small{display:block;color:var(--text-soft);font-family:var(--mono);font-size:11px}.inspector-body{margin:0;padding:0;border:0;min-width:0}.inspector-section{padding:14px 16px;border-bottom:1px solid var(--border)}.inspector-section h4{margin:0 0 10px;color:var(--text-soft);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.inspector-section .spread h4{margin:0}.inspector-section .field-label+.field-label,.inspector-section .field-label+.inspector-inline,.inspector-section .inspector-inline+.field-label{margin-top:12px}.inspector-inline{display:flex;align-items:center;justify-content:space-between}.inspector .notice{margin:12px 16px}.inspector-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:0 16px}.inspector-stats div{display:grid;padding:12px;border-radius:12px;background:var(--surface-2);text-align:center}.inspector-stats strong{font-size:20px;font-weight:700}.inspector-stats span{color:var(--text-soft);font-size:11.5px}.inspector .palette-tip{margin:14px 16px}.section-toggle{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--text-muted);font-size:12.5px;font-weight:600}.option-list{display:grid;gap:6px;margin:8px 0}.option-row{display:flex;align-items:center;gap:4px}.option-row .input{min-width:0;flex:1}.option-row .option-value{flex:0 0 64px;font-family:var(--mono);font-size:11.5px;color:var(--text-muted)}textarea.autosize{min-height:36px!important;resize:vertical}.live-preview{width:100%}.preview-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.preview-stage{display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding:18px 24px 60px;background:var(--surface-2)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.preview-toolbar .soft{display:inline-flex;align-items:center;gap:6px}.device{width:100%;margin:0 auto;padding:32px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow);transition:max-width .3s cubic-bezier(.3,.7,.3,1)}.device-desktop{max-width:900px}.device-tablet{max-width:768px}.device-mobile{max-width:390px;padding:16px;border:10px solid var(--ramp-ink-900);border-radius:40px}.dry-run{overflow-y:auto;padding:18px;background:var(--surface);border-left:1px solid var(--border)}.dry-run h3{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px}.dry-run .empty-state{padding:26px 8px}.plan-op{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.plan-op header{display:flex;align-items:center;gap:8px}.plan-op header strong{flex:1;font-size:13.5px}.plan-op .kv{grid-template-columns:minmax(90px,max-content) 1fr;font-size:12px}.plan-op .kv dt{font-family:var(--mono);font-size:11.5px}.plan-op .kv dt.link{color:var(--accent)}.plan-step{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:11.5px;font-weight:700}.muted-op{background:var(--surface-2)}.muted-op .kv{grid-template-columns:minmax(0,1fr) minmax(48px,max-content)}.muted-op .kv dt{font-family:var(--font);font-size:12px}.design-side{border-left:0;border-right:1px solid var(--border)}.theme-editor{margin:0;padding:0;border:0;min-width:0}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset{position:relative;display:grid;gap:6px;height:84px;padding:12px 10px 8px;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.preset:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.preset-field{height:14px;border:1px solid}.preset-button{width:44%;height:12px}.preset-name{font-size:11.5px;font-weight:650}.colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.colour-field{display:flex;align-items:center;gap:8px;min-width:0;padding:6px;border:1px solid var(--border);border-radius:10px}.colour-swatch{position:relative;flex:0 0 28px;height:28px;border-radius:7px;box-shadow:inset 0 0 0 1px #0000001f;overflow:hidden}.colour-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.colour-text{display:grid;min-width:0}.colour-text small{color:var(--text-soft);font-size:10.5px;font-weight:600}.colour-code{width:100%;padding:0;border:0;background:transparent;font-family:var(--mono);font-size:12px}.colour-code:focus{outline:none}.custom-css{margin-top:12px}.custom-css summary{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer}.custom-css textarea{width:100%;margin:8px 0 4px}.mono{font-family:var(--mono)!important;font-size:12px!important}.design-actions{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border)}.design-stage{overflow-y:auto;padding:40px clamp(16px,4vw,56px) 80px;background:var(--surface-2)}.design-frame{max-width:760px;margin:0 auto}.share-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;align-items:start}.share-grid>:first-child{grid-row:span 2}.share-panel{max-width:640px}.checklist{display:grid;padding:8px}.checklist-step{display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:13px;font-weight:500}.checklist-step:hover{background:var(--surface-2)}.checklist-step span:nth-child(2){flex:1}.checklist-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border-strong);color:var(--text-soft);font-size:11.5px;font-weight:700}.checklist-step.done span:nth-child(2){color:var(--text-soft);text-decoration:line-through}.checklist-step.done .checklist-mark{border-color:var(--success);background:var(--success);color:#fff}@media(max-width:1640px){.builder-tabs button:not(.active) span{display:none}}.builder-identity>:not(.builder-name){flex:none}@media(max-width:1280px){.builder-body{grid-template-columns:260px minmax(0,1fr) 290px}.builder-tabs button span{display:none}}@media(max-width:1000px){.builder-bar{grid-template-columns:1fr}.builder-tabs{justify-self:start}.builder-actions{justify-content:flex-start}.builder{height:auto}.builder-body,.builder-body.design,.preview-layout,.share-grid{grid-template-columns:1fr}.share-grid>:first-child{grid-row:auto}.palette,.inspector{border:0;border-bottom:1px solid var(--border);max-height:none}.palette-scroll{max-height:360px}}.column-row{display:flex;align-items:center;gap:2px}.column-row .column-item{flex:1;min-width:0}.column-hidden-add{flex:none;width:28px;height:28px;opacity:0;transition:opacity .12s ease}.column-row:hover .column-hidden-add,.column-hidden-add:focus-visible{opacity:1}@media(hover:none){.column-hidden-add{opacity:1}}.canvas-page{margin-top:10px}.canvas-page:first-child{margin-top:0}.canvas-page-band{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--ppf-primary) 45%,transparent);background:color-mix(in srgb,var(--ppf-primary) 6%,transparent)}.canvas-page-band strong{min-width:0;overflow-wrap:anywhere;color:var(--ppf-text);font-size:1.05em}.canvas-page-band small{flex-basis:100%;color:var(--ppf-muted)}.canvas-page-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--ppf-primary);color:var(--ppf-on-primary, #fff);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.condition-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:6px;margin-top:8px}.inspector-section .condition-row>.field-label{margin-top:0}.inspector-section .field-row .field-label+.field-label{margin-top:0}.inspector-section .field-row{align-items:end}.inspector-section .field-row+.field-row,.inspector-section .field-label+.field-row,.inspector-section .field-row+.field-label{margin-top:12px}.condition-row .field-label:only-child{grid-column:1 / -1}.option-row input[type=checkbox]{flex:none;width:16px;height:16px;margin:0 4px 0 2px;accent-color:var(--accent)}.option-row.off .input{opacity:.55;text-decoration:line-through}.value-checks{display:grid;gap:4px}.condition-row+.field-hint{margin-top:8px}.row-preview{display:grid;gap:6px;margin:10px 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:12.5px}.row-preview ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.row-preview li{display:flex;align-items:center;gap:6px;min-width:0}.row-preview li .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-preview li .tag{flex:none}.inspector-section .inspector-inline+.stack-tight{margin-top:12px}.webhook-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.webhook-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.webhook-card .field-label+.field-label{margin-top:0}.canvas-item .ppf-file.mock{pointer-events:none}.language-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:8px 0;border-top:1px solid var(--border)}.language-row:first-child{border-top:0}.compact-select{width:auto;min-width:180px}.translation-table{display:grid;gap:10px;margin-top:14px}.translation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.translation-source{padding-top:8px;color:var(--text-muted);font-size:13px;overflow-wrap:anywhere}.translation-row input,.translation-row textarea{width:100%}.translation-row.missing input,.translation-row.missing textarea{border-color:color-mix(in srgb,var(--warning, #b47409) 55%,var(--border))}@media(max-width:640px){.translation-row{grid-template-columns:minmax(0,1fr);gap:4px}}.formula-input{font-family:var(--mono);font-size:12.5px}.formula-input.invalid{border-color:var(--danger)}.danger-text{color:var(--danger)}.formula-fields{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.chip-button{padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-family:var(--mono);font-size:11.5px;cursor:pointer}.chip-button:hover{border-color:var(--accent);color:var(--text)}.score-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.canvas-page-band.repeat{border-style:solid;background:color-mix(in srgb,var(--ppf-primary) 4%,transparent)}.insight-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.insight-stats>div{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);min-width:0}.insight-stats strong{font-size:24px;font-weight:700;letter-spacing:-.02em}.insight-stats span{color:var(--text-soft);font-size:12.5px;overflow-wrap:anywhere}@media(max-width:760px){.insight-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.insight-chart{display:flex;align-items:flex-end;gap:3px;height:160px;padding:8px 0;border-bottom:1px solid var(--border)}.insight-day{position:relative;flex:1;min-width:4px;height:100%}.insight-day .bar{position:absolute;bottom:0;border-radius:3px 3px 0 0}.insight-day .bar.views{left:0;right:0;background:color-mix(in srgb,var(--accent) 18%,transparent)}.insight-day .bar.starts{left:15%;right:15%;background:color-mix(in srgb,var(--accent) 45%,transparent)}.insight-day .bar.completions{left:30%;right:30%;background:var(--accent)}.insight-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-soft);font-size:12px}.insight-legend i{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:2px;vertical-align:-1px}.insight-legend i.views{background:color-mix(in srgb,var(--accent) 18%,transparent)}.insight-legend i.starts{background:color-mix(in srgb,var(--accent) 45%,transparent)}.insight-legend i.completions{background:var(--accent)}.insight-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;gap:12px;align-items:center}.insight-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.insight-track{display:flex;height:10px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.insight-fill{display:block;height:100%;background:var(--accent)}.insight-fill.abandoned{background:var(--warning, #b47409)}.insight-fill.errors{background:var(--danger)}.insight-value{min-width:48px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.insight-value.small{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:12px;font-weight:500}.qr-body{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.qr-code{width:168px;height:168px;padding:6px;border:1px solid var(--border);border-radius:12px;background:#fff}.qr-code svg{display:block;width:100%;height:100%}.outcome-card{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px}.option-row .option-image{grid-column:1 / -1}.mock-embed{display:grid;place-items:center;color:var(--text-soft);font-size:13px}.mock-embed span{display:inline-flex;align-items:center;gap:8px}.canvas .ppf-matrix-statement,.ppf-matrix-statement{min-width:0}.request-line{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.request-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;align-items:center;gap:8px}.request-header .row{flex-wrap:nowrap}.code-input{font-family:var(--mono);font-size:12.5px}.delivery-list{display:grid;gap:6px}.delivery-row{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 12px;border:1px solid var(--border);border-radius:10px}.delivery-row .grow{flex:1;min-width:0}.delivery-row strong,.delivery-row small{display:block;overflow-wrap:anywhere}.delivery-row small{color:var(--text-soft);font-size:12px}@media(max-width:720px){.request-line,.request-header{grid-template-columns:1fr}}.request-name{flex:1;max-width:420px}.mock-signature{display:grid;place-items:center;color:var(--text-soft);font-size:13px}.quick-add-backdrop{position:fixed;inset:0;z-index:60;display:grid;justify-items:center;align-items:start;padding-top:14vh;background:color-mix(in srgb,#0d0b24 35%,transparent)}.quick-add{width:min(520px,calc(100vw - 32px));max-height:60vh;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px #0d0b2447;overflow:hidden}.quick-add-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-soft)}.quick-add-search input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-size:15px}.quick-add-list{margin:0;padding:6px;overflow-y:auto;list-style:none}.quick-add-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer}.quick-add-list li.active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.quick-add-list li .grow{display:grid;min-width:0}.quick-add-list li small{color:var(--text-soft);font-size:12px}.quick-add-empty{color:var(--text-soft);cursor:default}.palette-tip{margin:0 0 10px;color:var(--text-soft);font-size:12px}.palette-tip kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);font-family:var(--mono);font-size:11px;color:var(--text)}.answer-stat{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border)}.answer-stat:last-child{padding-bottom:0;border-bottom:0}.answer-stat-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.answer-statement{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;align-items:center}.answer-split{display:flex;height:12px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.answer-split.large{height:14px;max-width:640px;padding:0}.answer-split>span{display:block;height:100%;flex-basis:0}.answer-split>span{min-width:0}.split-0,.insight-legend i.split-0{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}.split-1,.insight-legend i.split-1{background:color-mix(in srgb,var(--accent) 42%,var(--surface-2))}.split-2,.insight-legend i.split-2{background:color-mix(in srgb,var(--accent) 62%,var(--surface-2))}.split-3,.insight-legend i.split-3{background:color-mix(in srgb,var(--accent) 82%,var(--surface-2))}.split-4,.insight-legend i.split-4{background:color-mix(in srgb,var(--accent) 100%,var(--surface-2))}.sentiment-positive,.insight-legend i.sentiment-positive{background:var(--success)}.sentiment-neutral,.insight-legend i.sentiment-neutral{background:color-mix(in srgb,var(--text-soft) 40%,var(--surface-2))}.sentiment-negative,.insight-legend i.sentiment-negative{background:var(--danger)}.answer-ranking{display:grid;gap:4px;margin:0;padding-left:20px}.ai-summary{font-size:15px;line-height:1.6}.ai-theme{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.ai-theme p{margin:0;color:var(--text-muted)}.ai-theme blockquote{margin:0;padding-left:12px;border-left:3px solid var(--accent);color:var(--text);font-style:italic}.ai-suggestions{display:grid;gap:6px;margin:0;padding-left:20px}@media(max-width:640px){.answer-statement{grid-template-columns:1fr;gap:4px}}.answer-histogram{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;max-width:560px}.answer-column{display:grid;grid-template-rows:16px 80px auto;justify-items:center;gap:4px}.answer-column-count{color:var(--text-soft);font-size:11px}.answer-column-track{display:flex;align-items:flex-end;width:100%;max-width:34px;height:80px;border-radius:6px;background:var(--surface-2);overflow:hidden}.answer-column-track span{display:block;width:100%;border-radius:6px 6px 0 0;background:var(--accent)}.answer-column-label{color:var(--text-muted);font-size:12px;font-weight:600}.mock-slots{display:flex;gap:6px;margin-top:6px}.mock-slot{display:grid;place-items:center;min-width:52px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600}.mock-slot.on{border-color:var(--accent);background:var(--accent);color:#fff}