:root{--cf-color-carbon: #1a1d1c;--cf-color-graphite: #3d4240;--cf-color-slate: #8a918e;--cf-color-mist: #e8ebe9;--cf-color-cloud: #f4f6f5;--cf-color-white: #ffffff;--cf-color-text-primary: var(--cf-color-carbon);--cf-color-text-secondary: var(--cf-color-graphite);--cf-color-text-muted: #5c635f;--cf-color-border: var(--cf-color-slate);--cf-color-border-subtle: #c5cbc8;--cf-color-bg-app: var(--cf-color-cloud);--cf-color-bg-muted: var(--cf-color-mist);--cf-color-bg-surface: var(--cf-color-white);--cf-color-accent: #3f6f5c;--cf-color-accent-hover: #355f4e;--cf-color-accent-active: #2c4f41;--cf-color-accent-contrast: #ffffff;--cf-color-success: #2f6b4f;--cf-color-success-bg: #e6f2eb;--cf-color-warning: #8a6a1f;--cf-color-warning-bg: #f8f1de;--cf-color-error: #9b2c2c;--cf-color-error-bg: #f8e8e8;--cf-color-info: #2f5f7a;--cf-color-info-bg: #e6eef4;--cf-space-1: .25rem;--cf-space-2: .5rem;--cf-space-3: 1rem;--cf-space-4: 1.5rem;--cf-space-5: 2rem;--cf-space-6: 2.5rem;--cf-space-7: 3rem;--cf-space-8: 4rem;--cf-space-9: 5rem;--cf-space-10: 6rem;--cf-space-11: 8rem;--cf-radius-sm: .25rem;--cf-radius-md: .375rem;--cf-radius-lg: .5rem;--cf-elevation-0: none;--cf-elevation-1: 0 1px 2px rgba(26, 29, 28, .06);--cf-elevation-2: 0 4px 12px rgba(26, 29, 28, .08);--cf-font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--cf-font-size-xs: .75rem;--cf-font-size-sm: .875rem;--cf-font-size-md: 1rem;--cf-font-size-lg: 1.125rem;--cf-font-size-xl: 1.5rem;--cf-font-size-2xl: 2rem;--cf-font-size-3xl: 2.75rem;--cf-line-height-display: 1.1;--cf-line-height-heading: 1.2;--cf-line-height-body: 1.5;--cf-line-height-small: 1.4;--cf-font-weight-regular: 400;--cf-font-weight-medium: 500;--cf-font-weight-semibold: 600;--cf-font-weight-bold: 700;--cf-focus-ring-color: var(--cf-color-accent);--cf-focus-ring-width: 2px;--cf-focus-ring-offset: 2px;--cf-content-max-marketing: 80rem;--cf-content-max-app: 90rem;--cf-duration-instant: 80ms;--cf-duration-fast: .15s;--cf-duration-medium: .22s;--cf-ease-standard: cubic-bezier(.2, 0, 0, 1);--cf-breakpoint-sm: 40rem;--cf-breakpoint-md: 48rem;--cf-breakpoint-lg: 64rem;--cf-breakpoint-xl: 80rem}*,*:before,*:after{box-sizing:border-box}html{color:var(--cf-color-text-primary);background:var(--cf-color-bg-app);font-family:var(--cf-font-sans);font-size:var(--cf-font-size-md);line-height:var(--cf-line-height-body);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100%}:focus-visible{outline:var(--cf-focus-ring-width) solid var(--cf-focus-ring-color);outline-offset:var(--cf-focus-ring-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--cf-space-2);min-height:2.75rem;padding:0 var(--cf-space-4);border:1px solid transparent;border-radius:var(--cf-radius-md);font:inherit;font-weight:var(--cf-font-weight-medium);line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--cf-duration-fast) var(--cf-ease-standard),border-color var(--cf-duration-fast) var(--cf-ease-standard),color var(--cf-duration-fast) var(--cf-ease-standard),opacity var(--cf-duration-instant) var(--cf-ease-standard)}.cf-button:disabled,.cf-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.cf-button--primary{background:var(--cf-color-accent);color:var(--cf-color-accent-contrast)}.cf-button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--cf-color-accent-hover)}.cf-button--primary:active:not(:disabled):not([aria-disabled=true]){background:var(--cf-color-accent-active)}.cf-button--secondary{background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);border-color:var(--cf-color-border-subtle)}.cf-button--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--cf-color-bg-muted)}.cf-button--ghost{background:transparent;color:var(--cf-color-text-primary)}.cf-button--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--cf-color-bg-muted)}.cf-button--loading{position:relative}.cf-field{display:flex;flex-direction:column;gap:var(--cf-space-1)}.cf-label{font-size:var(--cf-font-size-sm);font-weight:var(--cf-font-weight-medium);color:var(--cf-color-text-primary)}.cf-input{width:100%;min-height:2.75rem;padding:var(--cf-space-2) var(--cf-space-3);border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-md);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);font:inherit}.cf-input::placeholder{color:var(--cf-color-text-muted)}.cf-input[aria-invalid=true]{border-color:var(--cf-color-error)}.cf-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cf-color-text-muted) 50%),linear-gradient(135deg,var(--cf-color-text-muted) 50%,transparent 50%);background-position:calc(100% - 1.1rem) calc(50% - .15rem),calc(100% - .75rem) calc(50% - .15rem);background-size:.35rem .35rem,.35rem .35rem;background-repeat:no-repeat;padding-right:var(--cf-space-6)}.cf-field-message{font-size:var(--cf-font-size-sm);line-height:var(--cf-line-height-small);color:var(--cf-color-text-muted)}.cf-field-message--error{color:var(--cf-color-error)}.cf-surface{background:var(--cf-color-bg-surface);border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-lg);box-shadow:var(--cf-elevation-1)}.cf-page{width:min(100% - (var(--cf-space-4) * 2),var(--cf-content-max-app));margin-inline:auto;padding-block:var(--cf-space-6)}.cf-page--narrow{width:min(100% - (var(--cf-space-4) * 2),28rem)}.cf-page--marketing{width:min(100% - (var(--cf-space-4) * 2),var(--cf-content-max-marketing))}.cf-app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(63,111,92,.08),transparent 40%),linear-gradient(180deg,var(--cf-color-cloud) 0%,var(--cf-color-mist) 100%)}.cf-app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-4);padding:var(--cf-space-3) var(--cf-space-4);border-bottom:1px solid var(--cf-color-border-subtle);background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cf-app-brand{font-size:var(--cf-font-size-lg);font-weight:var(--cf-font-weight-semibold);letter-spacing:-.02em;color:var(--cf-color-text-primary);text-decoration:none}.cf-app-nav{display:flex;flex-wrap:wrap;gap:var(--cf-space-2)}.cf-app-nav a{color:var(--cf-color-text-secondary);text-decoration:none;padding:var(--cf-space-2) var(--cf-space-3);border-radius:var(--cf-radius-md);transition:background-color var(--cf-duration-fast) var(--cf-ease-standard)}.cf-app-nav a:hover,.cf-app-nav a[aria-current=page]{background:var(--cf-color-bg-muted);color:var(--cf-color-text-primary)}.cf-app-main{flex:1}.cf-loading{display:inline-flex;align-items:center;gap:var(--cf-space-2);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-sm)}.cf-loading__spinner{width:1rem;height:1rem;border:2px solid var(--cf-color-border-subtle);border-top-color:var(--cf-color-accent);border-radius:50%;animation:cf-spin var(--cf-duration-medium) linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-state{display:flex;flex-direction:column;gap:var(--cf-space-3);padding:var(--cf-space-5);text-align:center}.cf-state h2,.cf-state h3{margin:0;font-size:var(--cf-font-size-xl);line-height:var(--cf-line-height-heading);font-weight:var(--cf-font-weight-semibold)}.cf-state p{margin:0;color:var(--cf-color-text-secondary)}.cf-state--error{border-left:3px solid var(--cf-color-error);background:var(--cf-color-error-bg);text-align:left;border-radius:var(--cf-radius-md)}.cf-hero{min-height:100vh;display:grid;align-content:center;gap:var(--cf-space-4);padding:var(--cf-space-7) var(--cf-space-4);background:linear-gradient(120deg,#1a1d1cb8,#3f6f5c73),radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(160deg,#2c4f41,#1a1d1c 55%,#355f4e);color:var(--cf-color-white)}.cf-hero__brand{margin:0;font-size:clamp(2.75rem,8vw,5rem);line-height:var(--cf-line-height-display);letter-spacing:-.04em;font-weight:var(--cf-font-weight-bold);animation:cf-fade-up var(--cf-duration-medium) var(--cf-ease-standard) both}.cf-hero__headline{margin:0;max-width:18ch;font-size:clamp(1.25rem,3vw,1.75rem);line-height:var(--cf-line-height-heading);font-weight:var(--cf-font-weight-regular);animation:cf-fade-up var(--cf-duration-medium) var(--cf-ease-standard) 60ms both}.cf-hero__support{margin:0;max-width:36ch;color:#ffffffdb;animation:cf-fade-up var(--cf-duration-medium) var(--cf-ease-standard) .12s both}.cf-hero__actions{display:flex;flex-wrap:wrap;gap:var(--cf-space-3);margin-top:var(--cf-space-2);animation:cf-fade-up var(--cf-duration-medium) var(--cf-ease-standard) .18s both}.cf-hero .cf-button--primary{background:var(--cf-color-white);color:var(--cf-color-carbon)}.cf-hero .cf-button--secondary{background:transparent;color:var(--cf-color-white);border-color:#ffffff73}@keyframes cf-fade-up{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.cf-mobile-workspace{--cf-mobile-header-height: 3.25rem;--cf-mobile-actions-height: 3.75rem;--cf-mobile-safe-top: env(safe-area-inset-top, 0px);--cf-mobile-safe-right: env(safe-area-inset-right, 0px);--cf-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--cf-mobile-safe-left: env(safe-area-inset-left, 0px);display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;height:calc(100vh - var(--cf-mobile-app-chrome, 3.5rem));height:calc(100dvh - var(--cf-mobile-app-chrome, 3.5rem));max-height:calc(100svh - var(--cf-mobile-app-chrome, 3.5rem));overflow:hidden;padding-left:var(--cf-mobile-safe-left);padding-right:var(--cf-mobile-safe-right);box-sizing:border-box;position:relative}.cf-mobile-workspace__alert{margin:0;padding:var(--cf-space-2) var(--cf-space-3);color:var(--cf-color-text-primary);background:var(--cf-color-bg-muted);font-size:var(--cf-font-size-sm);overflow-wrap:anywhere;flex:0 0 auto}.cf-mobile-workspace-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--cf-space-2);min-height:var(--cf-mobile-header-height);padding:var(--cf-space-2) var(--cf-space-3);padding-top:calc(var(--cf-space-2) + var(--cf-mobile-safe-top));border-bottom:1px solid var(--cf-color-border-subtle);background:#fffffff0;position:relative;z-index:3;flex:0 0 auto}.cf-mobile-workspace-header__back{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--cf-color-accent);text-decoration:none;font-size:var(--cf-font-size-sm);font-weight:var(--cf-font-weight-semibold)}.cf-mobile-workspace-header__identity{min-width:0}.cf-mobile-workspace-header__title{margin:0;font-size:var(--cf-font-size-md);font-weight:var(--cf-font-weight-semibold);color:var(--cf-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mobile-workspace-header__status{margin:0;font-size:var(--cf-font-size-xs);color:var(--cf-color-text-secondary)}.cf-mobile-workspace-header__actions{display:flex;align-items:center;gap:var(--cf-space-1)}.cf-mobile-workspace-header__save,.cf-mobile-workspace-header__more{min-width:44px;min-height:44px;border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);font-size:var(--cf-font-size-sm);cursor:pointer}.cf-mobile-workspace-header__save:disabled{opacity:.5;cursor:not-allowed}.cf-mobile-workspace-header__menu{position:absolute;top:calc(100% - .25rem);right:var(--cf-space-3);display:grid;gap:var(--cf-space-1);min-width:10rem;padding:var(--cf-space-2);background:var(--cf-color-bg-surface);border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-md);box-shadow:var(--cf-elevation-2);z-index:5}.cf-mobile-workspace-header__menu button{min-height:44px;text-align:left;border:none;background:transparent;padding:var(--cf-space-2);border-radius:var(--cf-radius-sm);cursor:pointer;color:var(--cf-color-text-primary)}.cf-mobile-workspace-header__menu button:disabled{opacity:.45;cursor:not-allowed}.cf-mobile-workspace__canvas{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:0}.cf-config-canvas-shell.cf-config-canvas-shell--mobile{flex:1 1 auto;min-height:0!important;height:100%;max-height:100%;border-radius:0;box-shadow:none;overflow:hidden}.cf-config-canvas-shell.cf-config-canvas-shell--mobile .cf-config-canvas-wrap,.cf-config-canvas-shell.cf-config-canvas-shell--mobile .cf-config-canvas{min-height:0!important;height:100%;max-height:100%}.cf-config-canvas-wrap--compact .cf-config-canvas canvas{touch-action:none}.cf-mobile-selected-summary{display:flex;align-items:center;gap:var(--cf-space-2);min-width:0;padding:var(--cf-space-2) var(--cf-space-3);border-top:1px solid var(--cf-color-border-subtle);background:#fffffff5;flex:0 0 auto;position:relative;z-index:2}.cf-mobile-selected-summary__text{min-width:0;flex:1 1 auto}.cf-mobile-selected-summary__kind{margin:0;font-size:var(--cf-font-size-sm);font-weight:var(--cf-font-weight-semibold);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mobile-selected-summary__meta{margin:0;font-size:var(--cf-font-size-xs);color:var(--cf-color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mobile-selected-summary__edit{min-width:44px;min-height:44px;flex:0 0 auto;border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-surface);cursor:pointer}.cf-mobile-workspace-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--cf-space-1);min-height:var(--cf-mobile-actions-height);padding:var(--cf-space-1) var(--cf-space-2);padding-bottom:calc(var(--cf-space-1) + var(--cf-mobile-safe-bottom));border-top:1px solid var(--cf-color-border-subtle);background:#fffffffa;flex:0 0 auto;position:relative;z-index:2}.cf-mobile-workspace-actions__item{min-height:44px;min-width:0;border:none;background:transparent;color:var(--cf-color-text-primary);border-radius:var(--cf-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--cf-space-1)}.cf-mobile-workspace-actions__item:disabled{opacity:.4;cursor:not-allowed}.cf-mobile-workspace-actions__label{font-size:var(--cf-font-size-xs);font-weight:var(--cf-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mobile-sheet-root{position:fixed;inset:0;z-index:40;display:flex;pointer-events:none}.cf-mobile-sheet-root--bottom{align-items:flex-end;justify-content:stretch}.cf-mobile-sheet-root--side{align-items:stretch;justify-content:flex-end}.cf-mobile-sheet-backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:#141c1859;cursor:pointer;pointer-events:auto}.cf-mobile-sheet{position:relative;z-index:1;pointer-events:auto;display:flex;flex-direction:column;min-width:0;background:var(--cf-color-bg-surface);box-shadow:var(--cf-elevation-2)}.cf-mobile-sheet--bottom{width:100%;max-height:min(72dvh,72vh);border-radius:var(--cf-radius-lg) var(--cf-radius-lg) 0 0;padding-bottom:var(--cf-mobile-safe-bottom)}.cf-mobile-sheet--side{width:min(22rem,85vw);max-width:100%;height:100%;max-height:100dvh;max-height:100vh;border-radius:var(--cf-radius-lg) 0 0 var(--cf-radius-lg);padding-right:var(--cf-mobile-safe-right)}.cf-mobile-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-2);padding:var(--cf-space-3);border-bottom:1px solid var(--cf-color-border-subtle);flex:0 0 auto}.cf-mobile-sheet__title{margin:0;font-size:var(--cf-font-size-md);font-weight:var(--cf-font-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-mobile-sheet__close{min-width:44px;min-height:44px;border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-surface);cursor:pointer}.cf-mobile-sheet__body{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:var(--cf-space-3)}.cf-mobile-sheet__body .cf-config-panel{border:none;padding:0;background:transparent}.cf-mobile-view-controls{display:grid;gap:var(--cf-space-4)}.cf-mobile-view-controls__heading{margin:0 0 var(--cf-space-2);font-size:var(--cf-font-size-sm);font-weight:var(--cf-font-weight-semibold)}.cf-mobile-view-controls__grid{display:flex;flex-wrap:wrap;gap:var(--cf-space-2)}.cf-mobile-view-controls__grid button{min-height:44px;min-width:44px;padding:var(--cf-space-2) var(--cf-space-3);border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);font-size:var(--cf-font-size-sm);cursor:pointer}.cf-mobile-view-controls__grid button.is-active{border-color:var(--cf-color-accent);color:var(--cf-color-accent)}.cf-mobile-more-menu{display:grid;gap:var(--cf-space-2)}.cf-mobile-more-menu button{min-height:44px;text-align:left;border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-surface);padding:var(--cf-space-3);cursor:pointer;color:var(--cf-color-text-primary)}.cf-mobile-workspace .cf-config-diagnostics{margin-top:0;max-width:100%;overflow-x:auto}.cf-mobile-workspace .cf-config-diagnostics dd{overflow-wrap:anywhere;word-break:break-word}.cf-page.cf-page--config-mobile{width:100%;max-width:none;padding-block:0;margin-inline:0}.cf-page.cf-page--config-mobile .cf-config-workspace--phone{gap:0}.cf-app-header--compact{flex-wrap:nowrap;min-width:0;gap:var(--cf-space-2);padding-inline:var(--cf-space-3);padding-left:calc(var(--cf-space-3) + env(safe-area-inset-left,0px));padding-right:calc(var(--cf-space-3) + env(safe-area-inset-right,0px))}.cf-app-header--compact .cf-app-brand{font-size:var(--cf-font-size-md)}.cf-app-header-actions{display:flex;align-items:center;gap:var(--cf-space-3);min-width:0}.cf-app-shell:has(.cf-page--config-mobile){overflow-x:hidden}@media(min-width:430px)and (max-width:767px){.cf-mobile-workspace-actions__label{font-size:var(--cf-font-size-sm)}}@media(orientation:landscape)and (max-width:767px){.cf-mobile-workspace{--cf-mobile-header-height: 2.75rem;--cf-mobile-actions-height: 3.25rem}.cf-mobile-workspace-header{padding-top:var(--cf-space-1);padding-bottom:var(--cf-space-1)}.cf-mobile-workspace--landscape .cf-mobile-workspace-actions{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.cf-mobile-sheet,.cf-mobile-sheet-backdrop{transition:none}}.cf-config-workspace{--cf-config-workspace-chrome: 12rem;display:grid;gap:var(--cf-space-4)}.cf-config-workspace__hero{display:grid;gap:var(--cf-space-2)}.cf-config-workspace__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:var(--cf-space-4);align-items:stretch;min-height:calc(100vh - var(--cf-config-workspace-chrome))}.cf-config-canvas-shell{position:relative;display:flex;flex-direction:column;min-height:560px;height:calc(100vh - var(--cf-config-workspace-chrome));border-radius:var(--cf-radius-lg);overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(63,111,92,.12),transparent 45%),linear-gradient(160deg,#f7f8f7,#e8ebe9 55%,#dfe5e1);box-shadow:var(--cf-elevation-1)}.cf-config-canvas-wrap{position:relative;flex:1 1 auto;width:100%;min-height:560px;height:100%}.cf-config-canvas{width:100%;height:100%;min-height:560px}.cf-config-canvas canvas{display:block;width:100%!important;height:100%!important}.cf-config-canvas-overlay{position:absolute;top:var(--cf-space-3);right:var(--cf-space-3);display:flex;gap:var(--cf-space-2);z-index:2;flex-wrap:wrap;max-width:min(420px,70%);justify-content:flex-end}.cf-config-canvas-overlay--dimensions{top:auto;bottom:var(--cf-space-3);right:var(--cf-space-3);left:auto}.cf-config-canvas-overlay button{border:1px solid var(--cf-color-border-subtle);background:#ffffffe6;color:var(--cf-color-text-primary);border-radius:var(--cf-radius-sm);padding:var(--cf-space-1) var(--cf-space-2);font-size:var(--cf-font-size-xs);cursor:pointer}.cf-config-canvas-overlay button.is-active{border-color:var(--cf-color-accent);color:var(--cf-color-accent);background:#fffffffa}.cf-config-canvas-status,.cf-config-canvas-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:var(--cf-space-2);pointer-events:none;color:var(--cf-color-text-secondary);padding:var(--cf-space-4);background:#f4f6f58c}.cf-config-canvas-empty p,.cf-config-canvas-status p{margin:0}.cf-config-canvas-empty__title{font-size:var(--cf-font-size-lg);font-weight:var(--cf-font-weight-semibold);color:var(--cf-color-text-primary)}.cf-config-canvas-empty__action{pointer-events:auto;margin-top:var(--cf-space-2)}.cf-config-canvas-shell__badge{position:absolute;left:var(--cf-space-3);bottom:var(--cf-space-3);padding:var(--cf-space-1) var(--cf-space-2);background:#ffffffd1;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-xs);border-radius:var(--cf-radius-sm)}.cf-config-side{display:grid;gap:var(--cf-space-3);max-height:78vh;overflow:auto}.cf-config-tabs{display:none;gap:var(--cf-space-2);flex-wrap:wrap}.cf-config-tabs button{border:1px solid var(--cf-color-border-subtle);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);border-radius:var(--cf-radius-sm);padding:var(--cf-space-1) var(--cf-space-2);cursor:pointer}.cf-config-tabs button.is-active{border-color:var(--cf-color-accent);color:var(--cf-color-accent)}.cf-config-panel{display:grid;gap:var(--cf-space-3);padding:var(--cf-space-4);background:var(--cf-color-bg-surface);border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-lg)}.cf-config-panel__header h2{margin:0;font-size:var(--cf-font-size-lg);font-weight:var(--cf-font-weight-semibold)}.cf-config-panel__header p{margin:var(--cf-space-1) 0 0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-sm)}.cf-config-field{display:grid;gap:var(--cf-space-1);font-size:var(--cf-font-size-sm)}.cf-config-field span{color:var(--cf-color-text-secondary)}.cf-config-field input,.cf-config-field select,.cf-config-inline input{width:100%;border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);padding:var(--cf-space-2);background:var(--cf-color-white);color:var(--cf-color-text-primary)}.cf-config-inline{display:flex;gap:var(--cf-space-2);align-items:center}.cf-config-panel button,.cf-config-library-list button{border:1px solid var(--cf-color-border-subtle);background:var(--cf-color-bg-muted);color:var(--cf-color-text-primary);border-radius:var(--cf-radius-sm);padding:var(--cf-space-2) var(--cf-space-3);cursor:pointer}.cf-config-panel button:disabled,.cf-config-library-list button:disabled{opacity:.5;cursor:not-allowed}.cf-config-danger{border-color:var(--cf-color-error)!important;color:var(--cf-color-error)!important;background:var(--cf-color-error-bg)!important}.cf-config-muted{color:var(--cf-color-text-muted);font-size:var(--cf-font-size-sm)}.cf-config-warning{color:var(--cf-color-warning);font-size:var(--cf-font-size-sm)}.cf-config-library-list,.cf-config-finding-list,.cf-config-version-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-2)}.cf-config-library-list li{display:flex;justify-content:space-between;gap:var(--cf-space-2);align-items:start;padding:var(--cf-space-2) 0;border-top:1px solid var(--cf-color-border-subtle)}.cf-config-library-list li>div{display:grid;gap:.15rem}.cf-config-library-list strong,.cf-config-version-list strong,.cf-config-finding-list strong{font-size:var(--cf-font-size-sm)}.cf-config-finding-list button,.cf-config-version-list button{width:100%;text-align:left;display:grid;gap:.2rem;background:transparent;border:1px solid transparent}.cf-config-finding--error button{background:var(--cf-color-error-bg)}.cf-config-finding--warning button{background:var(--cf-color-warning-bg)}.cf-config-version-list li.is-active button{border-color:var(--cf-color-accent)}.cf-config-summary-grid{display:grid;gap:var(--cf-space-2);margin:0}.cf-config-summary-grid div{display:grid;gap:.15rem}.cf-config-summary-grid dt{color:var(--cf-color-text-muted);font-size:var(--cf-font-size-xs)}.cf-config-summary-grid dd{margin:0;font-size:var(--cf-font-size-sm)}.cf-config-workspace__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--cf-space-3);flex-wrap:wrap}.cf-config-toolbar{display:flex;gap:var(--cf-space-2);align-items:center;flex-wrap:wrap}.cf-config-toolbar button{border:1px solid var(--cf-color-border-subtle);background:var(--cf-color-bg-surface);color:var(--cf-color-text-primary);border-radius:var(--cf-radius-sm);padding:var(--cf-space-1) var(--cf-space-3);cursor:pointer}.cf-config-toolbar button:disabled{opacity:.5;cursor:not-allowed}.cf-config-primary{border-color:var(--cf-color-accent)!important;background:var(--cf-color-accent)!important;color:var(--cf-color-white)!important}.cf-config-price-chip{display:inline-flex;align-items:center;border-radius:var(--cf-radius-pill, 999px);padding:.15rem .6rem;font-size:var(--cf-font-size-xs);font-weight:var(--cf-font-weight-semibold);border:1px solid var(--cf-color-border-subtle);background:var(--cf-color-bg-muted);color:var(--cf-color-text-secondary);white-space:nowrap}.cf-config-price-chip--current{border-color:var(--cf-color-success, #2f855a);background:var(--cf-color-success-bg, #e6f4ea);color:var(--cf-color-success, #2f855a)}.cf-config-price-chip--stale,.cf-config-price-chip--pending{border-color:var(--cf-color-warning, #b7791f);background:var(--cf-color-warning-bg, #fdf6e3);color:var(--cf-color-warning, #b7791f)}.cf-config-price-chip--failed{border-color:var(--cf-color-error);background:var(--cf-color-error-bg);color:var(--cf-color-error)}.cf-config-price-header{justify-content:space-between}.cf-config-price-hint{margin:0;color:var(--cf-color-warning, #b7791f);font-size:var(--cf-font-size-sm)}.cf-config-price-banner{margin:0;padding:var(--cf-space-2);border-radius:var(--cf-radius-sm);background:var(--cf-color-warning-bg, #fdf6e3);color:var(--cf-color-warning, #b7791f);font-size:var(--cf-font-size-sm)}.cf-config-swatches{display:flex;flex-wrap:wrap;gap:var(--cf-space-2)}.cf-config-swatch{display:inline-flex;align-items:center;gap:var(--cf-space-1);padding:var(--cf-space-1) var(--cf-space-2)!important;border:1px solid var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-surface);cursor:pointer}.cf-config-swatch.is-active{border-color:var(--cf-color-accent);box-shadow:0 0 0 1px var(--cf-color-accent)}.cf-config-swatch__chip{width:1rem;height:1rem;border-radius:var(--cf-radius-sm);border:1px solid var(--cf-color-border-subtle)}.cf-config-swatch__label{font-size:var(--cf-font-size-xs)}.cf-config-appliance h3{margin:0 0 var(--cf-space-2);font-size:var(--cf-font-size-md, 1rem)}.cf-config-appliance__current{justify-content:space-between}.cf-config-appliance-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-2)}.cf-config-appliance-list li{display:flex;justify-content:space-between;align-items:start;gap:var(--cf-space-2);padding:var(--cf-space-2) 0;border-top:1px solid var(--cf-color-border-subtle)}.cf-config-appliance-list li>div{display:grid;gap:.15rem}@media(max-width:960px){.cf-config-workspace__layout{grid-template-columns:1fr}.cf-config-toolbar{width:100%}.cf-config-tabs{display:flex}.cf-config-side{max-height:none}.cf-config-side>.cf-config-panel-slot{display:none}.cf-config-side>.cf-config-panel-slot.is-visible{display:block}.cf-config-workspace__layout{min-height:auto}.cf-config-canvas-shell,.cf-config-canvas-wrap,.cf-config-canvas{min-height:360px;height:auto}.cf-config-canvas-shell{height:min(70vh,560px)}}.cf-config-diagnostics{margin-top:var(--cf-space-3);padding:var(--cf-space-3);border:1px dashed var(--cf-color-border-subtle);border-radius:var(--cf-radius-sm);background:var(--cf-color-bg-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--cf-font-size-xs);color:var(--cf-color-text-secondary)}.cf-config-diagnostics summary{cursor:pointer;color:var(--cf-color-text-primary);font-weight:var(--cf-font-weight-semibold)}.cf-config-diagnostics dl{display:grid;grid-template-columns:max-content 1fr;gap:.15rem var(--cf-space-3);margin:var(--cf-space-2) 0 0}.cf-config-diagnostics dt{color:var(--cf-color-text-muted)}.cf-config-diagnostics dd{margin:0;word-break:break-all}