*{box-sizing:border-box}body{font-feature-settings:"ss01"}body:has(.c4-app){overflow:hidden}:where(a,button,summary,[role=button],[tabindex]):focus-visible{outline:var(--focus-outline);outline-offset:2px;border-radius:var(--r-sm)}:where(input,textarea,select):focus-visible{outline:none;border-color:var(--indigo);box-shadow:var(--focus-ring)}.ic{display:inline-block;vertical-align:middle;flex-shrink:0}.ic-sm{width:12px;height:12px}.ic-md{width:16px;height:16px}.ic-lg{width:20px;height:20px}.ic-xl{width:24px;height:24px}.c4-app{display:flex;flex-direction:column;height:100vh}.c4-top{height:52px;flex-shrink:0;justify-content:space-between;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);gap:16px;z-index:var(--z-topbar)}.c4-top,.c4-top-l,.c4-top-r{display:flex;align-items:center}.c4-top-l,.c4-top-r{gap:10px}.c4-top-div{width:1px;height:22px;background:var(--line-strong)}.aa-logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text)}.aa-logo-text{display:inline-flex;flex-direction:column;line-height:1}.aa-wordmark{font-family:var(--font-sans);font-weight:var(--t-display-weight);letter-spacing:-.02em;font-size:calc(var(--aa-mark-size, 24px) * .92);color:var(--text)}.aa-wordmark-accent{color:var(--logo-accent)}.aa-logo-eyebrow{font-family:var(--font-mono);font-size:max(9px,calc(var(--aa-mark-size, 24px) * .36));letter-spacing:var(--t-eyebrow-tracking);font-weight:var(--t-eyebrow-weight);text-transform:uppercase;color:var(--text-faint);margin-top:var(--space-1)}.aa-logomark-spin{animation:aa-logo-spin 2.4s linear infinite}@keyframes aa-logo-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.aa-logomark-spin{animation:aa-logo-pulse 1.8s ease-in-out infinite}@keyframes aa-logo-pulse{0%,to{opacity:1}50%{opacity:.45}}}.c4-crumbs{display:flex;align-items:center;gap:4px}.c4-crumb{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:transparent;border:0;padding:4px 8px;font-size:13px;color:var(--text-muted);border-radius:var(--r-sm);letter-spacing:-.01em;font-weight:500;transition:all .15s ease}.c4-crumb:not(.cur):not(.dis):hover{background:var(--surface-2);color:var(--text)}.c4-crumb.cur{color:var(--text);font-weight:700}.c4-crumb.dis{color:var(--text-faint);cursor:default}.c4-crumb-lv{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;background:var(--surface-3);color:var(--text-faint);padding:1px 4px;border-radius:2px}.c4-crumb.cur .c4-crumb-lv{background:var(--indigo-soft);color:var(--indigo)}.c4-crumb-sep{color:var(--text-faint);font-size:14px}.c4-zoom{gap:2px;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:2px;background:var(--surface)}.c4-icbtn,.c4-zoom{display:flex;align-items:center}.c4-icbtn{width:24px;height:24px;border:0;background:transparent;border-radius:var(--r-sm);font-size:16px;color:var(--text-muted);justify-content:center;line-height:1}.c4-icbtn:hover{background:var(--surface-2);color:var(--text)}.c4-zoom-val{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:38px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.c4-tbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:12.5px;font-weight:600;letter-spacing:-.01em;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--text);transition:all .15s ease;position:relative}.c4-tbtn:hover{background:var(--surface-2)}.c4-tbtn.on{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-soft)}.c4-tbtn.primary{background:var(--indigo);color:var(--paper);border-color:var(--indigo)}.c4-tbtn.primary:hover{background:var(--indigo-deep)}.c4-lint-badge{background:var(--warning);color:var(--ink);font-family:var(--font-mono);font-size:9px;font-weight:600;border-radius:999px;padding:1px 5px;margin-left:2px}.c4-export-wrap{position:relative}.c4-menu{position:absolute;top:38px;right:0;z-index:var(--z-menu);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:5px;min-width:220px}.c4-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;border-radius:var(--r-sm);font-size:13px;color:var(--text);text-align:left;letter-spacing:-.01em}.c4-menu-item:hover{background:var(--surface-2)}.c4-menu-item .ic{color:var(--text-muted)}.c4-menu-meta{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.c4-menu-sep{height:1px;background:var(--line-strong);margin:5px 4px}.c4-body{flex:1 1;display:flex;min-height:0}.c4-stage{flex:1 1;position:relative;overflow:hidden;background:var(--bg)}.c4-viewport{position:absolute;inset:0;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none}.c4-viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.c4-inner{transform-origin:0 0}.c4-edges,.c4-inner{position:absolute;top:0;left:0}.c4-edges{overflow:visible;pointer-events:none}.c4-edges .c4edge,.c4-elabel{pointer-events:auto}.c4-elabel{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:var(--bg);padding:1px 6px;border-radius:var(--r-sm);cursor:pointer;max-width:200px}.c4-elabel-txt{font-size:11px;font-weight:600;color:var(--text);letter-spacing:-.01em}.c4-elabel-tech{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.02em}.c4-elabel.sel{background:var(--indigo-soft);box-shadow:0 0 0 1px var(--indigo)}.c4-elabel.sel .c4-elabel-txt{color:var(--indigo-text)}.c4node{position:absolute;background:var(--surface);border:1.5px solid var(--steel);border-radius:var(--r-md);box-shadow:var(--shadow-sm);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;overflow:visible;transition:box-shadow .15s ease}.c4node:hover{box-shadow:var(--shadow-md)}.c4node.sel{box-shadow:0 0 0 2px var(--indigo),var(--shadow-md)}.c4node-bar{position:absolute;top:0;left:0;width:3px;height:100%;border-radius:var(--r-md) 0 0 var(--r-md)}.c4node-in{padding:9px 14px 0 15px;flex:1 1;overflow:hidden;flex-direction:column}.c4node-in,.c4node-logo{min-height:0;display:flex}.c4node-logo{position:relative;width:100%;align-items:center;justify-content:center;margin-bottom:6px;overflow:visible}.c4node-logo-svg{max-width:100%;max-height:100%;display:block}.c4node-logo-handle{position:absolute;bottom:calc(-5px / var(--zoom, 1));left:50%;transform:translateX(-50%);width:calc(26px / var(--zoom, 1));height:calc(8px / var(--zoom, 1));border-radius:calc(4px / var(--zoom, 1));background:var(--indigo);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--surface);cursor:ns-resize;z-index:5}.c4node-header-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;min-height:0}.c4node-header-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.c4node-header-text .c4node-title{margin-bottom:0}.c4node-logo-side{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:visible}.c4node-logo-handle-x{position:absolute;top:50%;transform:translateY(-50%);width:calc(8px / var(--zoom, 1));height:calc(26px / var(--zoom, 1));border-radius:calc(4px / var(--zoom, 1));background:var(--indigo);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--surface);cursor:ew-resize;z-index:5}.c4node-logo-handle-x.on-right{right:calc(-5px / var(--zoom, 1))}.c4node-logo-handle-x.on-left{left:calc(-5px / var(--zoom, 1))}.c4node-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.c4node-type{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c4node-title{font-weight:700;font-size:15px;letter-spacing:-.02em;line-height:1.15;margin-bottom:3px}.c4node-desc{font-size:12px;line-height:1.35;color:var(--text-muted);flex:1 1 auto;min-height:0;overflow:hidden;white-space:pre-wrap;word-break:break-word}.c4node-foot{display:flex;align-items:center;gap:6px;padding:6px 12px 8px 15px}.c4node-tech{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.02em;background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);padding:1px 6px;border-radius:var(--r-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c4-drill{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;letter-spacing:-.01em;color:var(--indigo);background:var(--indigo-soft);border:0;border-radius:var(--r-sm);padding:3px 7px;white-space:nowrap}.c4-drill:hover{background:color-mix(in oklab,var(--indigo) 18%,var(--surface))}.c4-drill .ic{width:11px;height:11px}.c4-handle{--hit:calc(var(--canvas-handle-hit) / var(--zoom, 1));--dot:calc(var(--canvas-handle) / var(--zoom, 1));position:absolute;width:var(--hit);height:var(--hit);display:grid;place-items:center;background:transparent;border:0;z-index:5;pointer-events:auto}.c4-handle:after{content:"";width:var(--dot);height:var(--dot);background:var(--surface);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--indigo);border-radius:calc(2px / var(--zoom, 1));box-shadow:var(--shadow-sm)}.h-nw{left:calc(var(--hit) * -.5);cursor:nwse-resize}.h-ne,.h-nw{top:calc(var(--hit) * -.5)}.h-ne{cursor:nesw-resize}.h-ne,.h-se{right:calc(var(--hit) * -.5)}.h-se{cursor:nwse-resize}.h-se,.h-sw{bottom:calc(var(--hit) * -.5)}.h-sw{left:calc(var(--hit) * -.5);cursor:nesw-resize}.c4node-clip{position:absolute;bottom:calc(3px / var(--zoom, 1));right:calc(3px / var(--zoom, 1));width:calc(15px / var(--zoom, 1));height:calc(15px / var(--zoom, 1));display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--text-muted);box-shadow:0 0 0 calc(1px / var(--zoom, 1)) var(--line-strong);opacity:.75;z-index:3;transition:opacity .12s ease,color .12s ease,box-shadow .12s ease}.c4node.sel .c4node-clip,.c4node:hover .c4node-clip{opacity:1;color:var(--warning-text);box-shadow:0 0 0 calc(1px / var(--zoom, 1)) color-mix(in oklab,var(--warning) 45%,transparent)}.c4node-clip svg{width:calc(10px / var(--zoom, 1));height:calc(10px / var(--zoom, 1));display:block}.c4node-in.is-clipped{position:relative}.c4node-in.is-clipped:after{content:"";left:0;right:0;bottom:0;height:calc(20px / var(--zoom, 1));background:linear-gradient(to bottom,transparent,var(--node-bg,var(--surface)))}.c4bound,.c4node-in.is-clipped:after{position:absolute;pointer-events:none}.c4bound{border:1.5px dashed var(--line-strong);border-radius:var(--r-md);background:var(--overlay-subtle)}.c4bound.sel{border-color:var(--indigo);background:var(--overlay-tint)}.c4bound-tab{position:absolute;top:-1px;left:-1px;display:inline-flex;align-items:baseline;gap:8px;background:var(--surface);border:1.5px dashed var(--line-strong);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;padding:5px 12px;transform:translateY(-100%);pointer-events:auto;cursor:-webkit-grab;cursor:grab}.c4bound.sel .c4bound-tab{border-color:var(--indigo)}.c4bound-title{font-weight:700;font-size:12.5px;letter-spacing:-.01em}.c4bound-kind{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.c4-legend{position:absolute;width:188px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:12px 14px;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4-legend-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:12px;letter-spacing:-.01em;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.c4-legend-auto{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:var(--text-faint);background:var(--surface-3);padding:1px 4px;border-radius:2px}.c4-legend-row{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--text-muted);padding:3px 0;letter-spacing:-.01em}.c4-legend-sw{border:1.5px solid;border-radius:2px}.c4-legend-bound,.c4-legend-sw{width:18px;height:13px;flex-shrink:0}.c4-legend-bound{border:1.5px dashed var(--line-strong);border-radius:2px}.c4-statusbar{position:absolute;bottom:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:10px;padding:0 14px;background:color-mix(in oklab,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);z-index:var(--z-statusbar)}.c4-status-title{font-weight:700;font-size:12px;letter-spacing:-.01em}.c4-status-sub{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.c4-status-sp{flex:1 1}.c4-status-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em}.c4-status-hint{font-size:11px;color:var(--text-faint);letter-spacing:-.01em}.c4-palette{position:absolute;top:16px;left:16px;width:210px;z-index:var(--z-canvas-overlay);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);overflow:hidden}.c4-palette.collapsed{width:auto}.c4-palette-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line)}.c4-palette.collapsed .c4-palette-head{border-bottom:0}.c4-palette-title{font-weight:700;font-size:12.5px;letter-spacing:-.01em}.c4-palette-tog{width:24px;height:24px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.c4-palette-tog:hover{background:var(--surface-2);color:var(--text)}.c4-palette-body{padding:8px;max-height:calc(100vh - 200px);overflow-y:auto}.c4-palette-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:2px 6px 6px}.c4-pal-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);text-align:left;transition:all .12s ease;margin-bottom:1px}.c4-pal-item:hover{background:var(--surface-2);border-color:var(--line)}.c4-pal-ic{width:30px;height:30px;flex-shrink:0;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.c4-pal-txt{display:flex;flex-direction:column;min-width:0}.c4-pal-label{font-size:12.5px;font-weight:600;letter-spacing:-.01em}.c4-pal-hint{font-size:10.5px;color:var(--text-faint);letter-spacing:-.01em}.c4-inspector{width:304px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--line);overflow-y:auto;padding:16px 18px 60px}.insp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.insp-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo);font-weight:600}.insp-del{width:28px;height:28px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center}.insp-del:hover{color:var(--critical);border-color:var(--critical);background:var(--critical-bg)}.insp-sec{padding:14px 0;border-bottom:1px solid var(--line)}.insp-sec:last-child{border-bottom:0}.insp-sectitle{font-weight:700;font-size:12px;letter-spacing:-.01em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.insp-sectag{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-3);padding:1px 5px;border-radius:2px;font-weight:500}.insp-field{margin-bottom:11px}.insp-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:-.005em;margin-bottom:5px}.insp-hint{font-size:10.5px;color:var(--text-faint);line-height:1.4;margin-top:4px}.insp-row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.insp-typo-row{display:flex;flex-direction:column;gap:6px}.insp-numinput{position:relative;display:flex;align-items:center}.insp-numinput-input{padding-right:28px}.insp-numinput-suffix{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);pointer-events:none;letter-spacing:.05em;text-transform:uppercase}.insp-input{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:7px 10px;font-family:inherit;font-size:12.5px;color:var(--text);letter-spacing:-.005em}.insp-input:focus{outline:none;border-color:var(--indigo);box-shadow:var(--focus-ring)}.insp-area{resize:vertical;line-height:1.45}.insp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6e76' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}.insp-seg{display:flex;border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden}.insp-seg-btn{flex:1 1;padding:6px 4px;font-size:11.5px;font-weight:600;background:var(--surface);border:0;border-right:1px solid var(--line);color:var(--text-muted);letter-spacing:-.01em}.insp-seg-btn:last-child{border-right:0}.insp-seg-btn:hover{background:var(--surface-2)}.insp-seg-btn.on{background:var(--indigo);color:var(--paper)}.insp-seg-btn:disabled{opacity:.4;cursor:not-allowed}.insp-seg-btn:disabled:hover{background:var(--surface)}.insp-zrow .insp-seg-btn{padding:7px 4px}.insp-colors{display:flex;flex-wrap:wrap;gap:5px}.insp-sw{width:22px;height:22px;border-radius:var(--r-sm);border:1px solid var(--line-strong);cursor:pointer;padding:0;position:relative}.insp-sw.on{box-shadow:0 0 0 2px var(--indigo);border-color:var(--indigo)}.insp-sw-custom{display:flex;align-items:center;justify-content:center;overflow:hidden;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.insp-sw-custom input{opacity:0;width:100%;height:100%;cursor:pointer}.insp-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.insp-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;background:var(--surface-3);color:var(--text-muted);padding:2px 4px 2px 8px;border-radius:var(--r-sm);cursor:pointer;letter-spacing:-.01em}.insp-tag:hover{color:var(--critical)}.insp-tag .ic{width:10px;height:10px}.insp-tag-input{flex:1 1;min-width:60px;border:0;background:transparent;font-family:inherit;font-size:11.5px;color:var(--text);padding:3px 4px}.insp-tag-input:focus{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}.insp-links{display:flex;flex-direction:column;gap:5px}.insp-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--indigo);letter-spacing:-.01em}.insp-link:hover{text-decoration:underline}.insp-empty{font-size:11.5px;color:var(--text-faint)}.insp-drill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:10px;background:var(--indigo);color:var(--paper);border:0;border-radius:var(--r-md);font-size:13px;font-weight:600;letter-spacing:-.01em}.insp-drill:hover{background:var(--indigo-deep)}.insp-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.insp-meta dt{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:3px}.insp-meta dd{font-size:15px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.insp-styleset{padding:9px 0;border-bottom:1px solid var(--line)}.insp-styleset:last-child{border-bottom:0}.insp-styleset-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.insp-styleset-name{font-size:12.5px;font-weight:600;letter-spacing:-.01em}.insp-styleset-count{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.04em}.insp-styleset-swrow{display:flex;gap:6px;align-items:center}.insp-mini-sw{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--line-strong);cursor:pointer;overflow:hidden;flex-shrink:0}.insp-mini-sw input{opacity:0;width:100%;height:100%;cursor:pointer}.insp-mini-sel{flex:1 1;padding:5px 8px;font-size:11.5px}.insp-lint-ok{align-items:center;font-size:12px;color:var(--healthy-text);background:var(--healthy-bg);padding:9px 11px;border-radius:var(--r-md)}.insp-lint,.insp-lint-ok{display:flex;gap:8px;letter-spacing:-.01em}.insp-lint{align-items:flex-start;width:100%;text-align:left;padding:8px 10px;margin-bottom:6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:11.5px;line-height:1.4;color:var(--text)}.insp-lint:hover{border-color:var(--line-strong);background:var(--surface-2)}.insp-lint .ic{flex-shrink:0;margin-top:1px}.insp-lint.l-warn{--c:var(--warning-text)}.insp-lint.l-warn .ic{color:var(--warning)}.insp-lint.l-info .ic{color:var(--neutral)}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 0}.toggle .toggle-track{position:relative;width:30px;height:16px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-2);transition:background .15s ease,border-color .15s ease}.toggle .toggle-track:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform .15s ease,background .15s ease}.toggle.on .toggle-track{background:var(--indigo);border-color:var(--indigo)}.toggle.on .toggle-track:after{transform:translateX(14px);background:var(--paper)}.toggle .toggle-label{font-size:12px;font-weight:500;color:var(--text);letter-spacing:-.01em}.c4-guide{position:absolute;pointer-events:none;z-index:7;background:var(--indigo);opacity:.55}.c4-guide.v{width:1px}.c4-guide.h{height:1px}.c4-guide.dashed.v{width:0;border-left:1px dashed var(--indigo);background:transparent}.c4-guide.dashed.h{height:0;border-top:1px dashed var(--indigo);background:transparent}.c4-marquee{position:absolute;pointer-events:none;z-index:6;border:1px dashed var(--indigo);background:color-mix(in oklab,var(--indigo) 8%,transparent)}.c4-align-toolbar{position:absolute;z-index:var(--z-canvas-overlay);display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.c4-align-btn{width:28px;height:28px;padding:0;border:0;background:transparent;border-radius:var(--r-sm);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.c4-align-btn:hover{background:var(--surface-2);color:var(--text)}.c4-align-btn:active{background:var(--indigo-soft);color:var(--indigo)}.c4-align-btn:disabled{color:var(--text-faint);cursor:not-allowed;background:transparent}.c4-align-div{width:1px;height:16px;background:var(--line-strong);margin:0 4px;flex-shrink:0}.c4-cmdk-backdrop{position:fixed;inset:0;z-index:var(--z-cmdk);background:var(--scrim-soft);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.c4-cmdk{width:min(520px,calc(100vw - 32px));border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow:hidden}.c4-cmdk,.c4-cmdk-input{background:var(--surface)}.c4-cmdk-input{width:100%;border:0;outline:0;padding:14px 16px;font-family:inherit;font-size:14px;color:var(--text);border-bottom:1px solid var(--line);letter-spacing:-.01em}.c4-cmdk-list{max-height:320px;overflow-y:auto;padding:4px}.c4-cmdk-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;background:transparent;border-radius:var(--r-sm);text-align:left;font-size:13px;color:var(--text);letter-spacing:-.01em}.c4-cmdk-row.sel,.c4-cmdk-row:hover{background:var(--surface-2)}.c4-cmdk-row .c4-cmdk-meta{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.c4-cmdk-empty{padding:20px;text-align:center;font-size:12px;color:var(--text-faint)}.type-combo-panel{position:fixed;z-index:var(--z-menu);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;padding:4px}.type-combo-list,.type-combo-list ul{list-style:none;margin:0;padding:0}.type-combo-grp+.type-combo-grp{margin-top:2px}.type-combo-grp-label{padding:6px 10px 2px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.type-combo-row{display:flex;align-items:baseline;gap:10px;padding:6px 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--text)}.type-combo-row.is-active{background:var(--surface-2)}.type-combo-val{font-family:var(--font-mono);font-size:12px}.type-combo-note{margin-left:auto;font-size:10.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.type-combo-empty{padding:12px 14px;font-size:11.5px;color:var(--text-faint);line-height:1.4}.c4-save{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:0 8px}.c4-save .dot{width:6px;height:6px;border-radius:50%;background:var(--healthy)}.c4-save.saving .dot{background:var(--warning);animation:c4-pulse 1s ease-in-out infinite}.c4-save.error .dot{background:var(--critical)}.c4-save.dirty .dot{background:var(--anomaly)}.c4-save.dirty{color:var(--anomaly-text)}@keyframes c4-pulse{0%,to{opacity:1}50%{opacity:.4}}.c4-page{max-width:1200px;margin:0 auto;padding:56px 48px;min-height:100%;position:relative;z-index:1}.c4-dots-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.c4-dots-layer{position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in oklab,var(--ink) 18%,transparent) 1px,transparent 1.4px);background-size:24px 24px;background-position:0 0;z-index:2}.c4-dots-b{background-position:12px 12px;background-image:radial-gradient(circle,color-mix(in oklab,var(--indigo) 14%,transparent) 1px,transparent 1.4px)}.c4-dots-aurora{position:absolute;inset:0;z-index:1;overflow:hidden}.c4-blob{position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}.c4-blob-a{top:-20vw;left:-15vw;background:radial-gradient(circle,color-mix(in oklab,var(--indigo) 70%,transparent) 0,transparent 65%);animation:c4-blob-drift-a 32s ease-in-out infinite alternate}.c4-blob-b{bottom:-25vw;right:-15vw;background:radial-gradient(circle,color-mix(in oklab,var(--anomaly) 60%,transparent) 0,transparent 65%);animation:c4-blob-drift-b 44s ease-in-out infinite alternate}.c4-blob-c{top:25vh;left:35vw;width:45vw;height:45vw;background:radial-gradient(circle,color-mix(in oklab,var(--healthy) 50%,transparent) 0,transparent 60%);animation:c4-blob-drift-c 56s ease-in-out infinite alternate-reverse;opacity:.4}@keyframes c4-blob-drift-a{0%{transform:translate(0) scale(1)}50%{transform:translate(35vw,25vh) scale(1.15)}to{transform:translate(10vw,50vh) scale(.9)}}@keyframes c4-blob-drift-b{0%{transform:translate(0) scale(1)}50%{transform:translate(-30vw,-20vh) scale(1.1)}to{transform:translate(-15vw,-45vh) scale(.95)}}@keyframes c4-blob-drift-c{0%{transform:translate(0) scale(1)}to{transform:translate(-25vw,30vh) scale(1.2)}}@media (prefers-reduced-motion:reduce){.c4-blob{animation:none;opacity:.32}}.c4-page-brand{display:flex;align-items:center;margin-bottom:var(--space-6)}.c4-page-brand a{display:inline-flex;border-radius:var(--r-sm)}.c4-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.c4-page-title{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.c4-page-sub{color:var(--text-muted);margin-top:6px;font-size:14px;letter-spacing:-.01em}.c4-page-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;background:var(--indigo);color:var(--paper);border:0;border-radius:var(--r-md);letter-spacing:-.01em}.c4-page-cta:hover{background:var(--indigo-deep)}.c4-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.c4-card{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);transition:box-shadow .15s ease,border-color .15s ease;text-align:left}.c4-card:hover{box-shadow:var(--shadow-md);border-color:var(--indigo)}.c4-card-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.c4-card-title{font-size:16px;font-weight:700;letter-spacing:-.02em}.c4-card-sub{font-size:12.5px;color:var(--text-muted);letter-spacing:-.01em;line-height:1.45}.c4-card-meta{margin-top:auto;padding-top:12px;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em}.c4-card-wrap{position:relative;display:flex}.c4-card-wrap>.c4-card{flex:1 1;min-width:0}.c4-card.archived{opacity:.62}.c4-card.archived:hover{opacity:1}.c4-card-actions{position:absolute;top:10px;right:10px;z-index:5}.c4-card-kebab{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;transition:all .15s ease}.c4-card-wrap:hover .c4-card-kebab{color:var(--text)}.c4-card-kebab:hover{background:var(--surface-2);border-color:var(--line-strong)}.c4-card-menu{top:32px;min-width:168px}.c4-menu-item.danger{color:var(--critical-text)}.c4-menu-item.danger:hover{background:var(--critical-bg)}.c4-dlg-text{font-size:13px;color:var(--text);line-height:1.5;margin:0 0 14px}.c4-tbtn.danger{background:var(--critical);color:var(--paper);border-color:var(--critical)}.c4-tbtn.danger:hover{filter:brightness(.93)}.c4-tbtn.danger:disabled,.c4-tbtn:disabled{opacity:.5;cursor:not-allowed}.c4-archived{margin-top:40px}.c4-archived-summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-weight:500;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4-archived-summary::-webkit-details-marker{display:none}.c4-archived-summary:before{content:"▸";font-size:11px}.c4-archived[open]>.c4-archived-summary:before{content:"▾"}.c4-archived-summary:hover{color:var(--text-muted)}.c4-section{margin-top:36px}.c4-section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.c4-section-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.c4-section-title{font-size:18px;font-weight:700;letter-spacing:-.02em}.c4-thumb{height:120px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.c4-thumb svg{width:100%;height:100%;display:block}.c4-breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted);margin-bottom:12px}.c4-breadcrumbs a:hover{color:var(--text)}.c4-breadcrumbs .sep{color:var(--text-faint)}.c4-empty{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:36px 24px;text-align:center;background:var(--surface)}.c4-empty-glyph{display:inline-flex;color:var(--text-faint);margin-bottom:var(--space-4)}.c4-empty-title{font-weight:700;font-size:14px;letter-spacing:-.01em;margin-bottom:6px}.c4-empty-sub{font-size:var(--t-control-size);color:var(--text-muted)}.c4-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);pointer-events:none;text-align:center;padding:var(--space-6)}.c4-canvas-empty-title{margin:0;font-size:var(--t-h3-size);font-weight:var(--t-h3-weight);letter-spacing:var(--t-h3-tracking);color:var(--text-muted)}.c4-canvas-empty-sub{margin:0;max-width:320px;line-height:1.5;font-size:var(--t-ui-size);color:var(--text-faint);letter-spacing:-.01em}.c4-spin{display:inline-block;width:12px;height:12px;border:1.5px solid color-mix(in oklab,var(--paper) 40%,transparent);border-top-color:var(--paper);border-radius:50%;animation:c4-dsl-spin .7s linear infinite}@media (prefers-reduced-motion:reduce){.c4-spin{animation-duration:1.4s}}.c4-auth{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.c4-auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);text-align:center}.c4-auth-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.c4-auth-title{font-size:var(--t-h2-size);font-weight:var(--t-h2-weight);letter-spacing:var(--t-h2-tracking)}.c4-auth-sub{color:var(--text-muted);font-size:14px;letter-spacing:-.01em;margin-top:var(--space-1);margin-bottom:var(--space-6)}.c4-auth-form{gap:var(--space-3);text-align:left}.c4-auth-field,.c4-auth-form{display:flex;flex-direction:column}.c4-auth-field{gap:var(--space-1)}.c4-auth-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:-.01em}.c4-auth-input{padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-md)}.c4-auth-input:focus{outline:none;border-color:var(--indigo);box-shadow:var(--focus-ring)}.c4-auth-submit{justify-content:center;width:100%;margin-top:var(--space-2)}.c4-auth-note{margin-top:var(--space-5);font-size:11.5px;color:var(--text-faint);line-height:1.5}.c4-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-faint)}.c4-loading-label{font-family:var(--font-mono);font-size:var(--t-mono-size);letter-spacing:var(--t-eyebrow-tracking);text-transform:uppercase;color:var(--text-faint)}.c4-drag-ghost{position:fixed;pointer-events:none;z-index:var(--z-drag-ghost);padding:8px 12px;background:var(--surface);border:1.5px solid var(--indigo);border-radius:var(--r-md);box-shadow:var(--shadow-md);font-size:12px;font-weight:600;letter-spacing:-.01em}.insp-lint-ok .ic{color:var(--healthy)}.c4-dsl-backdrop{position:fixed;inset:0;z-index:var(--z-import);background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px}.c4-dsl-modal{width:min(640px,calc(100vw - 32px));max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow:hidden}.c4-dsl-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.c4-dsl-title{font-size:15px;font-weight:700;letter-spacing:-.02em;margin:0}.c4-dsl-close{width:28px;height:28px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.c4-dsl-close:hover{background:var(--surface-2);color:var(--text)}.c4-dsl-close:disabled{opacity:.4;cursor:not-allowed}.c4-dsl-body{padding:16px 18px;overflow-y:auto;flex:1 1;min-height:0;display:flex;flex-direction:column;gap:12px}.c4-dsl-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2);flex-shrink:0}.c4-dsl-foot-spacer{flex:1 1}.c4-dsl-field{display:flex;flex-direction:column;gap:5px}.c4-dsl-label{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:-.005em}.c4-dsl-area{font-family:var(--font-mono);font-size:12px;line-height:1.5;min-height:240px}.c4-dsl-file{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:26px;padding:0 10px;font-size:11.5px;font-weight:600;letter-spacing:-.01em;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text-muted)}.c4-dsl-file:hover{background:var(--surface-2);color:var(--text)}.c4-dsl-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.c4-dsl-summary-item{display:flex;flex-direction:column;gap:3px}.c4-dsl-summary-k{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.c4-dsl-summary-v{font-size:18px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.c4-dsl-banner{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);font-size:12px;letter-spacing:-.01em}.c4-dsl-banner.err{background:var(--critical-bg);color:var(--critical-text);border:1px solid color-mix(in oklab,var(--critical) 30%,transparent)}.c4-dsl-banner.ok{background:var(--healthy-bg);color:var(--healthy-text);border:1px solid color-mix(in oklab,var(--healthy) 30%,transparent)}.c4-dsl-diags{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin:0;list-style:none}.c4-dsl-diag{display:flex;align-items:flex-start;gap:9px;padding:7px 10px;font-size:12px;line-height:1.4;color:var(--text);letter-spacing:-.01em;border-radius:var(--r-sm)}.c4-dsl-diag:hover{background:var(--surface-2)}.c4-dsl-diag-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.c4-dsl-diag.error .c4-dsl-diag-dot{background:var(--critical)}.c4-dsl-diag.warn .c4-dsl-diag-dot{background:var(--warning)}.c4-dsl-diag.info .c4-dsl-diag-dot{background:var(--neutral)}.c4-dsl-diag-line{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.02em;flex-shrink:0;margin-top:1px}.c4-dsl-diag-msg{flex:1 1;min-width:0}.c4-dsl-success{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid color-mix(in oklab,var(--healthy) 25%,transparent);background:var(--healthy-bg);border-radius:var(--r-md)}.c4-dsl-success-title{font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--healthy-text)}.c4-dsl-success-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.c4-dsl-success-list a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--indigo);letter-spacing:-.01em}.c4-dsl-success-list a:hover{text-decoration:underline}.c4-dsl-empty{font-size:11.5px;color:var(--text-faint);padding:8px 4px}.c4-dsl-spin{width:12px;height:12px;border:1.5px solid color-mix(in oklab,var(--paper) 40%,transparent);border-top-color:var(--paper);border-radius:50%;animation:c4-dsl-spin .7s linear infinite;display:inline-block}@keyframes c4-dsl-spin{to{transform:rotate(1turn)}}.c4-history{position:fixed;top:52px;right:0;bottom:0;width:360px;background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:var(--z-drawer)}.c4-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.c4-history-eyebrow{margin-bottom:4px}.c4-history-title{font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--text)}.c4-history-close{width:28px;height:28px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.c4-history-close:hover{background:var(--surface-2);color:var(--text);border-color:var(--line-strong)}.c4-history-body{flex:1 1;overflow-y:auto;padding:6px 0 24px}.c4-history-loading{padding:16px;color:var(--text-faint)}.c4-history-empty{margin:16px;padding:24px 16px;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface);text-align:center}.c4-history-empty-title{font-weight:700;font-size:13px;letter-spacing:-.01em;margin-bottom:4px;color:var(--text)}.c4-history-empty-sub{font-size:12px;color:var(--text-muted);letter-spacing:-.01em}.c4-history-list{list-style:none;margin:0;padding:0}.c4-history-row{position:relative;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:transparent;transition:background .12s ease}.c4-history-row:hover{background:var(--surface-2)}.c4-history-row.sel{background:var(--indigo-soft);border-left-color:var(--indigo)}.c4-history-row-trigger{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;padding:10px 14px 10px 13px;border:0;background:transparent;text-align:left;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}.c4-history-row-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--text-faint)}.c4-history-row.sel .c4-history-row-eyebrow{color:var(--indigo)}.c4-history-vn{font-weight:600}.c4-history-dot{opacity:.5}.c4-history-when{letter-spacing:.12em}.c4-history-row-label{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.3}.c4-history-row-author{font-size:11.5px;color:var(--text-muted);letter-spacing:-.005em}.c4-history-actions{display:flex;align-items:center;gap:6px;padding:0 14px 12px 13px}.c4-history-confirm{padding:8px 14px 12px 13px;display:flex;flex-direction:column;gap:8px}.c4-history-confirm-msg{font-size:12px;color:var(--text-muted);line-height:1.4;letter-spacing:-.005em}.c4-history-confirm .c4-history-actions{padding:0;flex-wrap:wrap}.c4-history-btn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:-.01em;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);transition:all .12s ease}.c4-history-btn:hover:not(:disabled){background:var(--surface-2)}.c4-history-btn:disabled{opacity:.5;cursor:not-allowed}.c4-history-btn.primary{background:var(--indigo);border-color:var(--indigo);color:var(--paper)}.c4-history-btn.primary:hover:not(:disabled){background:var(--indigo-deep);border-color:var(--indigo-deep)}.c4-dlg-backdrop{position:fixed;inset:0;z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:24px}.c4-dlg{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh}.c4-dlg-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.c4-dlg-title{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.c4-dlg-close{width:28px;height:28px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer}.c4-dlg-close:hover{background:var(--surface-2);color:var(--text)}.c4-dlg-body{padding:16px 18px;overflow-y:auto}.c4-dlg-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--line)}.c4-conn{--hit:calc(var(--canvas-handle-hit) / var(--zoom, 1));--dot:calc(var(--canvas-handle) / var(--zoom, 1));position:absolute;width:var(--hit);height:var(--hit);display:grid;place-items:center;background:transparent;border:0;opacity:0;cursor:crosshair;transition:opacity .12s ease;z-index:4;pointer-events:auto}.c4-conn:after{content:"";width:var(--dot);height:var(--dot);background:var(--surface);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--indigo);border-radius:50%;transition:transform .12s ease,background .12s ease}.c4bound:hover>.c4-conn,.c4node:hover .c4-conn{opacity:1}.c4-conn:hover:after{background:var(--indigo);transform:scale(1.3)}.c4-conn-top{top:calc(var(--hit) * -.5)}.c4-conn-bottom,.c4-conn-top{left:50%;transform:translateX(-50%)}.c4-conn-bottom{bottom:calc(var(--hit) * -.5)}.c4-conn-left{left:calc(var(--hit) * -.5)}.c4-conn-left,.c4-conn-right{top:50%;transform:translateY(-50%)}.c4-conn-right{right:calc(var(--hit) * -.5)}.c4-anchor{--hit:calc(var(--canvas-handle-hit) / var(--zoom, 1));--dot:calc(var(--canvas-handle) / var(--zoom, 1));position:absolute;width:var(--hit);height:var(--hit);display:grid;place-items:center;background:transparent;border:0;opacity:0;cursor:crosshair;transition:opacity .12s ease;z-index:5;pointer-events:auto}.c4-anchor:after{content:"";width:var(--dot);height:var(--dot);background:var(--indigo);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--surface);border-radius:50%;box-shadow:0 0 0 calc(1px / var(--zoom, 1)) var(--indigo);transition:transform .12s ease,background .12s ease}.c4node:hover .c4-anchor{opacity:1}.c4-anchor:hover:after{background:var(--indigo-deep);transform:scale(1.15)}.c4-inner.anchor-mode .c4-anchor{opacity:1;cursor:-webkit-grab;cursor:grab}.c4-inner.anchor-mode .c4-anchor:after{width:calc((var(--canvas-handle) + 3px) / var(--zoom, 1));height:calc((var(--canvas-handle) + 3px) / var(--zoom, 1))}.c4-inner.anchor-mode .c4-anchor:active{cursor:-webkit-grabbing;cursor:grabbing}.c4-inner.anchor-mode,.c4-inner.anchor-mode .c4node,.erd-col-handle{cursor:crosshair}.erd-col-handle{--hit:calc(var(--canvas-handle-hit) / var(--zoom, 1));--dot:calc(var(--canvas-handle) / var(--zoom, 1));position:absolute;top:50%;width:var(--hit);height:var(--hit);display:grid;align-items:center;background:transparent;border:0;opacity:0;pointer-events:none;z-index:2}.erd-col-handle:after{content:"";width:var(--dot);height:var(--dot);background:var(--surface);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--indigo);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .12s ease,background .12s ease}.erd-col-handle.left{left:0;justify-items:start;transform:translateY(-50%)}.erd-col-handle.right{right:0;justify-items:end;transform:translateY(-50%)}.erd-col-row:hover .erd-col-handle{opacity:1;pointer-events:auto}.erd-col-handle:hover:after{background:var(--indigo);transform:scale(1.25)}.erd-col-row{transition:background .12s ease;cursor:pointer}.erd-col-row:hover{background:color-mix(in oklab,var(--indigo) 5%,transparent)}.erd-col-row.hl{background:color-mix(in oklab,var(--indigo) 10%,transparent)}.erd-col-row.pinned{background:color-mix(in oklab,var(--indigo) 16%,transparent);box-shadow:inset 2px 0 0 var(--indigo)}.erd-add-col{position:absolute;z-index:var(--z-canvas-overlay);box-shadow:var(--shadow-md);white-space:nowrap}.c4-edge-control,.c4-edge-endpoint,.c4-edge-handle{--hit:calc(var(--canvas-handle-hit) / var(--zoom, 1));--dot:calc(var(--canvas-handle) / var(--zoom, 1));position:absolute;width:var(--hit);height:var(--hit);display:grid;place-items:center;background:transparent;border:0;transform:translate(-50%,-50%);z-index:6;pointer-events:auto;cursor:-webkit-grab;cursor:grab}.c4-edge-control:after,.c4-edge-endpoint:after,.c4-edge-handle:after{content:"";width:var(--dot);height:var(--dot);background:var(--surface);border:calc(var(--canvas-stroke) / var(--zoom, 1)) solid var(--indigo);box-shadow:var(--shadow-sm)}.c4-edge-control:active,.c4-edge-endpoint:active,.c4-edge-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.c4-edge-handle:after{border-radius:calc(2px / var(--zoom, 1))}.c4-edge-handle.horiz{cursor:ns-resize}.c4-edge-handle.vert{cursor:ew-resize}.c4-edge-endpoint:after{border-radius:50%}.c4-edge-control:after{border-radius:50%;background:var(--indigo);border-color:var(--surface);box-shadow:0 0 0 calc(1.5px / var(--zoom, 1)) var(--indigo),var(--shadow-sm)}.c4-edge-waypoint{position:absolute;width:calc(6px / var(--zoom, 1));height:calc(6px / var(--zoom, 1));background:var(--indigo);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.7;z-index:5}.c4node.neighbor{box-shadow:0 0 0 1.5px var(--indigo-soft),0 0 0 2.5px color-mix(in oklab,var(--indigo) 35%,transparent),var(--shadow-sm)}.c4node.neighbor:hover{box-shadow:0 0 0 1.5px var(--indigo-soft),0 0 0 2.5px color-mix(in oklab,var(--indigo) 35%,transparent),var(--shadow-md)}.c4node.dim{opacity:.32;transition:opacity .15s ease}.c4node.dim:hover{opacity:.6}.c4edge.dim{opacity:.18;transition:opacity .15s ease}.c4edge.dim:hover{opacity:.9}.c4-elabel.dim{opacity:.22;transition:opacity .15s ease}.c4-elabel.dim:hover{opacity:.7}.c4edge.flowing .c4edge-glow{pointer-events:none;filter:drop-shadow(0 0 5px color-mix(in oklab,var(--indigo) 85%,transparent))}.c4edge.flowing .c4edge-flow{pointer-events:none;stroke-dashoffset:0;animation:c4-flow-march 1.4s linear infinite}@keyframes c4-flow-march{to{stroke-dashoffset:-16}}@media (prefers-reduced-motion:reduce){.c4edge.flowing .c4edge-flow{animation:none;stroke-dasharray:4 6;stroke-opacity:.6}}.c4-palette-tabs{display:flex;margin:8px 8px 0;padding:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);gap:2px}.c4-palette-tab{flex:1 1;height:26px;padding:0 8px;background:transparent;border:0;border-radius:calc(var(--r-md) - 3px);font-size:11.5px;font-weight:600;letter-spacing:-.01em;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.c4-palette-tab:hover:not(.on){color:var(--text)}.c4-palette-tab.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.c4-asset-body{position:relative}.c4-asset-body.c4-asset-drop:after{content:"Drop SVG to upload";position:absolute;inset:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:-.01em;color:var(--indigo);background:color-mix(in oklab,var(--indigo) 6%,var(--surface));border:1.5px dashed var(--indigo);border-radius:var(--r-md);pointer-events:none;z-index:5}.c4-asset-banner{margin:0 0 8px;padding:7px 10px;font-size:11.5px;line-height:1.4;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm)}.c4-asset-upload{width:100%;justify-content:center;margin-bottom:10px}.c4-asset-upload.primary{background:var(--indigo);border-color:var(--indigo);color:var(--paper)}.c4-asset-upload.primary:hover{background:color-mix(in oklab,var(--indigo) 88%,#000)}.c4-asset-upload:disabled{opacity:.7;cursor:progress}.c4-asset-empty{padding:18px 10px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface-2)}.c4-asset-empty-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}.c4-asset-empty-hint{font-size:11px;color:var(--text-muted);line-height:1.4}.c4-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.c4-asset-tile-wrap{position:relative}.c4-asset-tile{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 8px 7px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;cursor:-webkit-grab;cursor:grab;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.c4-asset-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.c4-asset-tile:active{cursor:-webkit-grabbing;cursor:grabbing}.c4-asset-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--surface-2);border-radius:var(--r-sm);overflow:hidden;color:var(--text-faint)}.c4-asset-thumb svg{max-width:78%;max-height:78%;width:auto;height:auto}.c4-asset-thumb-fallback{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-faint)}.c4-asset-name{letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c4-asset-name,.c4-asset-rename{font-size:11.5px;font-weight:600;color:var(--text)}.c4-asset-rename{width:100%;font-family:inherit;background:var(--surface);border:1px solid var(--indigo);border-radius:var(--r-sm);padding:3px 5px;outline:none}.c4-asset-tile-pending{cursor:progress;border-style:dashed;border-color:var(--line-strong);background:var(--surface-2)}.c4-asset-thumb-pending{position:relative;background:color-mix(in oklab,var(--surface) 70%,var(--surface-3))}.c4-asset-spinner{width:22px;height:22px;border:2px solid var(--line-strong);border-top-color:var(--indigo);border-radius:50%;animation:c4-asset-spin .8s linear infinite}@keyframes c4-asset-spin{to{transform:rotate(1turn)}}.c4-asset-kebab{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-muted);font-size:13px;line-height:1;opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}.c4-asset-kebab:focus-visible,.c4-asset-tile-wrap:hover .c4-asset-kebab{opacity:1}.c4-asset-kebab:hover{background:var(--surface-2);color:var(--text)}.c4-asset-menu{position:absolute;top:28px;right:4px;min-width:120px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:4px;z-index:12}.c4-asset-menu-item{width:100%;display:block;padding:6px 9px;background:transparent;border:0;border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--text);text-align:left;letter-spacing:-.01em}.c4-asset-menu-item:hover{background:var(--surface-2)}.c4-asset-menu-item.danger{color:var(--critical)}.c4-asset-menu-item.danger:hover,.c4-asset-tile-err{background:var(--critical-bg)}.c4-asset-tile-err{position:absolute;bottom:-2px;left:4px;right:4px;transform:translateY(100%);padding:4px 7px;font-size:10.5px;color:var(--critical);border-radius:var(--r-sm);z-index:11}.insp-asset-preview{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.insp-asset-thumb{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.insp-asset-thumb svg{max-width:78%;max-height:78%}.insp-asset-name{font-size:12px;font-weight:600;color:var(--text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.insp-asset-picker{margin-top:6px;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:var(--r-md);padding:4px;background:var(--surface)}.insp-asset-pick{width:100%;padding:6px 8px;background:transparent;border:0;border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--text);text-align:left;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insp-asset-pick:hover{background:var(--surface-2)}.insp-asset-pick.on{background:var(--indigo-soft);color:var(--indigo-text)}.c4node.chromeless,.c4node.icon-label{border:0;background:transparent;box-shadow:none;padding:0;overflow:visible}.c4node.chromeless:hover,.c4node.icon-label:hover{box-shadow:none}.c4node.chromeless.sel,.c4node.icon-label.sel{box-shadow:0 0 0 2px var(--indigo)}.c4node-svg-wrap{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.c4node-svg{display:block;max-width:100%;max-height:100%}.c4node-svg-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-faint)}.c4node-svg-fallback .ic{width:40%;height:40%}.c4node.icon-label{display:flex;flex-direction:column}.c4node-caption{flex-shrink:0;padding:4px 6px 0;text-align:center;font-weight:600;color:var(--text);letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c4node-icon-svg{display:inline-block;vertical-align:middle}.c4node-person-bg{display:block;width:100%;height:100%}.c4node-person-desc{flex-shrink:0;padding:1px 6px 0;text-align:center;color:var(--text-faint);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c4node.is-cylinder{background:transparent;border:0;box-shadow:none}.c4node.is-cylinder.neighbor,.c4node.is-cylinder.sel,.c4node.is-cylinder:hover{box-shadow:none}.c4node-cyl-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.c4node.is-cylinder>.c4node-foot,.c4node.is-cylinder>.c4node-in{position:relative;z-index:1}.c4node.is-cylinder .c4node-in{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}.c4node.is-cylinder .c4node-foot,.c4node.is-cylinder .c4node-top{justify-content:center}.c4node.is-cylinder .c4node-title{white-space:normal;line-height:1.2}.c4node.is-cylinder .c4node-desc{flex:0 0 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal}.c4-contributor-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);font-size:12px}.c4-contributor-row:last-child{border-bottom:0}.c4-contributor-row.c4-contributor-empty{color:var(--text-faint);font-style:italic;justify-content:center}.c4-contributor-row.c4-contributor-empty .c4-contributor-name{font-weight:400;color:var(--text-faint);flex:initial}.c4-contributor-name{font-weight:600;color:var(--text);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.c4-contributor-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);white-space:nowrap}.c4-contributor-count{font-family:var(--font-mono);font-size:10px;font-weight:600;background:var(--indigo-soft);color:var(--indigo);border-radius:3px;padding:1px 5px}.c4-contributor-row.is-mcp .c4-contributor-name{color:var(--indigo-text,var(--indigo))}.c4-contributor-pill{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--indigo-soft);color:var(--indigo);border-radius:3px;padding:1px 4px;flex-shrink:0}.c4-page-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:12px}.c4-page-topbar .c4-breadcrumbs{margin-bottom:0}.c4-appbar{display:flex;align-items:center;gap:var(--space-6);padding-bottom:var(--space-4);margin-bottom:var(--space-8);border-bottom:1px solid var(--line)}.c4-appbar-brand{display:inline-flex;flex-shrink:0}.c4-appbar-brand a{display:inline-flex;border-radius:var(--r-sm)}.c4-appnav{gap:var(--space-1)}.c4-appbar-right,.c4-appnav{display:flex;align-items:center}.c4-appbar-right{margin-left:auto;gap:var(--space-2)}.c4-navtab{display:inline-flex;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--text-muted);text-decoration:none;border-radius:var(--r-md);transition:color .15s ease,background .15s ease}.c4-navtab:hover{color:var(--text);background:var(--surface-2)}.c4-navtab.is-active{color:var(--indigo-text);background:var(--indigo-soft)}.c4-acct{position:relative}.c4-acct-trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 8px 0 6px;background:transparent;border:1px solid transparent;border-radius:var(--r-lg);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.c4-acct-trigger:hover{background:var(--surface-2);border-color:var(--line)}.c4-acct-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--indigo);color:var(--paper);font-size:10.5px;font-weight:700;letter-spacing:.02em}.c4-acct-avatar.lg{width:38px;height:38px;font-size:14px}.c4-acct-name{font-size:13px;font-weight:600;letter-spacing:-.01em;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-acct-chevron{color:var(--text-faint);flex-shrink:0;transition:transform .15s ease}.c4-acct-chevron.is-open{transform:rotate(180deg)}.c4-acct-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-acct-menu);min-width:248px;padding:var(--space-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.c4-acct-meta{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--line)}.c4-acct-meta-text{display:flex;flex-direction:column;min-width:0}.c4-acct-meta-name{font-size:13px;font-weight:700;letter-spacing:-.01em}.c4-acct-meta-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-acct-form{margin:0}.c4-acct-signout{display:flex;align-items:center;gap:var(--space-2);width:100%;height:34px;padding:0 var(--space-2);background:transparent;border:none;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text);text-align:left;cursor:pointer;transition:background .15s ease}.c4-acct-signout:hover{background:var(--surface-2)}.c4-acct-signout svg{color:var(--text-muted)}.c4-verbadge{position:relative}.c4-verbadge-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;background:transparent;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.01em;color:var(--text-faint);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.c4-verbadge-chip:hover,.c4-verbadge-chip[aria-expanded=true]{color:var(--text-muted);background:var(--surface-2);border-color:var(--line-strong)}.c4-verbadge-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-menu);min-width:236px;padding:var(--space-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.c4-verbadge-head{padding:var(--space-1) var(--space-2) var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.c4-verbadge-list{list-style:none;margin:0;padding:0}.c4-verbadge-row{display:flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-2);font-size:12.5px}.c4-verbadge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-faint)}.c4-verbadge-dot.is-ok{background:var(--healthy)}.c4-verbadge-dot.is-wait{animation:c4-verbadge-wait .9s ease-in-out infinite alternate}@keyframes c4-verbadge-wait{0%{opacity:.3}to{opacity:.9}}.c4-verbadge-label{width:34px;flex-shrink:0;font-weight:600}.c4-verbadge-name{flex:1 1;min-width:0;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-verbadge-ver{flex-shrink:0;font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-muted)}.c4-verbadge-note{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);font-size:11.5px;color:var(--warning-text)}.c4-dlg-error{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--r-md);background:var(--critical-bg);color:var(--critical-text);font-size:12px}.c4-readonly-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11.5px;font-weight:600;letter-spacing:-.01em;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--r-md);white-space:nowrap}.c4-readonly-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--warning);flex-shrink:0}.c4-page-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.c4-member-dlg{max-width:520px}.c4-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.c4-member{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--line)}.c4-member:last-child{border-bottom:0}.c4-member-id{display:flex;flex-direction:column;gap:2px;min-width:0}.c4-member-name{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-member-you{color:var(--text-faint);font-weight:500}.c4-member-email{font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-member-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.c4-member-role{width:auto;height:30px;padding:0 26px 0 10px}.c4-member-rolelabel{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo);background:var(--indigo-soft);border-radius:var(--r-sm);padding:3px 7px;flex-shrink:0}.c4-member-remove{height:30px;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:-.01em;background:transparent;color:var(--critical-text);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;transition:all .15s ease}.c4-member-remove:hover:not(:disabled){background:var(--critical-bg);border-color:var(--critical)}.c4-member-remove:disabled{opacity:.5;cursor:default}.c4-member-empty{font-size:12.5px;color:var(--text-muted);padding:8px 0}.c4-member-add{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-3)}.c4-member-add-fields{display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:end}.c4-member-add-email{min-width:0}.c4-member-add-btn{align-self:flex-start}.c4-member-error{margin-bottom:var(--space-3);padding:10px;border-radius:var(--r-md);background:var(--critical-bg);color:var(--critical-text);font-size:12px}.c4-admin-note{font-size:13px;color:var(--text-muted);margin:var(--space-2) 0}.c4-admin-note-error{color:var(--critical-text)}.c4-admin-tablewrap{border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.c4-admin-table{width:100%;border-collapse:collapse;font-size:13px}.c4-admin-table thead th{text-align:left;padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-2);border-bottom:1px solid var(--line)}.c4-admin-table tbody td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.c4-admin-table tbody tr:last-child td{border-bottom:0}.c4-admin-td-email{color:var(--text-muted);font-family:var(--font-mono);font-size:11.5px}.c4-admin-td-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.c4-admin-toggle{width:16px;height:16px;accent-color:var(--indigo);cursor:pointer}.c4-admin-toggle:disabled{cursor:default;opacity:.6}.c4-admin-projects{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.c4-admin-project{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md)}.c4-admin-project-id{display:flex;flex-direction:column;gap:2px;min-width:0}.c4-admin-project-name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-admin-project-name:hover{color:var(--indigo)}.c4-admin-project-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint);letter-spacing:.04em}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}*,:after,:before{box-sizing:border-box}button{font-family:inherit;cursor:pointer}