@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@400;500;600&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-\[13px\]{left:13px}.right-0{right:0}.right-\[250px\]{right:250px}.right-\[280px\]{right:280px}.top-4{top:1rem}.top-\[120px\]{top:120px}.top-\[60px\]{top:60px}.top-\[70px\]{top:70px}.isolate{isolation:isolate}.z-10{z-index:10}.z-\[900\]{z-index:900}.z-\[901\]{z-index:901}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[22px\]{height:22px}.h-full{height:100%}.min-h-9{min-height:2.25rem}.w-1\.5{width:.375rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[22px\]{width:22px}.w-\[250px\]{width:250px}.w-\[280px\]{width:280px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-7{min-width:1.75rem}.flex-1{flex:1 1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.\!resize{resize:both!important}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--primary-color\)\]{border-color:var(--primary-color)}.bg-\[var\(--background-color\)\]{background-color:var(--background-color)}.bg-\[var\(--border-color\)\]{background-color:var(--border-color)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-\[var\(--hover-bg\)\]{background-color:var(--hover-bg)}.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)}.bg-\[var\(--primary-light\)\]{background-color:var(--primary-light)}.bg-\[var\(--sidebar-bg\)\]{background-color:var(--sidebar-bg)}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-slate-500\/10{background-color:#64748b1a}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pt-0\.5{padding-top:.125rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[9px\]{font-size:9px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.3\]{line-height:1.3}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--button-text\)\]{color:var(--button-text)}.text-\[var\(--primary-color\)\]{color:var(--primary-color)}.text-\[var\(--success-color\)\]{color:var(--success-color)}.text-\[var\(--text-color\)\]{color:var(--text-color)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--warning-color\)\]{color:var(--warning-color)}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-white\/10{--tw-ring-color:#ffffff1a}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[transform\2c background-color\2c color\]{transition-duration:.15s;transition-property:transform,background-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-none{transition-property:none}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;scroll-behavior:smooth}body{--primary-color:#014c75;--primary-hover:#013b5b;--primary-light:#e5f3ff;--background-color:#f8f9fa;--card-bg:#fff;--card-background:#fff;--footer-bg:#f1f5f9;--hover-bg:#f5f5f5;--hover-background:#f3f4f6;--text-color:#333;--text-secondary:#6c757d;--text-muted:#9ca3af;--border-color:#e1e4e8;--card-shadow:0 1px 3px #00000014;--secondary-color:#6c757d;--secondary-hover:#5a6268;--success-color:#28a745;--success-bg:#dcfce7;--success-text:#16a34a;--success-light:#d4edda;--warning-color:#ffc107;--warning-light:#fff3cd;--danger-color:#dc3545;--danger-bg:#fef2f2;--danger-bg-hover:#fee2e2;--danger-border:#fecaca;--danger-border-hover:#fca5a5;--danger-text:#dc2626;--danger-light:#f8d7da;--error-color:#dc3545;--error-light:#f8d7da;--info-color:#014c75;--info-light:#e5f3ff;--navbar-bg:#fff;--navbar-background:#fff;--navbar-text:#333;--navbar-border:#0000000f;--navbar-shadow:0 1px 2px #0000000d;--sidebar-bg:#f8f8f8;--sidebar-background:#f8f8f8;--sidebar-text:#333;--sidebar-border:1px solid var(--border-color);--panel-bg:#fff;--panel-border:1px solid var(--border-color);--panel-radius:4px;--button-background:#014c75;--button-text:#fff;--disabled-bg:#f2f2f2;--disabled-text:#a0a0a0;--method-get:#61affe;--method-post:#49cc90;--method-put:#fca130;--method-delete:#f93e3e;--method-patch:#50e3c2;--protocol-ws:#0369a1;--protocol-grpc:#0284c7;--protocol-graphql:#2563eb;--protocol-soap:#1d4ed8;--protocol-mqtt:#0891b2;--protocol-sse:#4f46e5;--protocol-http:#014c75;--surface:#fff;--surface-elevated:#fff;--surface-sunken:#f1f3f5;--accent:var(--primary-color);--accent-hover:var(--primary-hover);--ring:0 0 0 2px var(--primary-color);--shadow-sm:0 1px 2px #0000000f,0 1px 3px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 6px #0000000d;--shadow-lg:0 12px 32px #0000001f,0 4px 12px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms;--glass-bg:#ffffffb8;--glass-border:#ffffff80;--gradient-hero:linear-gradient(135deg,#014c75,#003b5b 55%,#002940);--designer-primary:var(--primary-color);--designer-primary-hover:var(--primary-hover);--designer-primary-light:var(--primary-light);--designer-secondary:var(--secondary-color);--designer-secondary-hover:var(--secondary-hover);--designer-success:var(--success-color);--designer-success-light:var(--success-light);--designer-warning:var(--warning-color);--designer-warning-light:var(--warning-light);--designer-error:var(--error-color);--designer-error-light:var(--error-light);--designer-info:var(--info-color);--designer-info-light:var(--info-light);--designer-bg:var(--background-color);--designer-card:var(--card-bg);--designer-border:var(--border-color);--designer-border-light:var(--border-color);--designer-text-primary:var(--text-color);--designer-text-secondary:var(--text-secondary);--designer-text-muted:var(--text-muted);--designer-canvas-bg:#f4f8fb;--designer-component-bg:#edf4f8;--designer-card-rgb:255,255,255;--designer-grid-line:#014c751a;--designer-shadow:var(--shadow);--designer-shadow-md:var(--shadow-md);--designer-shadow-lg:var(--shadow-lg);--designer-shadow-hover:var(--shadow-hover);--designer-radius:var(--border-radius);--designer-radius-sm:var(--border-radius-sm);--designer-radius-lg:var(--border-radius-lg);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-base:14px;--font-size-sm:12px;--font-size-lg:16px;--font-size-xl:18px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--line-height:1.5;--transition-speed:0.2s;--border-radius:8px;--border-radius-sm:6px;--border-radius-lg:12px;--shadow:0 1px 3px #014c7526;--shadow-md:0 4px 6px #014c751f;--shadow-lg:0 8px 25px #014c752e;--shadow-hover:0 2px 8px #014c7533;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;transition:background-color .3s ease,color .3s ease}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}body.dark-theme{--background-color:#00111a;--text-color:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#003956;--card-bg:#002234;--card-background:#002234;--card-shadow:0 4px 20px #0006;--hover-bg:#013b5b;--hover-background:#013b5b;--node-bg:#003d59;--node-header:#002938;--footer-bg:#001721;--navbar-bg:#012a41;--navbar-background:#012a41;--navbar-text:#fff;--navbar-border:#ffffff1a;--panel-bg:#002234;--sidebar-bg:#001927;--sidebar-background:#001927;--sidebar-text:#f1f5f9;--button-background:#014c75;--button-text:#fff;--primary-color:#38bdf8;--primary-hover:#7dd3fc;--primary-light:#38bdf826;--secondary-color:#64748b;--icon-color:#f8fafc;--secondary-hover:#94a3b8;--active-color:#0c4a6e;--success-light:#22c55e24;--warning-light:#f59e0b24;--danger-bg:#ef44441f;--danger-bg-hover:#ef444433;--info-light:#38bdf824;--protocol-ws:#7dd3fc;--protocol-grpc:#38bdf8;--protocol-graphql:#60a5fa;--protocol-soap:#93c5fd;--protocol-mqtt:#22d3ee;--protocol-sse:#a5b4fc;--protocol-http:#38bdf8;--designer-bg:#00111a;--designer-card:#002234;--designer-border:#003956;--designer-border-light:#002938;--designer-text-primary:#fff;--designer-text-secondary:#b8d4e3;--designer-text-muted:#7a9bad;--designer-canvas-bg:#001a26;--designer-component-bg:#002d45;--designer-card-rgb:0,34,52;--designer-grid-line:#ffffff0d;--debug-bg:#013b5b;--debug-bg2:#012a41;--border02-color:#1c4d66;--surface:#002234;--surface-elevated:#002e44;--surface-sunken:#001721;--accent:#38bdf8;--accent-hover:#7dd3fc;--ring:0 0 0 2px #38bdf8;--shadow-sm:0 1px 2px #0006,0 1px 3px #0000004d;--shadow-md:0 4px 14px #00000080,0 2px 6px #00000059;--shadow-lg:0 16px 38px #0009,0 6px 16px #0006;--glass-bg:#00223499;--glass-border:#38bdf82e;--gradient-hero:linear-gradient(135deg,#012a41,#001927 55%,#00111a)}body.light-theme{--background-color:#f8f9fa;--text-color:#333;--navbar-background:#fff;--navbar-text:#333;--sidebar-background:#f8f8f8;--sidebar-text:#333;--button-background:#014c75;--button-text:#fff;--border-color:#e1e4e8;--hover-background:#f5f5f5;--card-background:#fff}.container{flex-grow:1}.navbar{background-color:var(--navbar-background);color:var(--navbar-text)}.navbar-links span:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000)}.navbar-links .active{background-color:var(--button-background);color:var(--button-text)}.sidebar{background-color:var(--sidebar-background);border-right:1px solid var(--border-color);color:var(--sidebar-text)}.sidebar-section:hover{background-color:var(--hover-background)}.feature,.home-option,.request-item,.spotlight-item,.trending-item{background-color:var(--card-background);border:1px solid var(--border-color)}.create-request-button,.cta-button,.edit-request-button,.hero-button,.send-request-button,button{background-color:var(--button-background);color:var(--button-text)}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}code{font-family:Roboto Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:8px}.gap-md{gap:16px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.card{border:1px solid var(--border-color);border-radius:5px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.badge-primary{background-color:color-mix(in srgb,var(--primary-color) 15%,#0000);color:var(--primary-color)}.method-badge{min-width:60px}.tabs{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;display:flex}.tab{font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .3s ease}.tab:hover{background-color:var(--hover-bg);color:var(--text-color)}.tab.active,.tab:hover{border-bottom-color:var(--primary-hover)}.tab.active{background-color:var(--primary-color);color:var(--button-text);font-weight:600}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}img{height:auto;max-width:100%}button,input,select,textarea{font:inherit}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--border-color,#d1d5db);border-radius:4px;cursor:pointer;display:inline-block;flex-shrink:0;height:16px;margin:0;position:relative;transition:border-color .15s ease,background .15s ease;vertical-align:middle;width:16px}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{background:color-mix(in srgb,var(--primary-color) 6%,#0000);border-color:var(--primary-color)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--primary-color);border-color:var(--primary-color)}input[type=checkbox]:checked:after{border:solid #fff;border-width:0 1.5px 1.5px 0;height:8px;transform:translate(-55%,-60%) rotate(45deg);transform-origin:center;width:4px}input[type=checkbox]:checked:after,input[type=radio]:checked:after{animation:globalCheckPop .2s ease-out;content:"";left:50%;position:absolute;top:50%}input[type=radio]:checked:after{background:#fff;border-radius:50%;height:6px;transform:translate(-50%,-50%);width:6px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,#0000);outline:none}@keyframes globalCheckPop{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){input[type=checkbox]:checked:after,input[type=radio]:checked:after{animation:none}}body.omni-theme .category-tab.active,body.omni-theme .nav-item.active,body.omni-theme .navbar-links .active,body.omni-theme .policy-page .nav-btn.active,body.omni-theme .tab-btn.active,body.omni-theme .tab.active,body.omni-theme .time-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--button-text)}body.omni-theme .category-tab:hover,body.omni-theme .policy-page .nav-btn:hover,body.omni-theme .tab:hover,body.omni-theme .time-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 14%,var(--card-bg));border-color:var(--primary-color);color:var(--primary-color)}body.omni-theme .add-api-button,body.omni-theme .add-to-collection-button,body.omni-theme .btn-primary,body.omni-theme .create-request-button,body.omni-theme .create-request-button:hover,body.omni-theme .fork-button,body.omni-theme .policyBtnPrimary,body.omni-theme .search-button{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--button-text)}body.omni-theme .add-api-button:hover,body.omni-theme .add-to-collection-button:hover,body.omni-theme .btn-primary:hover,body.omni-theme .create-request-button:hover,body.omni-theme .fork-button:hover,body.omni-theme .policyBtnPrimary:hover,body.omni-theme .search-button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:var(--button-text)}body.omni-theme .api-card:hover,body.omni-theme .chart-card:hover,body.omni-theme .collection-card:hover,body.omni-theme .metric-card:hover,body.omni-theme .prediction-card:hover,body.omni-theme .stat-card:hover,body.omni-theme .summary-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}body.omni-theme .api-network-sidebar .nav-item.active:before{background:var(--primary-color)}body.omni-theme .api-network-sidebar .nav-item.active .item-arrow,body.omni-theme .api-network-sidebar .nav-item.active .nav-icon{color:var(--primary-color)}body.omni-theme{--background-color:#070707;--card-bg:#12100e;--card-background:#12100e;--panel-bg:#12100e;--surface:#12100e;--surface-elevated:#1b1611;--surface-sunken:#0d0b09;--text-color:#fff7ed;--text-secondary:#d6c5b8;--text-muted:#a89484;--border-color:#3a2719;--hover-bg:#26170d;--hover-background:#26170d;--navbar-bg:#0d0b09;--navbar-background:#0d0b09;--footer-bg:#0d0b09;--navbar-text:#fff7ed;--navbar-border:#ff8a1f2e;--sidebar-bg:#0d0b09;--sidebar-background:#0d0b09;--sidebar-text:#fff7ed;--primary-color:#ff8a1f;--primary-hover:#ffb35c;--primary-light:#ff8a1f29;--button-background:#ff8a1f;--button-text:#160b02;--secondary-color:#9b806b;--secondary-hover:#d1ab8c;--icon-color:#fff7ed;--active-color:#5d2e0b;--accent:#ff8a1f;--accent-hover:#ffb35c;--ring:0 0 0 2px #ff8a1f;--shadow-sm:0 1px 2px #00000080,0 1px 3px #ff8a1f0f;--shadow-md:0 4px 14px #0009,0 2px 6px #ff8a1f14;--shadow-lg:0 16px 38px #000000b8,0 6px 16px #ff8a1f1a;--glass-bg:#12100ec7;--glass-border:#ff8a1f33;--gradient-hero:linear-gradient(135deg,#3d1a06,#120d08 58%,#070707);--success-color:#44d483;--success-bg:#44d48324;--success-text:#6ee7a5;--warning-color:#ffb020;--warning-light:#ffb02029;--danger-color:#ff6b5e;--danger-bg:#ff6b5e24;--danger-bg-hover:#ff6b5e38;--danger-text:#ff9086;--info-color:#ff8a1f;--info-light:#ff8a1f26;--protocol-ws:#ffb35c;--protocol-grpc:#ff8a1f;--protocol-graphql:#f59e0b;--protocol-soap:#fdba74;--protocol-mqtt:#fbbf24;--protocol-sse:#fb923c;--protocol-http:#ff8a1f;--designer-bg:#070707;--designer-card:#12100e;--designer-border:#3a2719;--designer-border-light:#26170d;--designer-text-primary:#fff7ed;--designer-text-secondary:#d6c5b8;--designer-text-muted:#a89484;--designer-canvas-bg:#0d0b09;--designer-component-bg:#1b1611;--designer-card-rgb:18,16,14;--designer-grid-line:#ffffff0d}body.black-theme{--background-color:#000;--card-bg:#000;--card-background:#000;--panel-bg:#000;--surface:#000;--surface-elevated:#000;--surface-sunken:#000;--text-color:#fff;--text-secondary:#fff;--text-muted:#ffffffb3;--border-color:#ffffff47;--hover-bg:#ffffff1f;--hover-background:#ffffff1f;--navbar-bg:#000;--navbar-background:#000;--footer-bg:#000;--navbar-text:#fff;--navbar-border:#ffffff47;--sidebar-bg:#000;--sidebar-background:#000;--sidebar-text:#fff;--primary-color:#fff;--primary-hover:#ffffffd1;--primary-light:#ffffff29;--button-background:#fff;--button-text:#000;--secondary-color:#fff;--secondary-hover:#ffffffd1;--icon-color:#fff;--active-color:#fff3;--accent:#fff;--accent-hover:#ffffffd1;--ring:0 0 0 2px #fff;--glass-bg:#000000db;--glass-border:#ffffff47;--gradient-hero:linear-gradient(135deg,#000,#000);--designer-bg:#000;--designer-card:#000;--designer-border:#ffffff47;--designer-border-light:#ffffff29;--designer-text-primary:#fff;--designer-text-secondary:#fff;--designer-text-muted:#ffffffb3;--designer-canvas-bg:#000;--designer-component-bg:#000;--designer-card-rgb:0,0,0;--designer-grid-line:#ffffff1a;--info-color:#fff;--info-light:#ffffff29}body.black-theme .add-api-button,body.black-theme .add-to-collection-button,body.black-theme .btn-primary,body.black-theme .category-tab.active,body.black-theme .create-request-button,body.black-theme .fork-button,body.black-theme .nav-item.active,body.black-theme .navbar-links .active,body.black-theme .policy-page .nav-btn.active,body.black-theme .policyBtnPrimary,body.black-theme .search-button,body.black-theme .tab-btn.active,body.black-theme .tab.active,body.black-theme .time-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--button-text)}body.black-theme .add-api-button:hover,body.black-theme .add-to-collection-button:hover,body.black-theme .btn-primary:hover,body.black-theme .category-tab:hover,body.black-theme .create-request-button:hover,body.black-theme .fork-button:hover,body.black-theme .policy-page .nav-btn:hover,body.black-theme .policyBtnPrimary:hover,body.black-theme .search-button:hover,body.black-theme .tab:hover,body.black-theme .time-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:var(--button-text)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;box-sizing:border-box;color:#333;color:var(--text-color,#333);font:inherit;font-size:.875rem;line-height:1.5;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary-color) 35%,#0000)}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{background:#fff;background:var(--card-bg,#fff);border-color:#014c75;border-color:var(--primary-color,#014c75);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 12%,#0000);outline:none}input::placeholder,textarea::placeholder{color:#6c757d;color:var(--text-secondary,#6c757d);opacity:.6}textarea{min-height:90px;resize:vertical}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236c757d' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}body.dark-theme select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23B8D4E3' d='m2 4 4 4 4-4'/%3E%3C/svg%3E")}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion:reduce){input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{transition:none}}.placeholder\:text-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}.first\:mt-2:first-child{margin-top:.5rem}.hover\:bg-\[var\(--background-color\)\]:hover{background-color:var(--background-color)}.hover\:bg-\[var\(--card-bg\)\]:hover{background-color:var(--card-bg)}.hover\:bg-\[var\(--hover-bg\)\]:hover{background-color:var(--hover-bg)}.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover)}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.hover\:text-\[var\(--primary-color\)\]:hover{color:var(--primary-color)}.hover\:text-\[var\(--text-color\)\]:hover{color:var(--text-color)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-\[var\(--primary-color\)\]:focus{--tw-ring-color:var(--primary-color)}.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity))}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.focus\:ring-offset-\[var\(--sidebar-bg\)\]:focus{--tw-ring-offset-color:var(--sidebar-bg)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-\[var\(--primary-color\)\]{color:var(--primary-color)}.group:hover .group-hover\:underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--navbar-bg);box-shadow:none;color:var(--text-color);display:flex;height:60px;left:0;position:fixed;top:0;transition:transform .3s ease,background-color .3s ease;width:100%;z-index:500}.navbar.scrolled{background-color:color-mix(in srgb,var(--navbar-bg) 95%,#0000);box-shadow:none}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-md);width:100%}.navbar-brand{color:var(--text-color);cursor:pointer;font-size:20px;font-weight:var(--font-weight-bold);transition:color var(--transition-fast)}.navbar-brand:hover{color:var(--primary-color)}.navbar-menu{flex:1 1;justify-content:space-between}.navbar-menu,.navbar-start{align-items:center;display:flex;height:100%}.navbar-start{margin-left:var(--spacing-xl)}.navbar-end{align-items:center;display:flex;height:100%;margin-left:auto}.navbar-item{color:var(--text-secondary);font-size:13px;height:60px;position:relative;transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar-item,.navbar-item>span{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-medium)}.navbar-item>span{color:var(--text-color);font-size:14px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-fast)}.navbar-item>span:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:6px;color:var(--primary-color);transform:translateY(-1px)}.navbar-item>span.active{background-color:color-mix(in srgb,var(--primary-color) 15%,#0000);border-radius:6px;color:var(--primary-color);font-weight:600;position:relative}.navbar-item>span.active:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px;bottom:-2px;box-shadow:0 2px 4px color-mix(in srgb,var(--primary-color) 30%,#0000);content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.navbar-item.has-dropdown{position:relative}.navbar-item.has-dropdown:after{bottom:-20px;content:"";height:20px;left:0;position:absolute;width:100%;z-index:99}.navbar-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;left:0;min-width:180px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:calc(100% + 5px);transform:translateY(10px);transition:all .2s ease;visibility:hidden;z-index:100}.navbar-item.has-dropdown:hover .navbar-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;border-left:3px solid #0000;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.dropdown-item:hover{background-color:var(--hover-bg);border-left-color:var(--primary-color);color:var(--primary-color)}.profile-menu-container{position:relative}.profile-trigger{align-items:center;background-color:var(--hover-bg);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;margin:0 var(--spacing-sm);transition:background-color var(--transition-fast);width:36px}.profile-trigger:hover{background-color:var(--primary-color);color:#fff}.navbar-profile-img{border-radius:50%;height:26px;object-fit:cover;width:26px}.profile-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;min-width:180px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(var(--spacing-xs));transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);visibility:hidden;z-index:100}.profile-menu-container:hover .profile-dropdown{opacity:1;transform:translateY(0);visibility:visible}.login-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--font-weight-medium);margin-left:auto;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast)}.login-button:hover{background-color:var(--primary-hover);color:#fff}.hamburger{align-items:center;background-color:initial;border-radius:50%;color:var(--text-color);cursor:pointer;display:none;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.hamburger:hover{background-color:var(--hover-bg)}@media (max-width:1225px){.hamburger{display:flex}.navbar-menu{align-items:flex-start;background-color:var(--card-bg);border-right:1px solid var(--border-color);box-shadow:0 0 20px #0003;flex-direction:column;height:100vh;justify-content:flex-start;left:-100%;max-width:85%;overflow-y:auto;padding:80px var(--spacing-md) var(--spacing-md);position:fixed;top:0;transition:left .3s ease;width:280px;z-index:99}.navbar-menu.active{left:0}.navbar-end,.navbar-start{align-items:flex-start;flex-direction:column;width:100%}.navbar-item{height:auto;margin-bottom:var(--spacing-sm);width:100%}.navbar-item span{padding:var(--spacing-sm) 0;width:100%}.navbar-item span.active:after{display:none}.navbar-item.has-dropdown{align-items:flex-start;flex-direction:column}.navbar-dropdown{background-color:initial;border:none;box-shadow:none;margin-top:var(--spacing-xs);opacity:1;padding-left:var(--spacing-lg);pointer-events:auto;position:static;transform:none;visibility:visible}.dropdown-item{border-radius:0;color:var(--text-secondary);margin:0;padding:var(--spacing-xs) 0}.dropdown-item:hover{background-color:initial;color:var(--primary-color)}.profile-menu-container .profile-menu{background-color:initial;border:none;box-shadow:none;margin-top:var(--spacing-xs);opacity:1;padding-left:var(--spacing-lg);position:static;transform:none;visibility:visible}.profile-menu-item{color:var(--text-secondary);padding:var(--spacing-xs) 0}.profile-menu-item:hover{background-color:initial;color:var(--primary-color)}.workspace-selector-dropdown{background-color:initial;border:none;box-shadow:none;margin-top:var(--spacing-sm);max-height:none;opacity:1;padding:0;position:static;transform:none;visibility:visible;width:100%}.notifications-menu{margin-bottom:var(--spacing-sm);width:100%}}.notifications-menu{position:relative}.dark-theme .navbar{background-color:var(--navbar-bg);border-color:var(--navbar-border)}.dark-theme .navbar-dropdown,.dark-theme .profile-dropdown{background-color:var(--card-bg);border-color:var(--border-color)}.workspace-selector-dropdown{border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px color-mix(in srgb,var(--primary-color) 12%,#0000),0 2px 4px #0000000a;color:var(--text-color);left:50%;max-height:460px;opacity:1;overflow:hidden;padding:0;pointer-events:auto;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);visibility:visible;width:280px;z-index:101}.workspace-selector-dropdown,.workspace-selector-header{background-color:var(--card-bg);display:flex;flex-direction:column}.workspace-selector-header{border-bottom:1px solid var(--border-color);gap:8px;padding:10px}.workspace-search-container{padding:0;position:relative;width:100%}.workspace-search-icon{color:var(--text-secondary);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.navbar-login-button{margin-left:auto}.navbar-public .navbar-menu{display:none}.workspace-search-input[type=text]{background-color:#f8fafb;background-color:var(--surface-sunken,#f8fafb);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:13px;padding:9px 12px 9px 38px;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;width:100%}.workspace-search-input::placeholder{color:var(--text-secondary)}.workspace-search-input::-webkit-input-placeholder{color:var(--text-secondary)}.workspace-search-input::-moz-placeholder{color:var(--text-secondary)}.workspace-search-input:-ms-input-placeholder{color:var(--text-secondary)}.workspace-search-input::-ms-input-placeholder{color:var(--text-secondary)}.workspace-search-input:focus{background-color:var(--card-bg);border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 12%,#0000);outline:none}.create-workspace-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:var(--button-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;font-weight:var(--font-weight-medium,500);gap:var(--spacing-xs);justify-content:center;line-height:1.4;margin:0;padding:9px 16px;text-align:center;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:100%}.workspace-selector-dropdown .create-workspace-btn{margin:10px 12px 0;width:calc(100% - 24px)}.create-workspace-btn:hover{background-color:var(--primary-hover)}.create-workspace-btn:active{transform:translateY(1px)}.create-workspace-btn:focus-visible{box-shadow:0 0 0 3px var(--primary-light);outline:none}.workspace-selector-dropdown .workspace-list-wrap{flex:1 1;overflow-y:auto;padding:4px 0 6px}.workspace-section{padding:6px 0 2px}.workspace-section-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;margin:4px 14px 6px;text-transform:uppercase}.workspace-list{display:flex;flex-direction:column}.workspace-item{align-items:center;border-left:2px solid #0000;border-radius:0;cursor:pointer;display:flex;gap:10px;padding:7px 14px;transition:background-color .12s ease,color .12s ease}.workspace-item:hover{color:var(--text-color)}.workspace-item.is-current,.workspace-item:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);border-left-color:var(--primary-color)}.workspace-item.is-current .workspace-name{color:var(--primary-color);font-weight:600}.workspace-icon-small{align-items:center;background-color:var(--hover-bg);border-radius:6px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:13px;height:26px;justify-content:center;transition:background-color .12s ease,color .12s ease;width:26px}.workspace-item.is-current .workspace-icon-small,.workspace-item:hover .workspace-icon-small{background-color:color-mix(in srgb,var(--primary-color) 18%,#0000);color:var(--primary-color)}.workspace-name{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;min-width:0;width:100%}.workspace-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-workspace-indicator{color:var(--primary-color);flex-shrink:0}.view-all-workspaces{align-items:center;background-color:#0000002e;border-top:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 14px;transition:background-color .12s ease,color .12s ease}.view-all-workspaces:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--primary-color)}@media (min-width:1226px){.navbar-dropdown{background:color-mix(in srgb,var(--card-bg) 96%,#00111a);border-color:color-mix(in srgb,var(--border-color) 92%,#0000);border-radius:12px;box-shadow:0 16px 38px color-mix(in srgb,#000 32%,#0000);min-width:250px;padding:6px;top:calc(100% + 8px)}.navbar-dropdown .dropdown-item{border-left:0;border-radius:8px;box-sizing:border-box;color:var(--text-secondary);font-size:.82rem;font-weight:550;min-height:38px;padding:9px 10px;white-space:nowrap}.navbar-dropdown .dropdown-item:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--text-color)}.navbar-dropdown .dropdown-item.active{background:color-mix(in srgb,var(--primary-color) 15%,#0000);color:var(--primary-color);font-weight:650}.navbar-dropdown .dropdown-item.active svg{color:var(--primary-color)}.workspace-selector-dropdown{background:color-mix(in srgb,var(--card-bg) 96%,#00111a);border-color:color-mix(in srgb,var(--border-color) 92%,#0000);border-radius:13px;box-shadow:0 16px 38px color-mix(in srgb,#000 32%,#0000);left:0;max-height:480px;top:calc(100% + 9px);transform:none;width:304px}.workspace-selector-dropdown .workspace-search-container{margin:9px 9px 0;padding:0;width:auto}.workspace-search-input[type=text]{border-radius:9px;box-sizing:border-box;font-size:.82rem;min-height:38px}.workspace-selector-dropdown .workspace-search-icon{color:var(--text-secondary);font-size:13px;left:12px}.workspace-selector-dropdown .create-workspace-btn{border-radius:9px;box-shadow:none;font-size:.8rem;margin:7px 9px 4px;min-height:36px;padding:7px 12px}.workspace-section-title{font-size:.62rem;letter-spacing:.1em;margin:10px 14px 5px}.workspace-item{border-left:0;border-radius:8px;margin:0 6px;padding:8px}.workspace-item.is-current,.workspace-item:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-left-color:#0000}.view-all-workspaces{background:color-mix(in srgb,var(--background-color) 36%,#0000);margin-top:6px;padding:10px 14px}.navbar{background:color-mix(in srgb,var(--navbar-bg) 92%,#00111a);border-bottom:1px solid color-mix(in srgb,var(--border-color) 88%,#0000);box-shadow:none;height:64px}.navbar.scrolled{background:color-mix(in srgb,var(--navbar-bg) 96%,#00111a);box-shadow:none}.navbar-container{max-width:1520px;padding:0 22px}.navbar-brand{align-items:center;border-right:1px solid var(--border-color);color:var(--text-color);display:inline-flex;font-size:1.08rem;font-weight:720;letter-spacing:-.03em;min-height:34px;padding-right:22px}.navbar-brand:hover{color:var(--primary-color)}.navbar-start{gap:3px;height:64px;margin-left:18px}.navbar-end{gap:4px;height:64px}.navbar-item{height:64px}.navbar-item>span{border:1px solid #0000;border-radius:9px;color:var(--text-secondary);font-size:.88rem;font-weight:600;gap:7px;min-height:38px;padding:8px 12px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.navbar-item>span:hover{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-color:color-mix(in srgb,var(--primary-color) 16%,#0000);color:var(--text-color);transform:none}.navbar-item>span.active{background:color-mix(in srgb,var(--primary-color) 15%,#0000);border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,#0000);font-weight:650}.navbar-item>span.active,.navbar-item>span.active svg{color:var(--primary-color)}.navbar-item>span.active:after{display:none}.notification-icon-wrapper,.profile-trigger{background:color-mix(in srgb,var(--card-bg) 62%,#0000);border:1px solid var(--border-color);border-radius:10px;height:36px;margin:0;width:36px}.notification-icon-wrapper:hover,.profile-trigger:hover{background:color-mix(in srgb,var(--primary-color) 9%,#0000);border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color))}.navbar-end>.navbar-item:last-child{margin-left:2px}}@media (max-width:1225px){.navbar-container{padding:0 16px}.hamburger{background:color-mix(in srgb,var(--card-bg) 72%,#0000);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px color-mix(in srgb,#000 18%,#0000);color:var(--text-color);height:38px;position:relative;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:38px;z-index:503}.hamburger:hover{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));color:var(--primary-color)}.hamburger:active{transform:scale(.95)}.navbar-menu-backdrop{animation:navDrawerBackdropIn .18s ease-out both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:color-mix(in srgb,#000 48%,#0000);border:0;cursor:default;inset:0;padding:0;position:fixed;z-index:501}.navbar-menu{background:color-mix(in srgb,var(--sidebar-bg) 94%,#00111a);border:1px solid color-mix(in srgb,var(--border-color) 80%,#0000);border-left:0;border-radius:0 18px 18px 0;box-shadow:18px 0 48px color-mix(in srgb,#000 34%,#0000);box-sizing:border-box;gap:18px;height:100dvh;left:0;max-width:none;min-height:100vh;overflow-x:hidden;overscroll-behavior:contain;padding:80px 14px 16px;top:0;transform:translateX(-104%);transition:transform .28s cubic-bezier(.22,1,.36,1);width:min(336px,calc(100vw - 42px));z-index:502}.navbar-menu.active{left:0;transform:translateX(0)}.navbar-menu:before{color:var(--text-secondary);content:"NAVIGATION";display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;font-weight:700;letter-spacing:.15em;margin:0 10px -6px;opacity:.75;width:100%}.navbar-end,.navbar-start{gap:4px;margin:0}.navbar-start{height:auto}.navbar-end{align-items:center;align-self:stretch;border-top:1px solid var(--border-color);flex-direction:row;flex-wrap:wrap;height:auto;margin-top:auto;padding-top:14px}.navbar-end:before{color:var(--text-secondary);content:"ACCOUNT";display:block;flex-basis:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;font-weight:700;letter-spacing:.15em;margin:0 10px 6px;opacity:.75;width:100%}.navbar-item{margin:0;min-height:44px;width:100%}.navbar-item>span{border:1px solid #0000;border-radius:10px;box-sizing:border-box;color:var(--text-secondary);font-size:.88rem;font-weight:600;gap:11px;min-height:44px;padding:10px 12px;transform:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:100%}.navbar-item>span svg{background:color-mix(in srgb,var(--card-bg) 66%,#0000);border-radius:8px;box-sizing:initial;color:var(--text-secondary);height:18px;padding:7px;transition:background-color .16s ease,color .16s ease,transform .16s ease;width:18px}.navbar-item>span:hover{background:color-mix(in srgb,var(--primary-color) 9%,#0000);border-color:color-mix(in srgb,var(--primary-color) 18%,#0000);color:var(--text-color);transform:none}.navbar-item>span:hover svg{background:color-mix(in srgb,var(--primary-color) 18%,#0000);color:var(--primary-color);transform:scale(1.04)}.navbar-item>span.active{background:color-mix(in srgb,var(--primary-color) 15%,#0000);border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color));box-shadow:inset 3px 0 0 var(--primary-color);color:var(--text-color);font-weight:650}.navbar-item>span.active svg{background:var(--primary-color);color:#fff}.navbar-item>span.active:after{display:none}.navbar-item.has-dropdown{align-items:stretch}.navbar-item.has-dropdown:after{display:none}.navbar-dropdown,.workspace-selector-dropdown{background:color-mix(in srgb,var(--card-bg) 74%,#0000);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;margin:2px 6px 8px;padding:8px;width:calc(100% - 12px)}.dropdown-item{border-left:0;border-radius:7px;box-sizing:border-box;color:var(--text-secondary);font-size:.8rem;min-height:36px;padding:8px 10px}.dropdown-item:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--text-color)}.navbar-end>.navbar-item,.notifications-menu{min-height:38px;width:auto}.navbar-end .profile-trigger,.navbar-end>.navbar-item>span{background:color-mix(in srgb,var(--card-bg) 66%,#0000);border:1px solid var(--border-color);border-radius:10px;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0;width:40px}.navbar-end>.navbar-item>span svg{background:#0000;padding:0}.profile-trigger{margin:0}}@keyframes navDrawerBackdropIn{0%{opacity:0}to{opacity:1}}@media (max-width:1225px){.navbar-menu .navbar-dropdown{background:#0000;border:0;border-left:1px solid color-mix(in srgb,var(--primary-color) 35%,var(--border-color));border-radius:0;box-shadow:none;margin:2px 6px 8px 18px;max-height:290px;min-width:0;overflow-y:auto;padding:3px 0 3px 10px;position:static;width:auto}.navbar-menu .navbar-dropdown .dropdown-item{color:var(--text-secondary);font-size:.76rem;font-weight:550;min-height:34px;padding:7px 9px}.navbar-menu .navbar-dropdown .dropdown-item:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--text-color)}.navbar-menu .workspace-selector-dropdown{background:color-mix(in srgb,var(--card-bg) 88%,var(--sidebar-bg));border-color:color-mix(in srgb,var(--primary-color) 25%,var(--border-color));border-radius:12px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 5%,#0000);display:flex;left:auto;margin:3px 6px 10px;max-height:min(390px,calc(100dvh - 225px));min-width:0;opacity:1;overflow-y:auto;padding:10px;position:static;top:auto;transform:none;visibility:visible;width:auto}.navbar-menu .workspace-search-container{margin-bottom:8px}.navbar-menu .workspace-search-input[type=text]{background:var(--surface-sunken);background:var(--ws-inset,var(--surface-sunken));border-radius:9px;font-size:.78rem;min-height:38px;padding:9px 11px 9px 36px}.navbar-menu .workspace-selector-dropdown .create-workspace-btn{border-radius:9px;box-shadow:none;font-size:.78rem;margin:0 0 8px;min-height:36px;padding:8px 12px;width:100%}.navbar-menu .workspace-section{padding:7px 0 2px}.navbar-menu .workspace-section-title{font-size:.61rem;letter-spacing:.11em;margin:2px 4px 5px}.navbar-menu .workspace-item{border-left:0;border-radius:8px;font-size:.78rem;padding:7px 6px}.navbar-menu .workspace-item.is-current,.navbar-menu .workspace-item:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-left-color:#0000}.navbar-menu .workspace-icon-small{border-radius:7px;height:26px;width:26px}.navbar-menu .view-all-workspaces{background:#0000;border-top-color:var(--border-color);color:var(--text-secondary);font-size:.76rem;margin-top:6px;padding:9px 6px 2px}.navbar-menu .view-all-workspaces:hover{background:#0000;color:var(--primary-color)}.navbar-item.has-dropdown:has(.navbar-dropdown)>span,.navbar-item.has-dropdown:has(.workspace-selector-dropdown)>span{background:color-mix(in srgb,var(--primary-color) 9%,#0000);border-color:color-mix(in srgb,var(--primary-color) 22%,#0000);color:var(--text-color)}.navbar-item.has-dropdown>span:after{background:#0000;bottom:auto;box-shadow:none;color:var(--text-secondary);content:"⌄";display:block;font-size:1rem;height:auto;left:auto;line-height:1;margin:0 0 0 auto;position:static;right:auto;top:auto;transform:none;transition:transform .16s ease,color .16s ease;width:auto}.navbar-item.has-dropdown:has(.navbar-dropdown)>span:after,.navbar-item.has-dropdown:has(.workspace-selector-dropdown)>span:after{color:var(--primary-color);transform:rotate(180deg)}}.notifications-container{color:var(--text-color);display:inline-block;position:relative}.notification-icon-wrapper{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;position:relative;transition:background-color var(--transition-speed);width:36px}.notification-icon-wrapper:hover{background-color:var(--hover-bg)}.mark-all-read-btn:focus-visible,.notification-icon-wrapper:focus-visible,.notification-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.notification-icon-wrapper.has-notifications .bell-icon{color:var(--primary-color)}.notification-icon-wrapper.has-notifications{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--primary-color)}.bell-icon{color:var(--text-secondary);font-size:1.3rem}.notification-badge{align-items:center;animation:notification-badge-enter .28s cubic-bezier(.22,1.4,.36,1) both;background:linear-gradient(135deg,#ff5b6e,var(--danger-color));border:2px solid var(--navbar-bg,var(--background-color));border-radius:999px;box-shadow:0 2px 7px #ef444461;color:#fff;display:flex;font-size:10px;font-weight:800;height:19px;justify-content:center;line-height:1;min-width:19px;padding:0 3px;position:absolute;right:-5px;top:-4px;transform-origin:center}@keyframes notification-badge-enter{0%{opacity:0;transform:scale(.55) translateY(3px)}65%{opacity:1;transform:scale(1.12) translateY(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.notification-badge{animation:none}}.notifications-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);border-radius:var(--border-radius-md,var(--border-radius));box-shadow:var(--shadow-lg);box-shadow:var(--dropdown-shadow,var(--shadow-lg));display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:-10px;top:calc(100% + 8px);width:320px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.notifications-header h3{color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.mark-all-read-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:4px 8px;transition:background-color var(--transition-speed)}.mark-all-read-btn:hover:not(:disabled),.mark-all-read-btn:hover:not(:disabled) span{background-color:var(--success-light);color:var(--success-color);color:var(--success-text,var(--success-color))}.mark-all-read-btn:disabled{color:var(--text-secondary);cursor:default;opacity:.6}.offline-status{align-items:center;color:var(--danger-color);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.notifications-list{max-height:60vh;overflow-y:auto;padding:var(--spacing-xs) 0}.notification-item{align-items:flex-start;background:#0000;border:0;border-bottom:1px solid var(--border-color);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color var(--transition-speed);width:100%}.notification-item:hover{background-color:var(--hover-bg)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:color-mix(in srgb,var(--primary-color) 5%,#0000)}.notification-icon-container{align-items:center;background-color:var(--hover-bg);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-icon{color:var(--text-secondary);font-size:var(--font-size-base)}.notification-icon.view{color:var(--info-color)}.notification-icon.member{color:var(--success-color)}.notification-icon.merge-approve{color:var(--primary-color)}.notification-icon.merge-reject{color:var(--danger-color)}.notification-icon.edit{color:var(--warning-color)}.notification-content{color:var(--text-color);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.notification-message{color:var(--text-color);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--spacing-xs) 0;word-break:break-word}.notification-content p{margin:0}.notification-time{align-self:flex-end;color:var(--text-secondary);font-size:11px}.no-notifications{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-lg) var(--spacing-md);text-align:center}.notifications-bell{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);justify-content:center;padding:var(--spacing-xs);position:relative;transition:all var(--transition-speed)}.notifications-bell:hover{background-color:var(--hover-bg);color:var(--text-color)}.notifications-bell.has-unread{color:var(--primary-color)}.unread-count{align-items:center;background-color:var(--danger-color);border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:var(--font-weight-bold);height:18px;justify-content:center;min-width:18px;position:absolute;right:0;top:0}.notifications-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);border-radius:var(--border-radius-md,var(--border-radius));box-shadow:var(--shadow-lg);box-shadow:var(--dropdown-shadow,var(--shadow-lg));display:flex;flex-direction:column;max-height:380px;overflow:hidden;position:fixed;width:320px;z-index:1200}.notifications-close-btn,.notifications-sheet-backdrop,.notifications-sheet-handle{display:none}.notifications-header-actions,.notifications-heading{align-items:center;display:flex}.notifications-heading{gap:8px;min-width:0}.notifications-header-actions{gap:4px}.notifications-unread-count{background:color-mix(in srgb,var(--primary-color) 13%,#0000);border-radius:999px;color:var(--primary-color);font-size:.68rem;font-weight:700;padding:2px 7px;white-space:nowrap}.notification-dismiss{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-top:2px;opacity:0;padding:var(--spacing-xs);transition:all var(--transition-speed)}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{background-color:var(--hover-bg);color:var(--text-color)}@media (max-width:640px){.notifications-dropdown{max-height:min(380px,calc(100dvh - 76px))}.notifications-list{max-height:calc(100vh - 120px)}}@media (max-width:700px){.notifications-sheet-backdrop{animation:notifications-sheet-fade .18s ease-out both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:color-mix(in srgb,#000 58%,#0000);border:0;display:block;inset:0;position:fixed;z-index:1199}.notifications-dropdown{animation:notifications-sheet-rise .24s cubic-bezier(.22,1,.36,1) both;border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color));border-radius:18px;bottom:8px;box-shadow:0 20px 52px color-mix(in srgb,#000 48%,#0000);left:8px!important;max-height:min(72dvh,560px)!important;right:auto;top:auto!important;width:calc(100vw - 16px)!important}.notifications-sheet-handle{background:color-mix(in srgb,var(--text-secondary) 40%,#0000);border-radius:999px;display:block;height:4px;margin:9px auto 3px;width:34px}.notifications-header{padding:10px 14px 12px}.notifications-header h3{font-size:.95rem;font-weight:650}.notifications-close-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:9px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.notifications-close-btn:hover{border-color:var(--primary-color);color:var(--text-color)}.notifications-list{flex:1 1;max-height:none;min-height:0;padding:4px 0 8px}.notification-item{padding:12px 14px}.notification-message{font-size:.8rem;line-height:1.45}}@keyframes notifications-sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes notifications-sheet-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.footer{background-color:var(--card-bg);background-color:var(--footer-bg,var(--card-bg));border-top:1px solid color-mix(in srgb,var(--border-color) 82%,#0000);color:var(--text-secondary);font-family:var(--font-family);font-size:13px;line-height:1.45;margin-top:0;overflow:visible;position:relative;width:100%;z-index:10}.footer-container{margin:0 auto;max-width:1400px;padding:60px 20px 20px}.footer-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr repeat(3,1fr) 1.5fr;margin-bottom:40px;text-align:left}.footer-brand-section{align-items:flex-start;display:flex;flex-direction:column}.footer-brand-section h3{color:var(--text-color);font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.footer-tagline{color:var(--text-secondary);font-size:.75rem;line-height:1.45;margin:0 0 18px}.footer-social{display:flex;gap:12px;margin-top:15px}.social-icon{align-items:center;background-color:color-mix(in srgb,var(--card-bg) 74%,var(--background-color));background-color:color-mix(in srgb,var(--footer-bg,var(--card-bg)) 74%,var(--background-color));border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.social-icon svg{height:17px;width:17px}.social-icon:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.footer-contact-section,.footer-links-section{align-items:flex-start;display:flex;flex-direction:column}.footer-contact-section h4,.footer-links-section h4{color:var(--text-color);font-size:.67rem;font-weight:700;letter-spacing:.06em;margin:0 0 14px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.contact-email,.footer-links li a{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.82rem;font-weight:500;gap:8px;text-decoration:none;transition:color .2s ease}.footer-icon{height:16px;opacity:.7;transition:opacity .2s ease;width:16px}.contact-email:hover,.footer-links li a:hover{color:var(--primary-color)}.contact-email:hover .footer-icon,.footer-links li a:hover .footer-icon{opacity:1}.contact-message{color:var(--text-secondary);font-size:.72rem;line-height:1.45;margin:12px 0 0}.footer-bottom{align-items:center;border-top:1px solid color-mix(in srgb,var(--border-color) 82%,#0000);color:var(--text-secondary);display:flex;font-size:.68rem;justify-content:space-between;padding-top:24px}.footer-legal-links{display:flex;gap:20px}.footer-legal-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover{color:var(--text-color)}@media (max-width:992px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand-section,.footer-contact-section{grid-column:span 2}}@media (max-width:768px){.footer-container{padding:36px 16px 16px}.footer-main{gap:28px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-section{grid-column:1/-1}.footer-contact-section{grid-column:auto}.footer-contact-section h4,.footer-links-section h4{margin-bottom:9px}.footer-links{gap:7px}.footer-bottom{flex-direction:column;gap:10px;margin-top:28px;text-align:center}.footer-legal-links{flex-wrap:wrap;gap:16px;justify-content:center}}.pgh-root{display:flex;flex-direction:column;gap:clamp(16px,2vw,28px);margin:0 auto;max-width:1280px;padding:clamp(16px,2vw,32px);width:100%}.pgh-hero{align-items:center;background:var(--gradient-hero);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:20px;isolation:isolate;justify-content:space-between;overflow:hidden;padding:clamp(24px,3vw,40px);position:relative}.pgh-hero:before{background:radial-gradient(120% 80% at 85% 0,#ffffff0f,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.pgh-hero-text{flex:1 1 280px;min-width:0}.pgh-hero-text h1{color:#fff;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 8px}.pgh-hero-text p{color:#ffffffd1;font-size:clamp(.9rem,.85rem + .3vw,1.05rem);line-height:1.5;margin:0;max-width:52ch}.pgh-kbd-hint{color:#ffffffb3;font-size:.8rem;margin-top:12px!important}.pgh-kbd-hint kbd{background:#ffffff29;border:1px solid #ffffff47;border-radius:6px;color:#fff;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.2;margin:0 2px;padding:2px 7px}.pgh-actions{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:10px;padding:12px}.pgh-action-btn{align-items:center;background-color:#ffffff14;border:1px solid #ffffff2e;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);white-space:nowrap}.pgh-action-icon{font-size:1.05rem}.pgh-action-btn:hover{background-color:#ffffff24;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pgh-action-btn:active{transform:translateY(0) scale(.98)}.pgh-action-btn--primary{background-color:var(--accent);border-color:#0000;color:#fff}.pgh-action-btn--primary:hover{background-color:var(--accent-hover)}.pgh-health-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:clamp(18px,2vw,26px)}.pgh-health-card .pgh-card-header{margin-bottom:18px}.pgh-health-card .pgh-card-title{margin-bottom:5px}.pgh-health-card .pgh-link-btn{align-items:center;display:inline-flex;gap:4px}.pgh-health-subtitle{color:var(--text-secondary);font-size:.8rem;margin:0}.pgh-health-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pgh-health-metric,.pgh-health-status{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;min-width:0;padding:14px}.pgh-health-status{grid-column:1/-1}.pgh-health-status>svg{flex:0 0 auto;font-size:1.25rem}.pgh-health-status.is-healthy>svg{color:var(--success-color)}.pgh-health-status.is-warning>svg{color:var(--warning-color)}.pgh-health-metric>span:nth-child(2),.pgh-health-status div{display:flex;flex-direction:column;min-width:0}.pgh-health-status strong{color:var(--text-color);font-size:.86rem}.pgh-health-status span{color:var(--text-secondary);font-size:.74rem;margin-top:3px}.pgh-health-metric{color:inherit;cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring);width:100%}.pgh-health-metric:hover{border-color:var(--accent);transform:translateY(-2px)}.pgh-health-metric>svg{color:var(--text-muted);margin-left:auto}.pgh-health-metric strong{color:var(--text-color);font-size:1.35rem;line-height:1}.pgh-health-metric small{color:var(--text-secondary);font-size:.72rem;margin-top:4px}.pgh-health-metric-icon{border-radius:var(--radius-sm);color:#fff;display:grid;flex:0 0 auto;height:36px;place-items:center;width:36px}.pgh-health-metric-icon--alerts{background:var(--warning-color);color:#231700}.pgh-health-metric-icon--incidents{background:var(--danger-color)}@media (max-width:560px){.pgh-health-card .pgh-card-header{align-items:flex-start;flex-direction:column}.pgh-health-grid{grid-template-columns:1fr}.pgh-health-status{grid-column:auto}}.pgh-performance-card .pgh-card-header{margin-bottom:18px}.pgh-performance-card .pgh-card-title{margin-bottom:5px}.pgh-performance-card .pgh-link-btn{align-items:center;display:inline-flex;gap:4px}.pgh-performance-list{grid-gap:8px;display:grid;gap:8px}.pgh-performance-row{grid-gap:10px;align-items:center;background:var(--surface-sunken);border:1px solid #0000;border-radius:var(--radius-md);color:inherit;display:grid;gap:10px;grid-template-columns:58px minmax(0,1fr) 48px 56px 16px;min-width:0;padding:10px 12px;text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.pgh-performance-row:hover{background:var(--hover-bg);border-color:var(--accent)}.pgh-performance-method,.pgh-performance-status{font:700 .68rem/1 Roboto Mono,ui-monospace,monospace;text-align:center}.pgh-performance-method{background:color-mix(in srgb,var(--text-muted) 14%,#0000);border-radius:5px;color:var(--text-secondary);padding:6px 5px}.pgh-performance-method.method-get{background:color-mix(in srgb,var(--method-get) 13%,#0000);color:var(--method-get)}.pgh-performance-method.method-post{background:color-mix(in srgb,var(--method-post) 13%,#0000);color:var(--method-post)}.pgh-performance-method.method-patch,.pgh-performance-method.method-put{background:color-mix(in srgb,var(--method-put) 13%,#0000);color:var(--method-put)}.pgh-performance-method.method-delete{background:color-mix(in srgb,var(--method-delete) 13%,#0000);color:var(--method-delete)}.pgh-performance-url{color:var(--text-color);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgh-performance-status.is-success{color:var(--success-color)}.pgh-performance-status.is-error{color:var(--danger-color)}.pgh-performance-status.is-neutral{color:var(--text-muted)}.pgh-performance-duration{color:var(--text-secondary);font:.7rem Roboto Mono,ui-monospace,monospace;text-align:right;white-space:nowrap}.pgh-performance-row>svg{color:var(--text-muted)}.pgh-performance-empty{min-height:118px}@media (max-width:560px){.pgh-performance-row{gap:8px;grid-template-columns:54px minmax(0,1fr) 44px 16px}.pgh-performance-duration{display:none}}.pgh-grid{grid-gap:clamp(16px,2vw,24px);display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:880px){.pgh-grid{grid-template-columns:minmax(0,1fr)}}.pgh-col{flex-direction:column;gap:clamp(16px,2vw,24px)}.pgh-card-drag,.pgh-col{display:flex;min-width:0}.pgh-card-drag{cursor:grab;position:relative}.pgh-card-drag>.pgh-card{flex:1 1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pgh-card-drag:after{background-image:radial-gradient(currentColor 1.4px,#0000 1.6px);background-size:5px 5px;color:var(--text-muted);content:"";height:10px;opacity:.35;pointer-events:none;position:absolute;right:14px;top:14px;transition:opacity .18s ease,color .18s ease;width:16px;z-index:2}.pgh-card-drag:hover:after{color:var(--accent);opacity:.9}.pgh-card-drag:hover>.pgh-card{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pgh-card-drag:active{cursor:grabbing}.pgh-card-drag:active>.pgh-card{box-shadow:var(--shadow-lg);opacity:.92;transform:scale(.99)}@media (prefers-reduced-motion:reduce){.pgh-card-drag:active>.pgh-card,.pgh-card-drag:hover>.pgh-card,.pgh-card-drag>.pgh-card{transform:none;transition:none}}.pgh-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;padding:clamp(18px,2vw,26px);transition:box-shadow var(--dur-base) var(--ease-out)}.pgh-card:hover{box-shadow:var(--shadow-md)}.pgh-card-title{align-items:center;color:var(--text-color);display:flex;font-size:clamp(1rem,.9rem + .4vw,1.2rem);font-weight:700;gap:10px;letter-spacing:-.01em;margin:0 0 16px}.pgh-card-title svg{color:var(--accent);flex-shrink:0}.pgh-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.pgh-card-header .pgh-card-title{margin:0}.pgh-link-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.pgh-link-btn:hover{background:var(--hover-bg);border-color:var(--accent)}.pgh-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pgh-stat{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;min-width:0;padding:14px;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.pgh-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pgh-stat-icon{background:var(--accent);border-radius:var(--radius-sm);color:#fff;display:grid;flex-shrink:0;font-size:1.1rem;height:40px;place-items:center;width:40px}.pgh-stat-icon--collections{background:var(--primary-color)}.pgh-stat-icon--workspaces{background:var(--protocol-grpc)}.pgh-stat-icon--requests{background:var(--method-post)}.pgh-stat-icon--pending{background:var(--warning-color);color:#1f1300}.pgh-stat-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.pgh-stat-value{color:var(--text-color);font-size:clamp(1.15rem,1rem + .5vw,1.5rem);font-weight:800;line-height:1.1}.pgh-stat-label{color:var(--text-secondary);font-size:.74rem;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pgh-list{display:flex;flex-direction:column;gap:8px}.pgh-activity-row{background:var(--surface-sunken);border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:12px;padding:12px;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.pgh-activity-row:hover{background:var(--hover-bg);border-color:var(--border-color)}.pgh-activity-icon{background:var(--accent);border-radius:var(--radius-sm);color:#fff;display:grid;flex-shrink:0;font-size:.95rem;height:34px;place-items:center;width:34px}.pgh-activity-body{flex:1 1;min-width:0}.pgh-activity-top{display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.pgh-activity-user{color:var(--text-color);font-size:.88rem;font-weight:600}.pgh-activity-time{color:var(--text-muted);font-size:.76rem;white-space:nowrap}.pgh-activity-message{color:var(--text-secondary);font-size:.84rem;line-height:1.45;margin:0}.pgh-row{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.pgh-row:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pgh-row-icon{background:var(--accent);border-radius:var(--radius-sm);color:#fff;display:grid;flex-shrink:0;font-size:1.1rem;height:40px;place-items:center;width:40px}.pgh-row-info{flex:1 1;min-width:0}.pgh-row-info h3{color:var(--text-color);font-size:.98rem;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgh-row-info p{color:var(--text-secondary);font-size:.82rem;margin:0}.pgh-row-arrow{color:var(--text-muted);flex-shrink:0;transition:transform var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.pgh-row:hover .pgh-row-arrow{color:var(--accent);transform:translateX(4px)}.pgh-collections{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:560px){.pgh-collections{grid-template-columns:minmax(0,1fr)}}.pgh-collection-card{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.pgh-collection-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pgh-collection-card h3{color:var(--text-color);font-size:.96rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgh-collection-card>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.82rem;line-height:1.4;margin:0;overflow:hidden}.pgh-collection-meta{color:var(--text-muted);display:flex;font-size:.76rem;gap:8px;justify-content:space-between;margin-top:auto}.pgh-quick-links{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:720px){.pgh-quick-links{grid-template-columns:minmax(0,1fr)}}.pgh-quick-link{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;display:flex;gap:14px;min-width:0;padding:16px;text-decoration:none;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.pgh-quick-link:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pgh-quick-link-icon{color:var(--accent);flex-shrink:0;font-size:1.3rem}.pgh-quick-link-body{min-width:0}.pgh-quick-link-body h3{color:var(--text-color);font-size:.92rem;font-weight:700;margin:0 0 2px}.pgh-quick-link-body p{color:var(--text-secondary);font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgh-loading{color:var(--text-muted);display:grid;font-size:.86rem;min-height:80px;padding:20px;place-items:center}.pgh-empty,.pgh-loading{background:var(--surface-sunken);border-radius:var(--radius-md);text-align:center}.pgh-empty{align-items:center;border:1px dashed var(--border-color);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:28px 20px;width:100%}.pgh-empty p{color:var(--text-secondary);font-size:.86rem;margin:0;max-width:40ch}.pgh-empty-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:9px 16px;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.pgh-empty-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.pgh-action-btn:focus-visible,.pgh-collection-card:focus-visible,.pgh-empty-btn:focus-visible,.pgh-link-btn:focus-visible,.pgh-quick-link:focus-visible,.pgh-row:focus-visible{border-radius:var(--radius-md);box-shadow:var(--ring);outline:none}@media (prefers-reduced-motion:reduce){.pgh-action-btn,.pgh-activity-row,.pgh-card,.pgh-collection-card,.pgh-quick-link,.pgh-row,.pgh-row-arrow,.pgh-stat{transition:none}.pgh-action-btn:hover,.pgh-collection-card:hover,.pgh-quick-link:hover,.pgh-row:hover,.pgh-stat:hover{transform:none}}.pg-loader{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px;padding:40px 20px;width:100%}.pg-loader--inline{flex-direction:row;gap:8px;min-height:0;padding:0}.pg-spinner{animation:pgSpin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);box-sizing:border-box;display:inline-block}.pg-loader--sm{border-width:2px;height:16px;width:16px}.pg-loader--md{height:36px;width:36px}.pg-loader--lg{border-width:4px;height:56px;width:56px}.pg-loader-label{color:var(--text-secondary);font-size:.86rem;text-align:center}.pg-loader--inline .pg-loader-label{font-size:.82rem}@keyframes pgSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pg-spinner{animation-duration:1.5s}}.spotlight-section{margin:0 auto;max-width:1200px;padding:clamp(16px,3vw,32px);width:100%}.spotlight-header{margin-bottom:32px}.spotlight-header h2{align-items:center;color:var(--text-color);display:flex;font-size:1.5rem;font-weight:650;letter-spacing:-.01em;margin-bottom:8px;margin-top:0}.spotlight-section .header-icon{color:var(--primary-color);margin-right:12px}.spotlight-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.featured-apis{margin-bottom:40px}.featured-apis h3{color:var(--text-color);font-size:1.15rem;font-weight:650;letter-spacing:-.01em;margin:0 0 20px}.api-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.api-card{background-color:var(--card-bg);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 4%,#0000);padding:24px;transition:all .2s cubic-bezier(.16,1,.3,1)}.api-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 12%,#0000);transform:translateY(-3px)}.api-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.api-header h4{color:var(--text-color);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.category-badge{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase}.api-description{flex:1 1;font-size:.9rem;line-height:1.5;margin:0 0 24px}.api-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.api-stats{display:flex;gap:16px}.api-rating,.api-usage{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500}.star-icon{color:#fbbf24;color:var(--warning-color,#fbbf24);margin-right:6px}.usage-icon{margin-right:6px}.usage-icon,.view-api-btn{color:var(--primary-color)}.view-api-btn{align-items:center;background-color:initial;border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:6px 16px;transition:all .15s ease}.view-api-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 8%,#0000)}.spotlight-community{align-items:center;background-color:color-mix(in srgb,var(--primary-color) 4%,var(--card-bg));border:1px solid color-mix(in srgb,var(--primary-color) 20%,var(--border-color));border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;gap:32px;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}.spotlight-community:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.community-content{flex:1 1}.spotlight-community h3{color:var(--text-color);font-size:1.15rem;font-weight:650;letter-spacing:-.01em;margin:0 0 8px}.community-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;max-width:65ch}.explore-community-btn{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--button-text);cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .15s ease;white-space:nowrap}.explore-community-btn:hover{filter:brightness(1.1)}@media (max-width:768px){.spotlight-community{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}.explore-community-btn{justify-content:center;width:100%}}.ai-agent-tools-section{width:100%}.ai-tools-section{margin:0 auto;max-width:1280px;padding:clamp(24px,4vw,48px) clamp(16px,4vw,56px)}.ai-tools-header{margin-bottom:clamp(32px,5vw,48px);max-width:760px;padding-left:18px;position:relative}.ai-tools-header:before{background:var(--primary-color);border-radius:999px;bottom:2px;content:"";left:0;position:absolute;top:2px;width:3px}.ai-tools-header h2{align-items:center;color:var(--text-color);display:flex;font-size:clamp(1.45rem,2.5vw,1.8rem);font-weight:650;letter-spacing:-.025em;margin-bottom:12px;margin-top:0}.ai-tools-section .header-icon{color:var(--primary-color);margin-right:12px}.ai-tools-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin:0;max-width:72ch}.ai-tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.ai-tool-card{background:linear-gradient(145deg,var(--card-bg),color-mix(in srgb,var(--background-color) 28%,var(--card-bg)));border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 8px 24px color-mix(in srgb,#000 24%,#0000);display:flex;flex-direction:column;min-height:184px;padding:26px 24px 24px;transition:all .2s cubic-bezier(.16,1,.3,1)}.ai-tool-card:focus-within,.ai-tool-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 12%,#0000);transform:translateY(-3px)}.ai-tool-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:22px}.ai-tool-icon{align-items:center;background-color:color-mix(in srgb,var(--primary-color) 10%,var(--background-color));border-radius:12px;border-radius:var(--radius-md,12px);color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.ai-tool-title{flex:1 1}.ai-tool-title h3{color:var(--text-color);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.ai-tool-category{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.premium-badge{background-color:color-mix(in srgb,var(--warning-color) 15%,#0000);border:1px solid color-mix(in srgb,var(--warning-color) 30%,#0000);border-radius:999px;color:var(--warning-color);font-size:.65rem;font-weight:650;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.ai-tool-description{color:var(--text-secondary);flex:1 1;font-size:.86rem;line-height:1.5;margin:0 0 20px}@media (max-width:640px){.ai-tools-section{padding-inline:16px}.ai-tools-header{padding-left:14px}.ai-tools-grid{grid-template-columns:1fr}.ai-tool-card{min-height:0}}.use-tool-btn{align-items:center;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:filter .15s ease;width:100%}.use-tool-btn:hover{filter:brightness(1.1)}.custom-agent-section{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;gap:32px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.custom-agent-section:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.custom-agent-content{flex:3 1}.custom-agent-content h3{color:var(--text-color);font-size:1.25rem;font-weight:650;letter-spacing:-.01em;margin:0 0 8px}.custom-agent-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 16px}.agent-benefits{color:var(--text-secondary);font-size:.9rem;margin:0 0 24px;padding-left:20px}.agent-benefits li{margin-bottom:8px}.agent-benefits li:last-child{margin-bottom:0}.create-agent-btn{align-items:center;background-color:initial;border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .15s ease}.create-agent-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 8%,#0000)}.custom-agent-image{flex:2 1}.custom-agent-image,.image-placeholder{align-items:center;display:flex;justify-content:center}.image-placeholder{background-color:color-mix(in srgb,var(--primary-color) 5%,#0000);border:1px dashed color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:50%;color:color-mix(in srgb,var(--primary-color) 60%,#0000);height:140px;position:relative;width:140px}.image-placeholder:after{border:1px solid color-mix(in srgb,var(--primary-color) 15%,#0000);border-radius:50%;content:"";inset:-12px;position:absolute}.ai-tools-insights{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);padding:32px}.ai-tools-insights h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 24px}.insights-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-item{background:var(--background-color);border-radius:12px;border-radius:var(--radius-md,12px);padding:20px}.stat-value{color:var(--primary-color);letter-spacing:-.02em}.stat-label{font-size:.85rem}@media (max-width:768px){.custom-agent-section{flex-direction:column;gap:24px;padding:24px;text-align:center}.custom-agent-section:before{bottom:auto;height:4px;right:0;width:100%}.agent-benefits{display:inline-block;text-align:left}.create-agent-btn{justify-content:center;width:100%}.custom-agent-image{order:-1}}.eval-collections-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;max-width:480px;padding:0}.eval-collection-row .use-tool-btn{justify-content:space-between;width:100%}.collections-panel{background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--primary-color) 10%,#0000),#0000 28%),var(--card-bg);border:1px solid color-mix(in srgb,var(--primary-color) 24%,var(--border-color));border-radius:16px;border-radius:var(--radius-lg,16px);margin-bottom:32px;overflow:hidden;padding:clamp(24px,4vw,40px);position:relative}.collections-panel:before{background:var(--primary-color);content:"";inset:0 auto 0 0;position:absolute;width:3px}.collections-panel-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.section-eyebrow{align-items:center;color:color-mix(in srgb,var(--primary-color) 78%,var(--text-color));display:flex;font-size:.72rem;font-weight:700;gap:7px;letter-spacing:.11em;margin-bottom:0}.section-eyebrow svg{font-size:.85rem}.collections-panel .custom-agent-content{flex:1 1}.collections-panel .custom-agent-content h3{align-items:center;display:flex;font-size:clamp(1.2rem,2vw,1.45rem);gap:10px;margin-bottom:8px;margin-top:28px}.collections-panel .custom-agent-content h3 span{font-feature-settings:"tnum";align-items:center;border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:999px;color:var(--primary-color);display:inline-flex;font-size:.68rem;font-variant-numeric:tabular-nums;height:22px;justify-content:center;line-height:1;min-width:28px;padding:0 8px}.collections-panel .custom-agent-content p{margin-bottom:0}.collections-search{align-items:center;background:color-mix(in srgb,var(--background-color) 86%,var(--card-bg));border:1px solid var(--border-color);border-radius:999px;box-sizing:border-box;color:var(--text-secondary);display:flex;flex:0 1 360px;gap:9px;min-height:42px;min-width:240px;padding:0 13px;transition:border-color .15s ease,box-shadow .15s ease;width:min(360px,100%)}.collections-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 13%,#0000)}.collections-search input{background:#0000!important;border:0!important;box-shadow:none!important;color:var(--text-color);font:inherit;font-size:.85rem;height:40px;min-width:0;outline:0!important;padding:0!important;width:100%}.collections-search input::placeholder{color:var(--text-secondary)}.collections-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.collections-search>svg{color:var(--text-secondary);flex:0 0 auto;font-size:1.05rem}.collections-panel .eval-collections-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:0;max-width:none}.eval-collection-row .use-tool-btn{background:color-mix(in srgb,var(--background-color) 68%,var(--card-bg));border:1px solid var(--border-color);color:var(--text-color);justify-content:flex-start;min-height:74px;padding:14px 16px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.eval-collection-row .use-tool-btn:hover{background:color-mix(in srgb,var(--primary-color) 9%,var(--card-bg));border-color:var(--primary-color);filter:none;transform:translateY(-1px)}.collection-card-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:10px;color:var(--primary-color);display:inline-flex;flex:0 0 38px;height:38px;justify-content:center;width:38px}.collection-card-copy{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.collection-card-copy strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card-copy small{color:var(--text-secondary);font-size:.74rem;font-weight:500}.collection-card-arrow{color:var(--primary-color);flex:0 0 auto}.collections-no-results{border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);margin:0;padding:24px;text-align:center}@media (max-width:640px){.collections-panel-header{align-items:stretch;flex-direction:column;gap:18px}.collections-search{width:100%}}.mcp-workbench{box-sizing:border-box;color:var(--text-color);min-height:100%;padding:24px 28px 36px;width:100%}.mcp-card-heading,.mcp-connection-pill,.mcp-hero,.mcp-server-details{align-items:center;display:flex}.mcp-hero{border-bottom:1px solid var(--border-color);gap:20px;justify-content:space-between;margin:0 0 20px;padding:0 0 18px}.mcp-hero-actions{align-items:center;display:flex;flex:0 0 auto;gap:9px}.mcp-eyebrow{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.72rem;font-weight:700;gap:7px;letter-spacing:.08em;text-transform:uppercase}.mcp-hero h1{color:var(--text-color);font-size:1.35rem;font-weight:650;letter-spacing:-.02em;margin:6px 0 5px}.mcp-card-heading p,.mcp-empty,.mcp-hero p{color:var(--text-secondary);font-size:.84rem;line-height:1.5;margin:0}.mcp-connection-pill{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);flex:0 0 auto;font-size:.76rem;font-weight:600;gap:7px;padding:7px 10px}.mcp-connection-pill span{background:var(--text-muted);border-radius:50%;height:7px;width:7px}.mcp-connection-pill--connected span{background:var(--success-color)}.mcp-connection-pill--connecting span{background:var(--warning-color)}.mcp-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:none;box-sizing:border-box;padding:18px}.mcp-card-heading{gap:16px;justify-content:space-between;margin-bottom:16px}.mcp-card-heading h2,.mcp-catalog-card h2,.mcp-result h3{color:var(--text-color);font-size:.95rem;font-weight:650;letter-spacing:-.01em;margin:0 0 3px}.mcp-primary-button{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font:inherit;font-size:.82rem;font-weight:600;gap:7px;justify-content:center;min-height:36px;padding:8px 13px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.mcp-primary-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.mcp-primary-button:active:not(:disabled){transform:translateY(1px)}.mcp-primary-button:disabled{cursor:not-allowed;opacity:.55}.mcp-primary-button:focus-visible{box-shadow:var(--ring);outline:none}.mcp-icon-button,.mcp-secondary-button,.mcp-text-button{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:600;gap:7px;justify-content:center;min-height:36px}.mcp-secondary-button{padding:8px 11px}.mcp-icon-button{color:var(--text-secondary);padding:0;width:36px}.mcp-text-button{background:#0000;border:0;color:var(--primary-color);min-height:auto;padding:3px 0}.mcp-icon-button:hover:not(:disabled),.mcp-secondary-button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.mcp-text-button:hover{color:var(--primary-hover);text-decoration:underline}.mcp-icon-button:disabled,.mcp-secondary-button:disabled{cursor:not-allowed;opacity:.52}.mcp-icon-button:focus-visible,.mcp-secondary-button:focus-visible,.mcp-text-button:focus-visible{box-shadow:var(--ring);outline:none}.mcp-profile-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:minmax(180px,.9fr) minmax(180px,1fr) auto;margin-bottom:16px}.mcp-profile-grid label{grid-gap:7px;color:var(--text-secondary);display:grid;font-size:.72rem;font-weight:650;gap:7px}.mcp-profile-grid input{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.84rem;min-height:40px;padding:10px 11px;width:100%}.mcp-profile-grid input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 14%,#0000);outline:none}.mcp-profile-actions{display:flex;gap:7px}.mcp-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mcp-form-grid label{grid-gap:7px;color:var(--text-secondary);display:grid;font-size:.72rem;font-weight:650;gap:7px}.mcp-form-grid input,.mcp-form-grid textarea{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.84rem;padding:10px 11px;resize:vertical;width:100%}.mcp-form-grid input:focus,.mcp-form-grid textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 14%,#0000);outline:none}.mcp-form-grid textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.45}.mcp-workbench .app-select.app-select .app-select-trigger{background-color:var(--background-color)!important;background-color:var(--surface-sunken,var(--background-color))!important;border-color:var(--border-color);border-radius:8px;font-size:.84rem;min-height:40px;padding:10px 11px}.mcp-workbench .app-select.app-select .app-select-trigger:focus-visible,.mcp-workbench .app-select.app-select .app-select-trigger:hover{background-color:color-mix(in srgb,var(--primary-color) 6%,var(--background-color))!important;background-color:color-mix(in srgb,var(--primary-color) 6%,var(--surface-sunken,var(--background-color)))!important;border-color:var(--primary-color)}.mcp-server-details{color:var(--text-secondary);flex-wrap:wrap;font-size:.76rem;gap:9px;margin-top:14px}.mcp-server-details strong{color:var(--text-color)}.mcp-server-details span{border-left:1px solid var(--border-color);padding-left:9px}.mcp-error{align-items:center;color:#ef4444;color:var(--error-color,#ef4444);display:flex;font-size:.82rem;gap:8px;margin:14px 0 0}.mcp-operations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:16px}.mcp-history-card .mcp-card-heading h2,.mcp-inspector-card .mcp-card-heading h2{align-items:center;display:flex;gap:7px}.mcp-history-list{grid-gap:2px;display:grid;gap:2px;list-style:none;margin:0;max-height:214px;overflow:auto;padding:0}.mcp-history-list li{grid-gap:9px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,#0000);display:grid;gap:9px;grid-template-columns:8px minmax(0,1fr) auto;padding:8px 2px}.mcp-history-list li:last-child{border-bottom:0}.mcp-history-status{background:var(--success-color);border-radius:50%;height:7px;width:7px}.mcp-history-status--failed{background:#ef4444;background:var(--error-color,#ef4444)}.mcp-history-list div{grid-gap:2px;display:grid;gap:2px;min-width:0}.mcp-history-list strong{color:var(--text-color);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-history-list span,.mcp-history-list time{color:var(--text-secondary);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-history-list time{max-width:138px}.mcp-inspector-list{grid-gap:7px;display:grid;gap:7px;max-height:214px;overflow:auto}.mcp-inspector-list details{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:7px}.mcp-inspector-list summary{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.76rem;font-weight:600;gap:10px;justify-content:space-between;padding:8px 10px}.mcp-inspector-list summary time{color:var(--text-secondary);font-size:.7rem;font-weight:400}.mcp-inspector-list pre{color:var(--text-color);font:.72rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0;max-height:260px;overflow:auto;padding:0 10px 10px;white-space:pre-wrap}.mcp-catalog-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.mcp-catalog-card{min-height:174px}.mcp-catalog-card h2{align-items:center;display:flex;gap:8px}.mcp-catalog-card h2 span{background:var(--primary-light);border-radius:5px;color:var(--primary-color);font-size:.69rem;padding:2px 6px}.mcp-catalog-card ul{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:14px 0 0;max-height:230px;overflow:auto;padding:0}.mcp-catalog-card li{grid-gap:3px;display:grid;gap:3px}.mcp-catalog-card li strong{color:var(--text-color);font-size:.8rem}.mcp-catalog-card li span{color:var(--text-secondary);font-size:.76rem;line-height:1.4}.mcp-tool-runner{margin-top:16px}.mcp-runner-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.mcp-runner-grid .mcp-tool-runner{margin-top:0}.mcp-form-grid--stacked{grid-template-columns:1fr}.mcp-guided-fields{grid-gap:10px;background:color-mix(in srgb,var(--primary-color) 3%,var(--background-color));background:color-mix(in srgb,var(--primary-color) 3%,var(--surface-sunken,var(--background-color)));border:1px solid var(--border-color);border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:11px}.mcp-guided-fields label{grid-gap:6px;color:var(--text-secondary);display:grid;font-size:.72rem;font-weight:650;gap:6px}.mcp-guided-fields input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:7px;box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.8rem;min-height:38px;padding:8px 9px;width:100%}.mcp-guided-fields input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 12%,#0000);outline:none}.mcp-guided-fields em{color:#ef4444;color:var(--error-color,#ef4444);font-size:.65rem;font-style:normal;font-weight:600;margin-left:5px}.mcp-result,.mcp-schema{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:13px}.mcp-schema summary{color:var(--text-color);cursor:pointer;font-size:.82rem;font-weight:600}.mcp-result pre,.mcp-schema pre{color:var(--text-color);font:.78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:11px 0 0;max-height:420px;overflow:auto;white-space:pre-wrap}@media (max-width:900px){.mcp-catalog-grid,.mcp-operations-grid,.mcp-runner-grid{grid-template-columns:1fr}.mcp-hero{align-items:flex-start;flex-direction:column}}@media (max-width:650px){.mcp-workbench{padding:18px}.mcp-form-grid,.mcp-profile-grid{grid-template-columns:1fr}.mcp-card-heading{align-items:flex-start;flex-direction:column}.mcp-primary-button,.mcp-profile-actions,.mcp-secondary-button{width:100%}.mcp-icon-button{flex:0 0 36px}.mcp-hero-actions{align-items:stretch;flex-direction:column-reverse;width:100%}.mcp-server-details{align-items:flex-start;flex-direction:column}.mcp-server-details span{border:0;padding:0}}:root{--form-spacing:20px;--input-height:42px;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:6px}.request-workspace{background-color:var(--background-color);color:var(--text-color);position:relative}.request-workspace form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.request-name-container{background-color:var(--background-color);padding:16px 24px 8px}.request-source-trace{color:var(--primary-color);display:inline-block;font-size:12px;font-weight:600;margin-top:6px;text-decoration:none}.request-source-trace:hover{text-decoration:underline}.request-name-input{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-color);font-size:18px;font-weight:600;outline:none;padding:4px 0;transition:border-color .2s;width:100%}.request-name-input:focus{border-bottom-color:var(--primary-color)}.request-url-bar{align-items:center;background-color:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:8px 24px 16px}.request-method-select{--request-method-color:var(--method-get);background:#0000!important;border:none!important;box-shadow:none!important;flex:0 0 116px;width:116px}.request-method-select.method-post{--request-method-color:var(--method-post)}.request-method-select.method-put{--request-method-color:var(--method-put)}.request-method-select.method-delete{--request-method-color:var(--method-delete)}.request-method-select.method-patch{--request-method-color:var(--method-patch)}.request-method-select.method-head{--request-method-color:var(--text-muted)}.request-method-select.method-options{--request-method-color:var(--protocol-sse)}.request-method-select.method-graphql{--request-method-color:#e10098}.request-method-select.method-delete,.request-method-select.method-get,.request-method-select.method-head,.request-method-select.method-options,.request-method-select.method-patch,.request-method-select.method-post,.request-method-select.method-put{background:#0000!important;border:none!important;box-shadow:none!important}.app-select-list.request-method-menu{max-height:none;overflow-y:visible}.request-workspace .request-method-select .app-select-trigger{background:var(--request-method-color);border:none!important;border-radius:999px;box-shadow:none;color:#fff;font-size:.78rem;font-weight:700;height:42px;height:var(--input-height);letter-spacing:.05em;outline:none;padding:0 12px}.request-workspace .request-method-select .app-select-trigger:focus-visible,.request-workspace .request-method-select .app-select-trigger:hover{background:color-mix(in srgb,var(--request-method-color) 85%,#000);border:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--request-method-color) 30%,#0000);outline:none}.request-workspace .request-method-select .app-select-chevron{color:#ffffffbf}.url-input{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:inset 0 1px 2px #00000005;flex:1 1;height:42px;height:var(--input-height);outline:none;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.url-input,.url-input:focus{background-color:var(--card-bg)}.url-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.url-input::placeholder{color:var(--text-muted);opacity:.6}.save-btn,.send-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:42px;height:var(--input-height);justify-content:center;padding:0 24px;transition:all .2s ease}.send-btn{align-items:center;background-color:var(--primary-color);color:#fff;display:inline-flex;gap:8px;min-width:90px}.send-btn:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-light);transform:translateY(-1px)}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);min-width:80px;padding:0 16px}.save-btn:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--text-muted)}.request-tabs{background-color:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;gap:4px;overflow-x:auto;padding:8px 24px;scrollbar-width:none}.request-tabs::-webkit-scrollbar{display:none}.request-tab{align-items:center;border-radius:6px;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.request-tab:hover{background-color:var(--hover-bg);color:var(--text-color)}.request-tab.active{background-color:var(--primary-light);color:var(--primary-color)}.auth-config,.auth-section,.body-section,.export-options-section,.headers-section,.network-flow-section,.params-section,.script-section,.ssl-config-container,.ssl-section,.variables-section{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background-color:var(--card-bg);flex:1 1;overflow-y:auto;padding:32px}.graphql-request-section{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background:var(--card-bg);flex:1 1;overflow-y:auto;padding:32px}.graphql-editor-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.graphql-editor-field{grid-gap:7px;color:var(--text-secondary);display:grid;font-size:.78rem;font-weight:650;gap:7px;min-width:0}.graphql-editor-field--schema{grid-column:1/-1}.graphql-editor-field textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-family:Monaco,Menlo,monospace;font-family:var(--tester-mono,"Monaco","Menlo",monospace);font-size:.82rem;line-height:1.55;min-height:180px;outline:none;padding:12px;resize:vertical;width:100%}.graphql-editor-field--schema textarea{min-height:150px}.graphql-editor-field textarea:focus,.graphql-operation-row input:focus{border-color:var(--primary-color);box-shadow:var(--ring)}.graphql-operation-row{align-items:flex-end;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:16px;justify-content:space-between;margin-top:16px;padding:14px}.graphql-operation-row label{grid-gap:6px;color:var(--text-secondary);display:grid;font-size:.76rem;font-weight:650;gap:6px;min-width:min(100%,360px)}.graphql-operation-row input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font:inherit;height:36px;outline:none;padding:0 10px}.graphql-operation-row p{color:var(--text-secondary);font-size:.78rem;line-height:1.45;margin:0}@media (max-width:700px){.graphql-request-section{padding:20px}.graphql-editor-grid{grid-template-columns:1fr}.graphql-editor-field--schema{grid-column:auto}.graphql-operation-row{align-items:stretch;flex-direction:column}}.debug-console-section{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background-color:var(--card-bg);flex:1 1;padding:0}.section-header-row{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;margin-bottom:20px;padding-bottom:16px}.section-title{color:var(--text-color);font-size:18px;gap:10px}.section-title svg{color:var(--primary-color)}.section-description{color:var(--text-muted);font-size:13px}.request-workspace .table-container{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000001a;margin-bottom:24px;overflow:hidden;width:100%}.request-workspace .params-table{border-collapse:collapse;width:100%}.request-workspace .table-container .params-table th{background-color:color-mix(in srgb,var(--hover-bg) 40%,#0000);border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;padding:14px 16px;position:relative;text-align:left;text-transform:uppercase}.request-workspace .col-resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:8px;z-index:4}.request-workspace .col-resizer:after{background-color:var(--border-color);border-radius:1px;bottom:20%;content:"";position:absolute;right:3px;top:20%;transition:background-color .15s ease;width:2px}.request-workspace .col-resizer:focus-visible:after,.request-workspace .col-resizer:hover:after{background-color:var(--primary-color)}.workspace-resizing .request-workspace .params-table,.workspace-resizing .request-workspace .table-container{cursor:col-resize}.request-workspace .params-table tr.param-row{display:table-row;transition:all .2s ease}.request-workspace .params-table tr.param-row:hover{background-color:var(--hover-bg)}.request-workspace .params-table td{border-bottom:1px solid var(--border-color);padding:10px 16px;vertical-align:middle}.request-workspace .params-table tr:last-child td{border-bottom:none}.request-workspace .checkbox-cell{text-align:center}.request-workspace .custom-checkbox{align-items:center;display:flex;justify-content:center}.request-workspace .custom-checkbox input{display:none}.request-workspace .custom-checkbox label{background:#0000;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.request-workspace .custom-checkbox input:checked+label{background-color:var(--primary-color);border-color:var(--primary-color)}.request-workspace .custom-checkbox input:checked+label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.request-workspace .custom-checkbox label:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.request-workspace .table-input{background-color:initial;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-md);color:var(--text-color);font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.request-workspace .table-input:hover{background-color:color-mix(in srgb,var(--hover-bg) 40%,#0000)}.request-workspace .table-input:focus{background-color:var(--background-color);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.request-workspace .action-cell{text-align:center}.request-workspace .delete-row-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.request-workspace .delete-row-btn:hover{background-color:#ef444426;color:#ef4444}.request-workspace .empty-table-row{color:var(--text-muted);font-size:13px;font-style:italic;padding:48px 24px!important;text-align:center}.add-row-container{display:flex;justify-content:flex-start}.modern-add-btn{align-items:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-add-btn:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateX(4px)}.modern-add-btn svg{transition:transform .3s ease}.modern-add-btn:hover svg{transform:rotate(90deg)}.section-header{color:var(--text-color);font-size:16px;font-weight:600}.body-section{display:flex;flex-direction:column}.body-type-tabs{background-color:var(--hover-bg);border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:8px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.body-type-tab{border-radius:6px;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;transition:all .2s ease}.body-type-tab:hover{color:var(--text-color)}.body-type-tab.active{background-color:var(--card-bg);box-shadow:0 1px 3px #0000001a;color:var(--primary-color)}.body-editor,.script-editor{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:var(--text-color);flex:1 1;font-family:Roboto Mono,monospace;font-size:13px;line-height:1.6;min-height:250px;outline:none;padding:16px;resize:vertical;transition:border-color .2s}.body-editor:focus,.script-editor:focus{border-color:var(--primary-color)}.binary-dropzone,.binary-upload{display:flex;flex:1 1}.binary-dropzone{align-items:center;border:1px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);color:var(--text-muted);cursor:pointer;flex-direction:column;gap:8px;justify-content:center;padding:32px;transition:border-color .15s ease,background-color .15s ease}.binary-dropzone.dragging,.binary-dropzone:hover{background-color:var(--background-color);border-color:var(--primary-color)}.binary-dropzone-title{color:var(--text-color);font-size:14px}.binary-dropzone-hint{font-size:12px}.binary-file-input{display:none}.binary-file-selected{align-items:center;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);display:flex;flex:1 1;gap:10px;padding:12px 16px}.binary-file-meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.binary-file-name{color:var(--text-color);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binary-file-size{color:var(--text-muted);font-size:12px}.binary-file-replace{color:var(--primary-color);cursor:pointer;font-size:12px;padding:4px 8px}.binary-file-remove{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px}.binary-file-remove:hover{color:var(--text-color)}.script-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.script-header h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.script-actions{display:flex;gap:8px}.script-actions .btn{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:32px;padding:0 12px;transition:all .15s ease}.script-actions .btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.script-actions .btn:focus{outline:none}.script-actions .btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.script-results{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);margin-top:16px;padding:16px}.script-results h5{color:var(--text-color);font-size:13px;font-weight:600;margin:0 0 10px}.script-results h6{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;margin:12px 0 8px;text-transform:uppercase}.result-status{align-items:center;border-radius:999px;display:inline-flex;gap:6px;padding:4px 10px}.result-status.success{background-color:#22c55e1f;color:#22c55e}.result-status.error,.script-errors .error-item{background-color:var(--danger-bg);color:var(--danger-text)}.script-errors .error-item{border:1px solid var(--danger-border);border-radius:6px;border-radius:var(--border-radius-sm);font-family:Roboto Mono,monospace;font-size:12px;margin-bottom:6px;padding:8px 10px}.visualization-list{display:flex;flex-direction:column;gap:6px}.visualization-item{align-items:center;border:1px solid var(--border-color);display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.visualization-item,.visualization-item .btn{border-radius:6px;border-radius:var(--border-radius-sm);color:var(--text-color)}.visualization-item .btn{background-color:var(--background-color);border:1px solid var(--border-color);cursor:pointer;font-size:11px;height:26px;padding:0 10px}.visualization-item .btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.debug-console-section{display:flex;flex-direction:column;height:100%;overflow:hidden}.debug-console-header{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.debug-title{align-items:center;display:flex;gap:8px}.debug-icon{color:var(--primary-color);display:flex}.debug-title h4{color:var(--text-color);font-size:15px;font-weight:600;margin:0}.debug-status{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;margin-left:6px;padding:3px 8px}.debug-status .status-indicator{animation:debugPulse 2s ease-in-out infinite;background-color:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e26;height:7px;width:7px}@keyframes debugPulse{0%,to{box-shadow:0 0 0 3px #22c55e26}50%{box-shadow:0 0 0 5px #22c55e14}}.debug-actions{display:flex;flex-wrap:wrap;gap:8px}.debug-btn{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:32px;padding:0 12px;transition:all .15s ease}.debug-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.debug-btn:active{transform:translateY(1px)}.debug-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.debug-btn-primary:hover{background-color:var(--primary-hover)}.debug-btn-ghost{background-color:initial}.debug-btn-accent{border-color:var(--primary-color);color:var(--primary-color)}.debug-content{background-color:var(--background-color);overflow:hidden}.debug-content,.modern-debug-placeholder{display:flex;flex:1 1;flex-direction:column}.modern-debug-placeholder{min-height:0}.debug-tabs{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:8px 24px 0}.debug-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.debug-tab:hover{color:var(--text-color)}.debug-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.debug-panels{flex:1 1;overflow:hidden}.console-filters{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:10px 24px}.filter-group{gap:4px}.filter-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;height:26px;padding:0 12px;transition:all .15s ease}.filter-btn:hover{color:var(--text-color)}.filter-btn.active{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.empty-body{align-items:center;border:1px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);color:var(--text-muted);display:flex;flex:1 1;font-size:14px;justify-content:center}.response-split-divider{background:var(--background-color);border-top:1px solid var(--border-color);cursor:row-resize;flex:none;height:8px;position:relative;touch-action:none}.response-split-divider:after{background:var(--border-color);border-radius:999px;content:"";height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .15s ease;width:44px}.response-split-divider:active:after,.response-split-divider:hover:after{background:var(--primary-color)}body.workspace-resizing{cursor:row-resize;-webkit-user-select:none;user-select:none}.response-section{border-top:1px solid var(--border-color);padding:24px}.response-section h3{align-items:center;display:flex;font-size:15px;justify-content:space-between;margin-bottom:16px}.has-variables{color:var(--primary-color)!important;font-weight:500}.has-missing-variables{color:var(--danger-color)!important;-webkit-text-decoration:underline wavy var(--danger-color);text-decoration:underline wavy var(--danger-color)}.variable-validation-error{background:color-mix(in srgb,#ffc107 10%,var(--card-bg));background:color-mix(in srgb,var(--warning-color,#ffc107) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--warning-color,#ffc107) 42%,var(--border-color));border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-color);margin:12px 24px 16px;padding:12px 14px}.variable-validation-header{align-items:center;color:#854d0e;display:flex;font-weight:600;justify-content:space-between;margin-bottom:10px}.variable-validation-title{align-items:center;display:inline-flex;gap:8px}.variable-validation-icon{color:#a16207;font-size:14px}.variable-validation-dismiss{align-items:center;background:#0000;border:0;border-radius:6px;color:#854d0e;cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin:-6px -7px -6px 8px;padding:0;width:28px}.variable-validation-dismiss:focus-visible,.variable-validation-dismiss:hover{background:color-mix(in srgb,#ffc107 18%,var(--card-bg));background:color-mix(in srgb,var(--warning-color,#ffc107) 18%,var(--card-bg));outline:none}.missing-variables-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.missing-variable-chip{background:color-mix(in srgb,#ffc107 16%,var(--card-bg));background:color-mix(in srgb,var(--warning-color,#ffc107) 16%,var(--card-bg));border:1px solid color-mix(in srgb,var(--warning-color,#ffc107) 36%,var(--border-color));border-radius:999px;color:#854d0e;font-family:Roboto Mono,monospace;font-size:12px;line-height:1.3;padding:3px 8px}.variable-validation-message{color:var(--text-secondary);font-size:13px;line-height:1.45}.auth-config{gap:24px}.auth-config,.auth-type-section{display:flex;flex-direction:column}.auth-type-section{gap:16px}.export-options-section{display:flex;flex-direction:column;gap:0}.export-options-section .auth-type-grid{margin-bottom:16px}.export-preview-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);margin-top:4px;overflow:hidden}.export-preview-head{align-items:center;background:color-mix(in srgb,var(--primary-light) 30%,var(--card-bg));border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:10px 14px}.export-preview-head svg{color:var(--primary-color)}.export-preview-title{color:var(--text-color);flex:1 1;font-size:13px;font-weight:600}.export-copy-btn{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:background .15s ease,opacity .15s ease}.export-copy-btn:hover{opacity:.9}.export-preview-code{color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;margin:0;max-height:320px;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.auth-type-section .section-header-row{margin-bottom:4px}.auth-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.auth-type-card{align-items:flex-start;background:color-mix(in srgb,var(--card-bg) 70%,#0000);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:16px 18px;position:relative;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.auth-type-card:hover{background:color-mix(in srgb,var(--primary-light) 50%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 60%,var(--border-color));transform:translateY(-1px)}.auth-type-card.active{background:color-mix(in srgb,var(--primary-light) 80%,var(--card-bg));border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color),0 8px 24px -16px color-mix(in srgb,var(--primary-color) 60%,#0000)}.auth-type-card-icon{align-items:center;background:color-mix(in srgb,var(--primary-light) 60%,#0000);border-radius:10px;color:var(--primary-color);display:inline-flex;height:36px;justify-content:center;margin-bottom:4px;width:36px}.auth-type-card:hover .auth-type-card-icon{background:color-mix(in srgb,var(--primary-light) 90%,#0000)}.auth-type-card-label{font-size:14px;font-weight:600;letter-spacing:-.01em}.auth-type-card-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.auth-type-card.active .auth-type-card-desc{color:color-mix(in srgb,var(--text-color) 70%,var(--text-muted))}.auth-form{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);background:color-mix(in srgb,var(--card-bg) 55%,#0000);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px -12px #0000001f;gap:16px;padding:22px}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{flex:1 1;gap:7px;min-width:0}.auth-form .form-group label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-form .form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:720px){.auth-form .form-row{grid-template-columns:1fr}}.auth-form .auth-input,.auth-form .auth-select{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:inset 0 1px 2px #0000000a;box-sizing:border-box!important;color:var(--text-color);font-family:inherit;font-size:14px;line-height:1.5!important;outline:none;padding:11px 14px!important;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.auth-form .auth-input::placeholder{color:var(--text-muted);opacity:.6}.auth-form .auth-input:hover,.auth-form .auth-select:hover{border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));box-shadow:inset 0 1px 2px #0000000a,0 1px 4px color-mix(in srgb,var(--primary-color) 8%,#0000)}.auth-form .auth-input:focus,.auth-form .auth-select:focus{background-color:var(--background-color);border-color:var(--primary-color)!important;border-width:1px!important;box-shadow:none!important;outline:none}.auth-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:32px}.auth-form .token-input{background:color-mix(in srgb,var(--background-color) 60%,var(--card-bg));font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.02em}.oauth-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.oauth-actions .btn-primary,.oauth-actions .btn-secondary{border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .18s ease}.oauth-actions .btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.oauth-actions .btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.oauth-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.oauth-actions .btn-secondary{background:#0000;border-color:var(--border-color);color:var(--text-color)}.oauth-actions .btn-secondary:hover{background:color-mix(in srgb,var(--primary-light) 60%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.oauth-status{align-items:center;background:color-mix(in srgb,var(--primary-light) 30%,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:10px;padding:10px 14px}.oauth-status .status-indicator{background:#0000;border:2px solid var(--text-muted);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--text-muted) 12%,#0000);height:8px;width:8px}.oauth-status .status-indicator.authenticated{background:#22c55e;border-color:#22c55e;box-shadow:0 0 0 4px color-mix(in srgb,#22c55e 25%,#0000)}.oauth-status .status-indicator.authorizing{animation:pulse 1.4s ease-in-out infinite;background:#eab308;border-color:#eab308;box-shadow:0 0 0 4px color-mix(in srgb,#eab308 25%,#0000)}.oauth-status .status-indicator.error{background:#ef4444;border-color:#ef4444;box-shadow:0 0 0 4px color-mix(in srgb,#ef4444 25%,#0000)}.oauth-status .status-text{color:var(--text-color);font-size:13px;font-weight:600}.token-display{display:flex;flex-direction:column;gap:6px;padding-top:6px}.token-display label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.auth-flow-container{background:color-mix(in srgb,var(--card-bg) 50%,#0000);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);padding:16px}.auth-flow-container h5{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.ssl-config{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:760px;width:100%}.certificate-upload,.ssl-options{background:color-mix(in srgb,var(--card-bg) 70%,#0000);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px;padding:20px 22px}.ssl-section-title{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.07em;margin:0;text-transform:uppercase}.cert-section-header,.ssl-options-header{align-items:center;display:inline-flex;gap:8px;margin-bottom:2px}.cert-section-header svg,.ssl-options-header svg{color:var(--primary-color)}.ssl-options-title{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.toggle-group{display:flex;flex-direction:column;gap:10px;margin-top:6px}.toggle-row{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:12px 14px;transition:border-color .18s ease,background .18s ease}.toggle-row:hover{border-color:var(--text-muted)}.toggle-row.on{background:color-mix(in srgb,var(--primary-light) 35%,var(--background-color));border-color:color-mix(in srgb,var(--primary-color) 55%,#0000)}.toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-label{color:var(--text-color);font-size:14px;font-weight:500;letter-spacing:normal;text-transform:none}.toggle-hint{color:var(--text-muted);font-size:12px}.toggle-switch{background:var(--border-color);border-radius:11px;flex:none;height:22px;outline:none;position:relative;transition:background .22s ease;width:38px}.toggle-switch:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 30%,#0000)}.toggle-row.on .toggle-switch{background:var(--primary-color)}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000002e;height:18px;left:2px;position:absolute;top:2px;transition:transform .22s cubic-bezier(.4,0,.2,1);width:18px}.toggle-row.on .toggle-knob{transform:translateX(16px)}.ssl-section-hint{color:var(--text-secondary);font-size:12.5px;margin:2px 0 12px}.request-workspace .form-group{display:block;margin:0;padding:6px 0}.request-workspace .form-group .checkbox-label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;letter-spacing:normal;text-transform:none}.request-workspace .form-group .checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex:none;height:16px;width:16px}.cert-upload-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.cert-upload-section .passphrase-group{grid-column:1/-1}.cert-upload-container{display:flex;flex-direction:column;gap:10px}.cert-upload-label{align-items:baseline;display:flex;gap:8px}.cert-type-title{align-items:center;color:var(--text-color);display:flex;font-size:13px;font-weight:600;gap:8px}.cert-type-title svg{color:var(--primary-color);flex-shrink:0}.cert-file-types{color:var(--text-muted);font-size:12px}.cert-drop-zone{align-items:center;background:color-mix(in srgb,var(--background-color) 60%,#0000);border:1.5px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:96px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cert-drop-zone.drag-over,.cert-drop-zone:hover{background:color-mix(in srgb,var(--primary-light) 40%,var(--background-color));border-color:var(--primary-color)}.cert-drop-zone.has-file{background:color-mix(in srgb,#22c55e 6%,var(--background-color));border-color:color-mix(in srgb,#22c55e 45%,var(--border-color));border-style:solid;cursor:default}.drop-zone-content{gap:14px}.upload-icon{color:var(--text-muted);display:flex;flex-shrink:0}.upload-icon.uploading svg{animation:spin 1s linear infinite;color:var(--primary-color)}.upload-text{display:flex;flex-direction:column;gap:2px}.upload-primary{color:var(--text-color);font-size:13px;font-weight:600}.upload-secondary{color:var(--text-muted);font-size:12px}.uploaded-file{align-items:center;display:flex;gap:12px;width:100%}.uploaded-file .file-icon{color:#22c55e;display:flex;flex-shrink:0}.uploaded-file .file-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.uploaded-file .file-name{color:var(--text-color);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-file .file-meta{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:10px}.uploaded-file .cert-validity,.uploaded-file .key-status{color:color-mix(in srgb,#22c55e 70%,var(--text-color));font-weight:500}.remove-file-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s;width:30px}.remove-file-btn:hover{background-color:#ef444426;color:#ef4444}.passphrase-group{padding-top:4px}.request-workspace .passphrase-group .passphrase-label{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.06em;margin:0 0 7px;text-transform:uppercase}.passphrase-label svg{color:var(--primary-color);flex-shrink:0}.request-workspace .passphrase-group .optional-label{color:var(--text-muted);font-weight:500;letter-spacing:normal;opacity:.7;text-transform:none}.passphrase-hint{color:var(--text-muted);font-size:12px;margin:6px 0 0}.passphrase-input-container{align-items:center;display:flex;gap:12px}.passphrase-input{flex:1 1;min-width:0}.passphrase-input::placeholder{color:var(--text-muted);opacity:.6}.passphrase-strength{align-items:center;display:flex;flex-shrink:0;gap:8px}.strength-indicator{background:color-mix(in srgb,#22c55e 20%,#0000);border-radius:2px;height:4px;overflow:hidden;width:36px}.strength-bar{background:#22c55e;border-radius:2px;height:100%;width:100%}.strength-text{color:#22c55e;font-size:12px;font-weight:600}.ssl-actions{display:flex;padding-top:4px}.ssl-actions .btn-primary{border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .18s ease}.ssl-actions .btn-primary:hover:not(:disabled){border-color:var(--primary-hover)}.ssl-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.cert-upload-section{gap:16px;grid-template-columns:1fr}}.request-workspace ::-webkit-scrollbar{height:6px;width:6px}.request-workspace ::-webkit-scrollbar-track{background:#0000}.request-workspace ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.request-workspace ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.request-workspace .flow-header-row{align-items:flex-end;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.request-workspace .flow-header-text{display:flex;flex-direction:column;gap:6px}.request-workspace .flow-header-text .section-title{margin:0}.request-workspace .flow-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.request-workspace .flow-btn{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.request-workspace .flow-btn.primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.request-workspace .flow-btn.primary:hover{background-color:var(--primary-hover)}.request-workspace .flow-btn.secondary:hover{background-color:#ffffff0d;background-color:var(--hover-bg,#ffffff0d)}.request-workspace .flow-content{grid-gap:14px;align-items:stretch;display:grid;flex:1 1;gap:14px;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);min-height:0}@media (max-width:900px){.request-workspace .flow-content{grid-template-columns:1fr}}.request-workspace .flow-details,.request-workspace .flow-diagram-container{background-color:color-mix(in srgb,#0b1220 100%,#0000);background-color:color-mix(in srgb,var(--background-color,#0b1220) 100%,#0000);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);display:flex;flex-direction:column;min-height:0;padding:14px}.request-workspace .flow-details{overflow-y:auto}.request-workspace .details-header,.request-workspace .diagram-header{align-items:center;border-bottom:1px solid var(--border-color)!important;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.request-workspace .details-title-row,.request-workspace .diagram-title-row{align-items:center;display:flex;gap:6px}.request-workspace .details-title-icon,.request-workspace .diagram-title-icon{color:var(--primary-color);display:flex}.request-workspace .details-header h5,.request-workspace .diagram-header h5{color:var(--text-color);font-size:12.5px;font-weight:600;margin:0}.request-workspace .diagram-controls{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);display:inline-flex;gap:4px;padding:2px}.request-workspace .control-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-color);color:var(--text-secondary,var(--text-color));cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;transition:all .15s ease;width:26px}.request-workspace .control-btn:hover{background:var(--primary-light);color:var(--primary-color)}.request-workspace .flow-diagram{align-items:center;background:#0b1220;background:var(--background-color,#0b1220);border:1px dashed color-mix(in srgb,var(--border-color) 70%,#0000);border-radius:8px;border-radius:var(--border-radius-md);display:flex;flex:1 1;justify-content:center;min-height:320px}.request-workspace .flow-empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:32px 16px;text-align:center}.request-workspace .flow-empty-state .empty-icon{color:var(--primary-color);margin-bottom:4px;opacity:.7}.request-workspace .flow-empty-state h4{color:var(--text-color);font-size:14px;margin:0}.request-workspace .flow-empty-state p{font-size:12.5px;margin:0}.request-workspace .flow-error-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:32px 16px;text-align:center}.request-workspace .flow-error-state .error-icon{font-size:28px;margin-bottom:4px}.request-workspace .flow-error-state h4{color:#ef4444;color:var(--danger-color,#ef4444);font-size:14px;margin:0}.request-workspace .flow-error-state p{font-size:12.5px;margin:0;max-width:320px}.request-workspace .flow-status{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:3px 9px}.request-workspace .status-indicator{background:var(--text-muted);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--text-muted) 25%,#0000);height:6px;width:6px}.request-workspace .status-indicator.ready{background:#22c55e;background:var(--success-color,#22c55e);box-shadow:0 0 0 2px color-mix(in srgb,#22c55e 25%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--success-color,#22c55e) 25%,#0000)}.request-workspace .flow-status .status-text{color:var(--text-muted)}.request-workspace .flow-steps{display:flex;flex-direction:column;gap:8px}.request-workspace .flow-step{align-items:center;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--border-color) 60%,#0000)!important;border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:12px;padding:10px 12px;transition:border-color .18s,transform .12s}.request-workspace .flow-step:hover{border-color:var(--primary-color);transform:translateX(2px)}.request-workspace .step-number{align-items:center;background:color-mix(in srgb,var(--primary-color) 15%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:8px;color:var(--primary-color);display:inline-flex;flex:0 0 auto;height:26px;justify-content:center;width:26px}.request-workspace .step-content h6{color:var(--text-color);font-size:12.5px;font-weight:600;margin:0}.request-workspace .step-content p{color:var(--text-muted);font-size:11.5px;margin:2px 0 0}.request-workspace .network-flow-section{display:flex;flex-direction:column;gap:16px;min-height:0;width:100%}.vp-preview-header{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px}.vp-preview-header h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.vp-preview-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.vp-status-valid{background:color-mix(in srgb,var(--success-color) 14%,#0000);border:1px solid color-mix(in srgb,var(--success-color) 36%,var(--border-color));border-radius:999px;color:var(--success-color)}.vp-status-invalid,.vp-status-valid{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.vp-status-invalid{background:color-mix(in srgb,var(--warning-color) 14%,#0000);border:1px solid color-mix(in srgb,var(--warning-color) 36%,var(--border-color));border-radius:999px;color:var(--warning-color)}.vp-add-variable-btn{align-items:center;background:#0000;border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;min-height:32px;padding:0 10px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.vp-add-variable-btn:hover{background:var(--primary-color);color:var(--button-text)}@media (max-width:560px){.vp-preview-header{align-items:stretch}.vp-preview-header h4,.vp-preview-header-actions{width:100%}.vp-add-variable-btn{flex:1 1 auto;justify-content:center}}.vp-missing-alert{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;padding:12px 16px}.vp-missing-alert h5{color:#f59e0b;font-size:.85rem;font-weight:600;margin:0 0 6px}.vp-missing-alert p{color:var(--text-secondary);font-size:.8rem;margin:0 0 8px}.vp-missing-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.vp-missing-name{background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;color:#f59e0b;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;padding:4px 10px}.vp-missing-help{color:var(--text-muted)!important;font-size:.75rem!important;margin:0!important}.vp-interpolated{background:#00111f;background:var(--background-color,var(--almost-black-navy,#00111f));border:1px solid #00111f;border:1px solid var(--border-color,var(--almost-black,#00111f));border-radius:8px;padding:16px}.vp-interpolated h5{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 12px}.vp-interpolated .vp-body,.vp-interpolated .vp-headers,.vp-interpolated .vp-url{color:var(--text-color);font-size:.85rem;margin-top:10px}.vp-interpolated .vp-body strong,.vp-interpolated .vp-headers strong,.vp-interpolated .vp-url strong{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.vp-interpolated code{background:#ffffff0d;border-radius:4px;color:#4fc3e7;display:inline-block;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8rem;margin:2px 0;padding:2px 6px;word-break:break-all}.vp-interpolated .vp-header-list{display:flex;flex-direction:column;gap:4px}.vp-interpolated .vp-body-preview{background:#00000040;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-family:Monaco,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;margin:0;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.variable-preview-section{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background-color:var(--card-bg);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:32px}.response-display.rd-shell{animation:rd-slide-up var(--dur-base) var(--ease-out);background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none;color:var(--text-color);display:flex;flex-direction:column;margin-top:20px;min-height:0;overflow:hidden;padding:0}@keyframes rd-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-display .rd-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:48px;padding:10px 14px}.response-display .rd-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:normal;padding:4px 10px;text-transform:none}.response-display .rd-status-dot{background-color:currentColor;border-radius:50%;flex-shrink:0;height:8px;width:8px}.response-display .rd-status-icon{flex-shrink:0;font-size:.95rem}.response-display .rd-status-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92rem;font-weight:700}.response-display .rd-status-text{font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.response-display .rd-status--2xx{background-color:color-mix(in srgb,var(--success-color) 12%,#0000);border-color:color-mix(in srgb,var(--success-color) 28%,#0000);color:var(--success-color)}.response-display .rd-status--3xx{background-color:color-mix(in srgb,var(--info-color) 12%,#0000);border-color:color-mix(in srgb,var(--info-color) 28%,#0000);color:var(--info-color)}.response-display .rd-status--4xx{background-color:color-mix(in srgb,var(--warning-color) 12%,#0000);border-color:color-mix(in srgb,var(--warning-color) 28%,#0000);color:var(--warning-color)}.response-display .rd-status--5xx,.response-display .rd-status--error{background-color:color-mix(in srgb,var(--danger-color) 12%,#0000);border-color:color-mix(in srgb,var(--danger-color) 28%,#0000);color:var(--danger-color)}.rd-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:12px}.rd-meta-chip{align-items:center;display:inline-flex;font-weight:500;gap:6px}.rd-meta-icon{color:var(--text-muted);font-size:.95rem}.response-display .rd-tabs{background-color:var(--surface-sunken);border:0;border-bottom:1px solid var(--border-color);border-radius:0;box-sizing:border-box;display:flex;gap:4px;padding:10px 14px 8px;width:100%}.response-display .rd-tab{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;line-height:1.2;padding:6px 12px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.response-display .rd-tab:hover{background-color:var(--hover-bg);color:var(--text-color)}.response-display .rd-tab:focus-visible{box-shadow:var(--ring);outline:none}.response-display .rd-tab--active{background-color:var(--surface);border-color:var(--border-color);box-shadow:var(--shadow-sm);color:var(--accent)}.response-display .rd-test-badge{background-color:color-mix(in srgb,var(--success-color) 15%,#0000);border-radius:999px;color:var(--success-color);font-size:.68rem;font-weight:700;padding:1px 7px}.rd-panel{flex:1 1;min-height:0;overflow:auto}.rd-panel--body{overflow:hidden}.rd-panel--body,.rd-panel-inner{display:flex;flex-direction:column}.rd-panel-inner{align-items:center;gap:16px;justify-content:center;padding:48px 20px}.rd-body{padding:16px 20px}.rd-panel--body .rd-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.rd-body-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.rd-body-language{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.06em}.rd-body-view-toggle{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:inline-flex;padding:2px}.rd-body-view-toggle button{background:#0000;border:0;border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 9px}.rd-body-view-toggle button:hover{color:var(--text-color)}.rd-body-view-toggle .rd-body-view--active{background-color:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent)}.rd-code{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:min(520px,55vh);overflow-x:auto;overflow-y:auto;padding:14px 16px}.rd-panel--body .rd-code{flex:1 1;max-height:none;min-height:0}.rd-code-pre{color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.rd-code.language-json .string{color:#22c55e}.rd-code.language-json .number{color:#3b82f6}.rd-code.language-json .boolean{color:#f59e0b}.rd-code.language-json .property{color:var(--accent);font-weight:500}.rd-headers{padding:16px 20px}.rd-headers-table{background-color:var(--surface);border:1px solid var(--border-color);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.rd-headers-table th{background-color:var(--surface-sunken);color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase}.rd-headers-table td,.rd-headers-table th{border-bottom:1px solid var(--border-color);padding:10px 16px}.rd-headers-table td{color:var(--text-color);font-size:.84rem;vertical-align:top;word-break:break-word}.rd-headers-key{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;white-space:nowrap}.rd-headers-table tr:hover{background-color:var(--hover-bg)}.rd-headers-table tr:last-child td{border-bottom:none}.response-display .rd-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.response-display .rd-empty--hero{padding:64px 24px}.response-display .rd-empty-icon{color:var(--text-secondary);font-size:2.6rem;margin-bottom:12px;opacity:.4}.response-display .rd-empty-text{color:var(--text-secondary);font-size:.92rem;font-weight:500}.rd-error-body{background-color:color-mix(in srgb,var(--danger-color) 8%,#0000);color:var(--danger-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;padding:20px}.response-display.rd-shell--loading .rd-panel-inner{min-height:220px}@media (prefers-reduced-motion:reduce){.response-display.rd-shell{animation:none}.response-display .rd-tab{transition:none}}.tr-shell{margin-top:20px}.tr-h3{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0}.tr-summary{border-bottom:1px solid var(--border-color);padding:20px}.tr-summary-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.tr-export-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 12px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tr-export-btn:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.tr-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.tr-stat{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:12px 14px}.tr-stat--passed{background-color:color-mix(in srgb,var(--success-color) 8%,var(--surface-sunken));border-color:color-mix(in srgb,var(--success-color) 25%,#0000)}.tr-stat--failed{background-color:color-mix(in srgb,var(--danger-color) 8%,var(--surface-sunken));border-color:color-mix(in srgb,var(--danger-color) 25%,#0000)}.tr-stat-value{color:var(--text-color);font-size:1.4rem;font-weight:700;line-height:1.1}.tr-stat--passed .tr-stat-value{color:var(--success-color)}.tr-stat--failed .tr-stat-value{color:var(--danger-color)}.tr-stat-label{color:var(--text-secondary);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.tr-progress{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:999px;height:6px;overflow:hidden}.tr-progress-fill{border-radius:999px;height:100%;transition:width var(--dur-base) var(--ease-out)}.tr-progress-fill--ok{background:linear-gradient(90deg,var(--success-color),var(--accent))}.tr-progress-fill--warn{background:linear-gradient(90deg,var(--warning-color),color-mix(in srgb,var(--warning-color) 70%,var(--accent)))}.tr-progress-fill--fail{background:linear-gradient(90deg,var(--danger-color),color-mix(in srgb,var(--danger-color) 70%,var(--accent)))}.tr-details{border-bottom:1px solid var(--border-color);padding:20px}.tr-details-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.tr-filters{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:inline-flex;gap:4px;padding:4px}.tr-filter{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 12px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.tr-filter:hover{background-color:var(--hover-bg);color:var(--text-color)}.tr-filter--active{background-color:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent)}.tr-no-results{color:var(--text-secondary);font-size:.88rem;padding:24px;text-align:center}.tr-item{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden;transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.tr-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tr-item--passed{border-left:4px solid var(--success-color)}.tr-item--failed{border-left:4px solid var(--danger-color)}.tr-item-head{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px}.tr-item:focus-visible{box-shadow:var(--ring);outline:none}.tr-glyph{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.05rem;justify-content:center}.tr-glyph--passed{color:var(--success-color)}.tr-glyph--failed{color:var(--danger-color)}.tr-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.tr-name{color:var(--text-color);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-meta{color:var(--text-secondary);display:flex;font-size:.76rem;gap:10px}.tr-chevron{align-items:center;color:var(--text-muted);display:inline-flex;flex-shrink:0;margin-left:auto;transition:transform var(--dur-fast) var(--ease-out)}.tr-item--expanded .tr-chevron{transform:rotate(90deg)}.tr-item-body{background-color:var(--surface-sunken);border-top:1px solid var(--border-color);padding:14px 16px}.tr-code{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.55;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.tr-empty{color:var(--text-secondary);font-size:.9rem;padding:40px 24px;text-align:center}.tr-empty p{margin:0 0 8px}.tr-tip{color:var(--text-muted);font-size:.82rem!important}.tr-cicd{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:20px;padding:20px}.tr-cicd-h4{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 8px}.tr-cicd p{color:var(--text-secondary);font-size:.84rem;line-height:1.5;margin:0 0 12px}.tr-cicd-cmd{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;margin:0 0 12px;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.tr-small-note{color:var(--text-muted);font-size:.76rem!important}@media (max-width:600px){.tr-stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.tr-chevron,.tr-export-btn,.tr-filter,.tr-item,.tr-progress-fill{transition:none!important}.tr-item:hover{transform:none!important}}.unified-variable-viewer{--primary-blue:#014c75;--primary-blue-hover:#013b5b;--primary-blue-pressed:#012a41;--primary-blue-light:#e5f3ff;--light-blue:#4fc3e7;--dark-navy:#00111a;--very-dark-navy:#002234;--almost-black-navy:#001927;--almost-black:#00111f;--border-blue:#003956;--light-bg:#fff;--light-surface:#f8f9fa;--light-hover:#f5f5f5;--light-text:#333;--light-text-secondary:#6c757d;--light-border:#e1e4e8;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);color:#e6e6e6;color:var(--text-color,#e6e6e6);display:flex;flex-direction:column;overflow:hidden}.compact.unified-variable-viewer{border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);height:auto}.unified-variable-viewer:not(.compact){height:100%;overflow:hidden}.viewer-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 18px}.compact.unified-variable-viewer .viewer-header{display:none}.uvv-header-info h3{color:var(--text-secondary);font-family:ui-monospace;font-family:var(--tester-mono,ui-monospace);font-size:.72rem;font-weight:600;letter-spacing:.14em;margin:0 0 2px;text-transform:uppercase}.header-description{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.75rem;line-height:1.3;margin:0}.header-stats{display:flex;gap:8px}.stat-item{background:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm,8px);min-width:48px;padding:4px 10px;transition:all .12s ease}.stat-item:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:var(--primary-color)}.stat-item.active{background:#22c55e1a;border-color:#22c55e4d}.stat-value{color:#e6e6e6;color:var(--text-color,#e6e6e6);font-size:1rem;line-height:1.1}.stat-item.active .stat-value{color:#22c55e}.stat-label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.65rem;letter-spacing:.04em;margin-top:1px}.precedence-indicator{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:16px 20px}.precedence-flow{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.variable-scope-tabs{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 4%,#0000);display:flex;gap:4px;margin:16px 16px 12px;overflow-x:auto;padding:8px;scrollbar-width:none}.variable-scope-tabs::-webkit-scrollbar{display:none}.scope-tab{align-items:center;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:550;gap:6px;padding:6px 12px;transition:all .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.scope-tab:hover:not(.active){background-color:var(--hover-bg);color:var(--text-color)}.scope-tab.active{background-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.scope-tab-count{align-items:center;background:color-mix(in srgb,var(--text-color) 10%,#0000);border-radius:9px;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 6px}.scope-tab.active .scope-tab-count{background:color-mix(in srgb,#fff 25%,#0000);background:color-mix(in srgb,var(--button-text,#fff) 25%,#0000)}.precedence-step{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .3s ease}.precedence-step:first-child{background:#22c55e26;border:1px solid #22c55e66;color:#22c55e}.precedence-step:nth-child(3){background:#014c7526;border:1px solid #4fc3e766;color:#4fc3e7}.precedence-step:nth-child(5){background:#f59e0b26;border:1px solid #fbbf2466;color:#fbbf24}.precedence-step:nth-child(7){background:#94a3b826;border:1px solid #94a3b866;color:#94a3b8}.precedence-step:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.precedence-arrow{color:var(--primary-blue);font-size:1.1rem;font-weight:700}.precedence-note{align-items:center;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex;font-size:.75rem;font-style:italic;gap:6px;justify-content:center}.variable-levels{flex:1 1;overflow-y:auto}.variable-level{background:#0000;border:none;border-radius:0;margin-bottom:0;overflow:hidden}.level-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .12s ease}.level-header:hover{background:var(--hover-bg)}.level-info{align-items:flex-start;display:flex;gap:12px}.level-icon{color:#e6e6e6;color:var(--level-color,#e6e6e6);flex-shrink:0;margin-top:2px}.level-details h4{color:#e6e6e6;color:var(--text-color,#e6e6e6);font-size:1rem;font-weight:600;margin:0 0 4px}.level-description{line-height:1.4;margin:0;max-width:350px}.level-description,.level-stats{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.875rem}.level-stats{align-items:center;display:flex;gap:16px}.variable-count{color:#e6e6e6;color:var(--text-color,#e6e6e6)}.active-count{color:#22c55e;font-weight:500}.priority-indicator{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .3s ease}.variable-level.request .priority-indicator{background:#22c55e26;border:1px solid #22c55e66;color:#22c55e}.variable-level.environment .priority-indicator{background:#014c7526;border:1px solid #4fc3e766;color:#4fc3e7}.variable-level.collection .priority-indicator{background:#f59e0b26;border:1px solid #fbbf2466;color:#fbbf24}.variable-level.global .priority-indicator{background:#94a3b826;border:1px solid #94a3b866;color:#94a3b8}.level-content{padding:4px 0}.empty-variables-card{align-items:center;background:var(--background-color);border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex;flex-direction:column;gap:6px;margin:16px;padding:40px 16px;text-align:center}.empty-variables-card .empty-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:50%;color:var(--primary-color);display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:8px;min-height:40px;min-width:40px;opacity:1;width:40px}.empty-title{color:#e6e6e6;color:var(--text-color,#e6e6e6);font-size:.9rem;margin:0}.empty-subtitle{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.8rem;margin:0 0 10px;max-width:360px}.add-variable-row-btn,.empty-add-btn{align-items:center;background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s ease}.add-variable-row-btn:hover,.empty-add-btn:hover{background:var(--primary-blue-hover)}.add-variable-row-btn{align-self:flex-start;background:#0000;border:1px dashed var(--border-color);color:#a0a0a0;color:var(--text-secondary,#a0a0a0);margin-top:4px}.add-variable-row-btn:hover{background:#0000;border-color:var(--primary-blue);color:var(--light-blue)}.inline-add-form{margin-top:4px;max-width:420px;width:100%}.inline-add-form-inline{max-width:none;padding:10px 0 0}.inline-form-row{display:flex;gap:8px;margin-bottom:8px}.inline-form-input{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:#e6e6e6;color:var(--text-color,#e6e6e6);flex:1 1;font-size:.8rem;min-width:0;outline:none;padding:8px 10px}.inline-form-input:focus{border-color:var(--primary-blue)}.inline-form-actions{display:flex;gap:8px;justify-content:center}.inline-add-form-inline .inline-form-actions{justify-content:flex-start}.inline-add-confirm{align-items:center;background:var(--primary-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:7px 14px}.inline-add-confirm:hover:not(:disabled){background:var(--primary-blue-hover)}.inline-add-confirm:disabled{cursor:not-allowed;opacity:.5}.inline-add-cancel{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;font-size:.8rem;padding:7px 14px}.inline-add-cancel:hover{border-color:var(--primary-blue);color:#e6e6e6;color:var(--text-color,#e6e6e6)}.variable-item{border-bottom:1px solid #ffffff0f;position:relative;transition:all .2s ease}.variable-item:last-child{border-bottom:none}.variable-item:hover{background:var(--primary-blue-hover)}.variable-item.overridden{background:#014c750d;border-left:3px solid var(--light-blue);opacity:.6}.variable-item.active{background:#22c55e0d;border-left:3px solid #22c55e}.variable-main{padding:10px 16px}.variable-header{align-items:center;margin-bottom:4px}.variable-name-section{align-items:center;display:flex;flex:1 1;gap:8px}.variable-name{color:#e6e6e6;color:var(--text-color,#e6e6e6);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;font-weight:600}.active-indicator,.override-indicator{border-radius:10px;font-size:.7rem;font-weight:500;padding:2px 6px}.override-indicator{background:#4fc3e733;border:1px solid #4fc3e74d;color:var(--light-blue)}.active-indicator{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.variable-actions{gap:4px}.edit-btn,.show-value-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .3s ease}.edit-btn:hover,.show-value-btn:hover{background:var(--primary-blue-hover);border-color:var(--primary-blue);color:#e6e6e6;color:var(--text-color,#e6e6e6)}.variable-details{display:flex;flex-direction:column;gap:6px}.resolved-value-section,.variable-value-section{display:flex;font-size:.875rem;gap:8px}.resolved-label,.value-label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-weight:500;min-width:80px}.resolved-label{color:#22c55e}.resolved-value,.variable-value{color:#e6e6e6;color:var(--text-color,#e6e6e6);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all}.resolved-value.hidden,.variable-value.hidden{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);letter-spacing:1px}.resolved-value{color:#22c55e;font-weight:500}.variable-description{background:var(--almost-black-navy);border-left:3px solid var(--primary-blue);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.8rem;font-style:italic;margin-top:4px;padding:8px}.unified-variable-viewer.compact .level-header,.unified-variable-viewer.compact .precedence-indicator,.unified-variable-viewer.compact .variable-main,.unified-variable-viewer.compact .viewer-header{padding:12px 16px}.unified-variable-viewer.compact .uvv-header-info h3{font-size:1.1rem}.variable-preview-section .unified-variable-viewer.compact{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:0 0 auto;min-height:0;overflow:hidden}.variable-preview-section .unified-variable-viewer.compact .variable-scope-tabs{background:var(--background-color);border-color:var(--border-color);border-radius:var(--radius-md);box-shadow:none;margin:10px;padding:5px}.variable-preview-section .unified-variable-viewer.compact .scope-tab{border-radius:var(--radius-sm);color:var(--text-secondary)}.variable-preview-section .unified-variable-viewer.compact .scope-tab:hover:not(.active){background:var(--hover-bg);color:var(--text-color)}.variable-preview-section .unified-variable-viewer.compact .scope-tab.active{background:var(--primary-color);color:var(--button-text)}.variable-preview-section .unified-variable-viewer.compact .level-content,.variable-preview-section .unified-variable-viewer.compact .variable-level,.variable-preview-section .unified-variable-viewer.compact .variable-levels,.variable-preview-section .unified-variable-viewer.compact .variables-list{min-width:0;width:100%}.variable-preview-section .unified-variable-viewer.compact .variable-levels{flex:0 0 auto;overflow:visible}.variable-preview-section .unified-variable-viewer.compact .level-content{padding:0 10px 10px}.variable-preview-section .unified-variable-viewer.compact .variables-list{grid-gap:8px;align-items:stretch;display:grid;flex:0 0 auto;gap:8px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));min-height:0;overflow:visible;padding:0}.variable-preview-section .unified-variable-viewer.compact .variable-item{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--success-color);border-radius:var(--radius-md);display:block;gap:0;margin:0;min-width:0;padding:0;width:auto}.variable-preview-section .unified-variable-viewer.compact .variable-item:hover{background:var(--hover-bg);border-color:var(--primary-color)}.variable-preview-section .unified-variable-viewer.compact .variable-main{padding:11px 12px}.variable-preview-section .unified-variable-viewer.compact .variable-name{color:var(--text-color);font-size:.82rem}.variable-preview-section .unified-variable-viewer.compact .variable-value-section{font-size:.75rem}.variable-preview-section .unified-variable-viewer.compact .value-label{color:var(--text-secondary);min-width:42px}.variable-preview-section .unified-variable-viewer.compact .empty-variables-card{background:var(--background-color);border-color:var(--border-color);margin:0;padding:28px 16px}.variable-preview-section .unified-variable-viewer.compact .empty-add-btn,.variable-preview-section .unified-variable-viewer.compact .inline-add-confirm{background:var(--primary-color);color:var(--button-text)}.variable-preview-section .unified-variable-viewer.compact .empty-add-btn:hover,.variable-preview-section .unified-variable-viewer.compact .inline-add-confirm:hover:not(:disabled){background:var(--primary-hover)}.variable-preview-section .unified-variable-viewer.compact .inline-add-form{background:var(--background-color);border:1px dashed var(--border-color);border-radius:var(--radius-md);grid-column:1/-1;margin:0;max-width:none;padding:12px}.variable-preview-section .unified-variable-viewer.compact .inline-form-input{background:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}@media (max-width:768px){.viewer-header{align-items:flex-start;flex-direction:column;gap:16px}.precedence-flow{flex-wrap:wrap;gap:6px}.precedence-step{font-size:.75rem;padding:4px 8px}.level-header{align-items:flex-start;flex-direction:column;gap:12px}.level-stats{align-self:stretch;justify-content:space-between}.variable-header{align-items:flex-start;flex-direction:column;gap:8px}.variable-actions{align-self:flex-end}}[data-theme=light] .unified-variable-viewer .level-header,[data-theme=light] .unified-variable-viewer .precedence-indicator,[data-theme=light] .unified-variable-viewer .stat-item,[data-theme=light] .unified-variable-viewer .variable-level,[data-theme=light] .unified-variable-viewer .viewer-header{background:var(--light-surface);border-color:var(--light-border)}[data-theme=light] .unified-variable-viewer .level-header:hover,[data-theme=light] .unified-variable-viewer .stat-item:hover,[data-theme=light] .unified-variable-viewer .variable-item:hover{background:var(--light-hover)}[data-theme=light] .unified-variable-viewer .precedence-step{background:var(--light-bg);border-color:var(--light-border)}[data-theme=light] .unified-variable-viewer .precedence-step:first-child{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}[data-theme=light] .unified-variable-viewer .precedence-step:nth-child(3){background:#014c751a;border-color:#014c754d;color:#014c75}[data-theme=light] .unified-variable-viewer .precedence-step:nth-child(5){background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}[data-theme=light] .unified-variable-viewer .precedence-step:nth-child(7){background:#64748b1a;border-color:#64748b4d;color:#475569}[data-theme=light] .unified-variable-viewer .precedence-step:hover{background:var(--primary-blue-light);border-color:var(--primary-blue);box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}[data-theme=light] .unified-variable-viewer .variable-description{background:var(--light-surface);border-left-color:var(--primary-blue)}[data-theme=light] .unified-variable-viewer .edit-btn:hover,[data-theme=light] .unified-variable-viewer .show-value-btn:hover{background:var(--primary-blue-light);border-color:var(--primary-blue);color:var(--primary-blue)}[data-theme=light] .unified-variable-viewer .variable-level.request .priority-indicator{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}[data-theme=light] .unified-variable-viewer .variable-level.environment .priority-indicator{background:#014c751a;border-color:#014c754d;color:#014c75}[data-theme=light] .unified-variable-viewer .variable-level.collection .priority-indicator{background:#f59e0b1a;border-color:#f59e0b4d;color:#d97706}[data-theme=light] .unified-variable-viewer .variable-level.global .priority-indicator{background:#64748b1a;border-color:#64748b4d;color:#475569}.uvv{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-color);display:flex;flex-direction:column;min-width:0;overflow:hidden;width:100%}.uvv__header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:18px 20px 14px}.uvv__empty h4,.uvv__empty p,.uvv__header h3,.uvv__header p{margin:0}.uvv__header h3{color:var(--text-color);font-size:1rem}.uvv__empty p,.uvv__header p{color:var(--text-secondary);font-size:.82rem;margin-top:4px}.uvv__total{color:var(--text-secondary);font-size:.78rem;white-space:nowrap}.uvv__tabs{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:4px;margin:12px 14px 0;max-width:-webkit-max-content;max-width:max-content;overflow-x:auto;padding:4px}.uvv__tab{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:.78rem;font-weight:600;gap:6px;min-height:32px;padding:0 9px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.uvv__tab:hover{background:var(--hover-bg);color:var(--text-color)}.uvv__tab.is-active{background:var(--primary-color);color:var(--button-text)}.uvv__count{background:color-mix(in srgb,currentColor 14%,#0000);border-radius:999px;display:inline-grid;font-size:.68rem;height:18px;min-width:18px;padding:0 5px;place-items:center}.uvv__content{padding:14px}.uvv__grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,340px))}.uvv__card{background:var(--background-color);border:1px solid var(--border-color);border-left:2px solid var(--success-color);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:100px;padding:11px 12px}.uvv__card.is-overridden{border-left-color:var(--warning-color);opacity:.76}.uvv__card:hover{background:var(--card-bg);border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color))}.uvv__card-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.uvv__card-head>code{color:var(--text-color);font-family:ui-monospace,monospace;font-family:var(--tester-mono,ui-monospace,monospace);font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uvv__card-actions{display:flex;gap:4px}.uvv__icon-button{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-grid;height:28px;place-items:center;width:28px}.uvv__icon-button:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}.uvv__value{grid-gap:4px;display:grid;gap:4px;margin-top:10px;min-width:0}.uvv__value>span{color:var(--text-secondary);font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.uvv__value>code{background:var(--card-bg);border-radius:4px;color:var(--text-color);font-family:ui-monospace,monospace;font-family:var(--tester-mono,ui-monospace,monospace);font-size:.74rem;max-width:100%;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap;width:-webkit-max-content;width:max-content}.uvv__card-foot{align-items:center;display:flex;margin-top:auto;min-height:18px;padding-top:7px}.uvv__badge{align-items:center;color:var(--warning-color);display:inline-flex;font-size:.7rem;font-weight:650;gap:4px}.uvv__badge--active{color:var(--success-color)}.uvv__muted{color:var(--text-muted);font-size:.7rem}.uvv__add-button{align-items:center;background:#0000;border-radius:var(--radius-sm);border-style:dashed;border:1px dashed var(--border-color);color:var(--primary-color);cursor:pointer;display:flex;font:inherit;font-size:.82rem;font-weight:700;gap:8px;justify-content:center;margin-top:10px;min-height:34px;padding:0 11px}.uvv__add-button:hover{background:color-mix(in srgb,var(--primary-color) 7%,var(--card-bg));border-color:var(--primary-color)}.uvv__empty{align-items:center;background:var(--background-color);border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;min-height:112px;padding:18px}.uvv__empty-icon{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:50%;color:var(--primary-color);display:inline-grid;flex:0 0 auto;height:36px;place-items:center;width:36px}.uvv__empty h4{color:var(--text-color);font-size:.9rem}.uvv__empty .uvv__primary-button{margin-left:auto}.uvv__form{align-items:flex-end;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:14px;justify-content:space-between;margin-top:10px;padding:14px}.request-workspace .uvv__form{align-self:stretch;flex:0 0 auto;flex-direction:row;overflow:visible;width:100%}.uvv__form-fields{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:minmax(160px,1fr) minmax(220px,2fr)}.uvv__form label{grid-gap:6px;color:var(--text-secondary);display:grid;font-size:.72rem;font-weight:650;gap:6px}.uvv__form input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font:inherit;font-size:.82rem;height:36px;min-width:0;outline:none;padding:0 10px;width:100%}.uvv__form input:focus{border-color:var(--primary-color);box-shadow:var(--ring)}.uvv__form-actions{display:flex;gap:8px}.uvv__primary-button,.uvv__secondary-button{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:700;gap:7px;justify-content:center;min-height:36px;padding:0 12px;white-space:nowrap}.uvv__primary-button{background:var(--primary-color);border:1px solid var(--primary-color);color:var(--button-text)}.uvv__primary-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.uvv__primary-button:disabled{cursor:not-allowed;opacity:.55}.uvv__secondary-button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.uvv__secondary-button:hover{background:var(--hover-bg)}.uvv--compact{box-shadow:none}.uvv--compact .uvv__tabs{margin:10px 10px 0}.uvv--compact .uvv__content{padding:10px}.uvv--compact .uvv__card{min-height:100px}@media (max-width:700px){.uvv__tabs{max-width:calc(100vw - 48px)}.uvv__empty{align-items:flex-start;flex-wrap:wrap}.uvv__empty .uvv__primary-button{margin-left:48px}.request-workspace .uvv__form,.uvv__form{align-items:stretch;flex-direction:column}.uvv__form-fields{grid-template-columns:1fr}}.network-flow-renderer{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;min-width:0;overflow:hidden;width:100%}.network-flow-renderer.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner .spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#013b5b;height:32px;width:32px}.loading-spinner p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.flow-toolbar{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.toolbar-center,.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:8px}.toolbar-center{flex:1 1;justify-content:center}.flow-title{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.025em}.toolbar-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;gap:6px;padding:8px 16px}.toolbar-btn:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#334155;transform:translateY(-1px)}.toolbar-btn:focus{border-color:#014c75;box-shadow:0 0 0 3px #3b82f61a;color:#014c75;outline:none}.toolbar-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.export-buttons{gap:4px}.flow-content{min-height:0;overflow:hidden}.flow-content,.flow-main{display:flex;flex:1 1;width:100%}.flow-main{flex-direction:column;min-width:0}.flow-container-wrapper{border-radius:0 0 12px 12px;flex:1 1;overflow:hidden;position:relative;width:100%}.network-flow-container{background:#f8fafc;border-radius:0 0 12px 12px}.flow-sidebar{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-2px 0 8px #0000000d;display:flex;flex-direction:column;flex-shrink:0;width:320px}.sidebar-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.sidebar-header h4{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.detail-section{margin-bottom:20px}.detail-section label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.detail-section span{color:#334155;font-size:14px;font-weight:500;line-height:1.4;word-break:break-all}.type-badge{border:1px solid #0000;border-radius:6px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.025em;padding:4px 12px;text-transform:uppercase}.type-badge.endpoint{background:#dcfce7;border-color:#bbf7d0;color:#16a34a}.type-badge.service{background:#f3e8ff;border-color:#e9d5ff;color:#014c75}.type-badge.database{background:#e5f3ff;border-color:#bfdbfe;color:#013b5b}.type-badge.gateway{background:#fef3c7;border-color:#fde68a;color:#d97706}.type-badge.method{background:#fee2e2;border-color:#fecaca;color:#dc2626}.type-badge.response{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.metadata-json{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;max-height:240px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.flow-legend{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:16px 20px}.legend-header{margin-bottom:12px}.legend-header h5{color:#1e293b;font-size:14px;font-weight:600;letter-spacing:.025em;margin:0;text-transform:uppercase}.legend-items{display:flex;flex-wrap:wrap;gap:20px}.legend-item{display:flex;gap:10px}.legend-item span{color:#64748b;font-size:12px;font-weight:500}.legend-node{border:2px solid #e2e8f0;border-radius:6px;height:20px;opacity:.9;transition:all .2s ease;width:20px}.legend-node:hover{opacity:1;transform:scale(1.1)}.legend-node.endpoint{background:#16a34a;border-color:#bbf7d0}.legend-node.service{background:#014c75;border-color:#e9d5ff}.legend-node.database{background:#013b5b;border-color:#bfdbfe}.legend-node.gateway{background:#d97706;border-color:#fde68a}.network-flow-container .cy-panzoom{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.network-flow-container .cy-panzoom .cy-panzoom-slider{background:#f1f5f9;border-radius:4px}.network-flow-container .cy-panzoom .cy-panzoom-slider .cy-panzoom-handle{background:#014c75;border-radius:4px}.network-flow-container .cy-element:selected{opacity:1;z-index:999}.network-flow-container .cy-element{opacity:.95;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.network-flow-container .cy-element:hover{opacity:1}@keyframes flow-pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.4;transform:scale(1)}}.network-flow-container .active{animation:flow-pulse 1.5s cubic-bezier(.4,0,.6,1)}@keyframes trafficPulse{0%{stroke-width:2;stroke-opacity:.6}50%{stroke-width:4;stroke-opacity:1}to{stroke-width:2;stroke-opacity:.6}}.data-packet{animation:fadeInOut 1.2s cubic-bezier(.4,0,.2,1);border-radius:4px;box-shadow:0 2px 8px #3b82f64d;pointer-events:none;z-index:1000}edge.traffic-pulse{animation:trafficPulse 1.2s cubic-bezier(.4,0,.6,1)}.highlighted{filter:drop-shadow(0 0 8px rgba(59,130,246,.4));opacity:1!important;z-index:999!important}.network-flow-container{height:100%;overflow:hidden;width:100%}@media (max-width:768px){.flow-toolbar{flex-wrap:wrap;gap:8px;padding:12px 16px}.toolbar-center{justify-content:flex-start;margin-top:8px;order:3;width:100%}.toolbar-btn{font-size:12px;padding:6px 12px}.flow-title{font-size:14px}.flow-sidebar{border-left:none;border-top:1px solid #e2e8f0;height:240px;width:100%}.flow-content,.legend-items{flex-direction:column}.legend-items{gap:8px}.sidebar-content{padding:16px}}@media (max-width:480px){.flow-toolbar{padding:8px 12px}.toolbar-btn{font-size:11px;padding:4px 8px}.toolbar-btn svg{height:14px;width:14px}.sidebar-content{padding:12px}.flow-legend{padding:12px 16px}.legend-items{gap:6px}.legend-node{height:16px;width:16px}}@media (prefers-color-scheme:dark){.network-flow-renderer{background:#0f172a;border-color:#334155}.flow-toolbar{background:#1e293b;border-color:#334155}.flow-title{color:#f1f5f9}.toolbar-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.toolbar-btn:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}.flow-sidebar{background:#1e293b;border-color:#334155}.sidebar-header{background:var(--sidebar-bg);border-bottom-color:var(--border-color)}.sidebar-header h4{color:#f1f5f9}.detail-section label{color:#94a3b8}.detail-section span{color:#e2e8f0}.metadata-json{background:#0f172a;border-color:#334155;color:#cbd5e1}.flow-legend{background:#1e293b;border-color:#334155}.legend-header h5{color:#f1f5f9}.legend-item span{color:#94a3b8}.network-flow-container{background:#0f172a}}.request-agent{background:color-mix(in srgb,#211d1a 92%,#ff9f43);background:color-mix(in srgb,var(--background-color,#211d1a) 92%,#ff9f43);border:1px solid color-mix(in srgb,#3a3028 80%,#ff9f43);border:1px solid color-mix(in srgb,var(--border-color,#3a3028) 80%,#ff9f43);border-radius:8px;box-shadow:0 16px 38px #0000006b;overflow:hidden;position:fixed;right:20px;top:78px;width:min(480px,calc(100vw - 40px));z-index:1100}.request-agent-header{align-items:center;display:flex;gap:4px;min-height:42px}.request-agent-header small{color:#a99c92;color:var(--muted-text-color,#a99c92);flex:1 1;font-size:11px;text-align:right}.request-agent.is-minimized{border-radius:7px;min-width:0;width:auto}.request-agent-mini-launcher{align-items:center;display:flex;min-height:40px;padding-right:7px}.request-agent-mini-open{align-items:center;background:#0000;border:0;color:#ffb04f;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:8px 3px 8px 0;white-space:nowrap}.request-agent-mini-open:hover{color:#ffd49b}.request-agent-toggle{align-items:center;background:#0000;border:0;color:#f4eee8;color:var(--text-color,#f4eee8);cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;padding:9px 5px;text-align:left}.request-agent-drag-handle,.request-agent-minimize{align-items:center;background:#0000;border:0;color:#b9aaa0;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:31px}.request-agent-drag-handle{cursor:grab;touch-action:none}.request-agent-drag-handle:active{cursor:grabbing}.request-agent-drag-handle:hover,.request-agent-minimize:hover{color:#ffb04f}.request-agent-title{align-items:center;color:#ffb04f;display:inline-flex;font-weight:700;gap:6px}.request-agent-header>svg{color:#b9aaa0;margin-right:9px;transition:transform .18s ease}.request-agent-header>svg.is-rotated{transform:rotate(180deg)}.request-agent-body{border-top:1px solid color-mix(in srgb,#3a3028 70%,#0000);border-top:1px solid color-mix(in srgb,var(--border-color,#3a3028) 70%,#0000);max-height:min(620px,calc(100vh - 125px));overflow-y:auto;padding:0 12px 12px}.request-agent-quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}.request-agent-quick-actions button{background:#30261e;border:1px solid #554231;border-radius:5px;color:#dbc8b8;cursor:pointer;font-size:11px;padding:5px 8px}.request-agent-quick-actions button:hover{border-color:#ff9f43;color:#fff}.request-agent-composer{display:flex;gap:7px}.request-agent-composer input{background:#171513;border:1px solid #554231;border-radius:5px;color:inherit;flex:1 1;min-width:0;padding:8px 9px}.request-agent-composer button,.request-agent-patches article button{align-items:center;background:#ff9f43;border:0;border-radius:5px;color:#1c1510;cursor:pointer;display:inline-flex;font-weight:700;gap:5px;padding:7px 10px}.request-agent-composer button:disabled,.request-agent-patches article button:disabled{cursor:default;opacity:.55}.request-agent-result{font-size:12px;margin-top:10px}.request-agent-answer{line-height:1.45;margin:0 0 9px}.request-agent-diagnostics,.request-agent-warnings{grid-gap:4px;border-radius:5px;display:grid;gap:4px;margin:7px 0;padding:8px}.request-agent-warnings{background:#3a291b;color:#ffd39f}.request-agent-diagnostics{background:#202b31;color:#c7e6ef}.request-agent-diagnostics span,.request-agent-warnings span{display:block}.request-agent-apply-state{align-items:center;background:#1f3228;border-radius:5px;color:#c3ead0;display:flex;gap:8px;justify-content:space-between;margin:7px 0;padding:7px 8px}.request-agent-apply-state button{background:#0000;border:1px solid #528564;border-radius:4px;color:inherit;cursor:pointer;padding:4px 7px}.request-agent-applied{align-items:center;color:#9bd7ad;display:inline-flex;font-size:11px;gap:4px}.request-agent-patches{grid-gap:6px;display:grid;gap:6px}.request-agent-patches>strong{margin-top:8px}.request-agent-patches article{align-items:center;border:1px solid #44382d;border-radius:5px;display:flex;gap:7px;padding:7px}.request-agent-patches article>div{grid-gap:2px;display:grid;flex:1 1;gap:2px;min-width:0}.request-agent-patches code{color:#ffb04f}.request-agent-patches span{color:#b9aaa0}.request-agent-patches article.is-applied{opacity:.62}.request-agent-patches article button{font-size:11px;padding:5px 7px}.request-agent-patches article .request-agent-reject{background:#0000;color:#b9aaa0;padding:4px}.request-agent-tests{margin-top:9px}.request-agent-tests pre{background:#171513;max-height:160px;overflow:auto;padding:8px;white-space:pre-wrap}.request-agent-error{color:#ff9b8d;margin-top:8px}.request-agent-spin{animation:request-agent-spin 1s linear infinite}@keyframes request-agent-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.request-agent{right:10px;top:74px;width:calc(100vw - 20px)}.request-agent-header small{display:none}}.hst-root{background-color:var(--surface-sunken);height:100%;overflow:hidden}.hst-header,.hst-root{display:flex;flex-direction:column}.hst-header{background-color:var(--surface);border-bottom:1px solid var(--border-color);gap:16px;padding:24px}.hst-title{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:600;gap:10px;margin:0}.hst-title svg{color:var(--accent);flex-shrink:0;font-size:1.25rem}.hst-search-container{position:relative;width:100%}.hst-search-input{-webkit-appearance:none;appearance:none;background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-color);font-size:.88rem;outline:none;padding:10px 14px 10px 42px!important;text-indent:0;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.hst-search-input:focus{border-color:var(--accent);box-shadow:var(--ring)}.hst-search-input::placeholder{color:var(--text-muted)}.hst-search-icon{color:var(--text-muted);left:12px;pointer-events:none}.hst-clear-search,.hst-search-icon{font-size:1rem;position:absolute;top:50%;transform:translateY(-50%)}.hst-clear-search{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:4px;right:12px;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.hst-clear-search:hover{background-color:color-mix(in srgb,var(--danger-color) 12%,#0000);color:var(--danger-color)}.hst-tabs{background-color:initial;border:none;display:flex;flex-wrap:wrap;gap:8px;padding:0}.hst-tab{align-items:center;background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.03em;padding:8px 16px;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);white-space:nowrap}.hst-tab[title]{cursor:pointer!important}.hst-tab:hover{background-color:var(--hover-bg);border-color:var(--text-muted);box-shadow:var(--shadow-sm);color:var(--text-color);transform:translateY(-1px)}.hst-tab:focus-visible{box-shadow:var(--ring);outline:none}.hst-tab--active{box-shadow:var(--shadow-sm)}.hst-tab--active.hst-tab--method-get{background-color:color-mix(in srgb,var(--method-get) 18%,var(--surface));border-color:color-mix(in srgb,var(--method-get) 45%,#0000);color:var(--method-get)}.hst-tab--active.hst-tab--method-post{background-color:color-mix(in srgb,var(--method-post) 18%,var(--surface));border-color:color-mix(in srgb,var(--method-post) 45%,#0000);color:var(--method-post)}.hst-tab--active.hst-tab--method-put{background-color:color-mix(in srgb,var(--method-put) 18%,var(--surface));border-color:color-mix(in srgb,var(--method-put) 45%,#0000);color:var(--method-put)}.hst-tab--active.hst-tab--method-delete{background-color:color-mix(in srgb,var(--method-delete) 18%,var(--surface));border-color:color-mix(in srgb,var(--method-delete) 45%,#0000);color:var(--method-delete)}.hst-tab--active.hst-tab--method-patch{background-color:color-mix(in srgb,var(--method-patch) 18%,var(--surface));border-color:color-mix(in srgb,var(--method-patch) 45%,#0000);color:var(--method-patch)}.hst-content{flex:1 1;gap:24px;overflow-y:auto;padding:20px}.hst-content,.hst-group{display:flex;flex-direction:column}.hst-group{gap:10px}.hst-group-title{color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;margin:0 0 2px;text-transform:uppercase}.hst-list{list-style:none;margin:0;padding:0}.hst-item,.hst-list{display:flex;flex-direction:column;gap:10px}.hst-item{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:14px 16px;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.hst-item,.hst-item *,.hst-item [title],.hst-item[title]{cursor:pointer!important}.hst-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hst-item--active{background-color:var(--surface-sunken);border-color:var(--accent)}.hst-item:focus-visible{box-shadow:var(--ring);outline:none}.hst-item-header{align-items:center;display:flex;gap:12px}.hst-method-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-size:.7rem;font-weight:700;justify-content:center;letter-spacing:.02em;min-width:52px;padding:2px 8px;text-transform:uppercase}.hst-method-badge--get{background-color:color-mix(in srgb,var(--method-get) 12%,#0000);border-color:color-mix(in srgb,var(--method-get) 25%,#0000);color:var(--method-get)}.hst-method-badge--post{background-color:color-mix(in srgb,var(--method-post) 12%,#0000);border-color:color-mix(in srgb,var(--method-post) 25%,#0000);color:var(--method-post)}.hst-method-badge--put{background-color:color-mix(in srgb,var(--method-put) 12%,#0000);border-color:color-mix(in srgb,var(--method-put) 25%,#0000);color:var(--method-put)}.hst-method-badge--delete{background-color:color-mix(in srgb,var(--method-delete) 12%,#0000);border-color:color-mix(in srgb,var(--method-delete) 25%,#0000);color:var(--method-delete)}.hst-method-badge--patch{background-color:color-mix(in srgb,var(--method-patch) 12%,#0000);border-color:color-mix(in srgb,var(--method-patch) 25%,#0000);color:var(--method-patch)}.hst-item-url{color:var(--text-color);flex:1 1;font-size:.88rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hst-item-meta{align-items:center;display:flex;font-size:.8rem;gap:12px}.hst-status-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:2px 8px}.hst-status-badge--2xx{background-color:color-mix(in srgb,var(--success-color) 12%,#0000);border-color:color-mix(in srgb,var(--success-color) 25%,#0000);color:var(--success-color)}.hst-status-badge--3xx{background-color:color-mix(in srgb,var(--info-color) 12%,#0000);border-color:color-mix(in srgb,var(--info-color) 25%,#0000);color:var(--info-color)}.hst-status-badge--4xx{background-color:color-mix(in srgb,var(--warning-color) 12%,#0000);border-color:color-mix(in srgb,var(--warning-color) 25%,#0000);color:var(--warning-color)}.hst-status-badge--5xx{background-color:color-mix(in srgb,var(--danger-color) 12%,#0000);border-color:color-mix(in srgb,var(--danger-color) 25%,#0000);color:var(--danger-color)}.hst-status-badge--Nxx{background-color:color-mix(in srgb,var(--text-muted) 12%,#0000);border-color:color-mix(in srgb,var(--text-muted) 25%,#0000);color:var(--text-muted)}.hst-test-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 6px}.hst-test-badge--passed{background-color:color-mix(in srgb,var(--success-color) 12%,#0000);color:var(--success-color)}.hst-test-badge--failed{background-color:color-mix(in srgb,var(--danger-color) 12%,#0000);color:var(--danger-color)}.hst-item-time{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-left:auto}.hst-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.hst-empty-icon{color:var(--text-secondary);font-size:3.5rem;margin-bottom:16px;opacity:.4}.hst-empty-text{color:var(--text-secondary);font-size:.95rem;margin:0}.hst-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:9px 14px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out);white-space:nowrap}.hst-btn [title],.hst-btn[title]{cursor:pointer!important}.hst-btn:focus-visible{box-shadow:var(--ring);outline:none}.hst-btn--primary{background:var(--accent);color:#fff}.hst-btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.hst-btn--ghost{background:#0000;border-color:var(--border-color);color:var(--text-color)}.hst-btn--ghost:hover{background:var(--hover-bg);border-color:var(--accent)}.hst-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.hst-reset-btn{margin-top:16px}.hst-loading-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:200px}.hst-content::-webkit-scrollbar{width:6px}.hst-content::-webkit-scrollbar-track{background:#0000}.hst-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.hst-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.hst-btn,.hst-clear-search,.hst-item,.hst-search-input,.hst-tab{transition:none!important}.hst-btn:hover,.hst-item:hover{transform:none!important}}.tryit-console{background-color:var(--background-color)!important;border-radius:12px;display:flex;flex-direction:column;gap:32px;padding:24px;width:100%}.console-section{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:0 1px 3px #0000000d!important;padding:24px}.section-title{color:var(--text-color)!important;font-size:1.1rem;margin:0 0 24px}.section-header{margin-bottom:24px}.form-group label{font-weight:700;letter-spacing:.8px;opacity:.85}.form-group label,.form-input{color:var(--text-color)!important}.form-input{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px;font-size:.95rem;padding:12px 14px;transition:all .2s;width:100%}.tryit-endpoint-select{width:100%}.form-input::placeholder{color:var(--text-muted)!important;opacity:.7}.form-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-light)!important;outline:none}.url-input-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto}.tryit-method-select{font-weight:700;min-width:120px!important;width:120px!important}.url-input{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:8px;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.9rem;padding:12px 16px}.btn-execute{align-items:center;background-color:var(--primary-color)!important;border:none!important;border-radius:8px;box-shadow:0 4px 6px -1px #014c7533!important;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-execute:hover:not(:disabled){background-color:var(--primary-hover)!important;box-shadow:0 6px 8px -1px #014c754d!important;transform:translateY(-1px)}.btn-execute:disabled{background-color:var(--text-muted)!important;cursor:not-allowed;opacity:.7}.params-grid{display:flex;flex-direction:column;gap:12px}.param-row{grid-gap:16px;align-items:center;background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:8px;display:grid;gap:16px;grid-template-columns:200px 1fr;padding:12px 16px}.param-row:focus-within{background-color:var(--card-bg)!important;border-color:var(--primary-color)!important}.param-key{color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:600}.param-input::placeholder{color:var(--text-muted)!important;opacity:.6}.param-input{background-color:initial!important;border:1px solid #0000!important;border-radius:6px;color:var(--text-color)!important;font-size:.9rem;padding:8px 12px;transition:all .2s}.param-input:focus{border-color:var(--border-color)!important;outline:none}.collapsible,.param-input:focus{background-color:var(--card-bg)!important}.collapsible{border:1px solid var(--border-color)!important;border-radius:8px;overflow:hidden}.collapsible-header{background-color:initial!important;border:none!important;color:var(--text-color)!important;font-size:.9rem;font-weight:600;padding:14px 20px;text-align:left;transition:all .2s;width:100%}.collapsible-header .header-label{align-items:center;display:flex;gap:12px}.collapsible-header .header-meta{color:var(--text-secondary)!important;font-size:.8rem;font-weight:600}.collapsible-header:hover{background-color:var(--hover-bg)!important}.collapsible-content{all:unset!important;background-color:initial!important;border-top:1px solid var(--border-color)!important;display:block!important;margin:0!important;max-height:none;opacity:1!important;padding:16px 20px 20px!important}.header-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr auto;margin:12px}.header-key-input,.header-value-input{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:6px;color:var(--text-color)!important;font-size:.9rem;padding:10px 12px}.header-key-input:focus,.header-value-input:focus{border-color:var(--primary-color)!important;outline:none}.kv-table{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;margin:12px;overflow:hidden}.collapsible>.collapsible-content .kv-table{background:#0000;border:none;border-radius:0;margin:0;overflow:visible}.collapsible>.collapsible-content .kv-table .kv-table-foot,.collapsible>.collapsible-content .kv-table .kv-table-head,.kv-table-head{background:#0000}.kv-table-head{grid-gap:12px;border-bottom:1px solid var(--border-color);color:#9aa8bd;color:var(--text-secondary,#9aa8bd);display:grid;font-size:.72rem;font-weight:600;gap:12px;grid-template-columns:1fr 2fr 36px;letter-spacing:.06em;padding:10px 14px;text-transform:uppercase}.kv-col-head{padding-left:2px}.kv-col-action{padding:0}.kv-table-body{display:flex;flex-direction:column}.kv-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:1fr 2fr 36px;padding:10px 14px}.kv-row:last-child{border-bottom:none}.kv-input{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.88rem;padding:8px 10px!important;transition:border-color .15s ease;width:100%}.kv-input:focus,.kv-input:focus-visible{border-color:var(--primary-color)!important;box-shadow:none!important;outline:none!important}.kv-input::placeholder{color:#9aa8bd;color:var(--text-secondary,#9aa8bd);opacity:.7}.kv-remove{align-items:center;background-color:initial!important;border:1px solid var(--border-color)!important;border-radius:6px!important;color:#9aa8bd!important;color:var(--text-secondary,#9aa8bd)!important;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0!important;transition:background .15s ease,color .15s ease,border-color .15s ease;width:34px}.kv-remove:hover{background-color:#f8717114!important;border-color:#f87171!important;color:#f87171!important}.kv-remove svg{display:block}.kv-empty{color:#9aa8bd;color:var(--text-secondary,#9aa8bd);font-size:.85rem;font-style:italic;padding:18px 14px;text-align:center}.kv-table-foot{background:#0000;border-top:1px solid var(--border-color);padding:12px 14px}.kv-add-btn{align-items:center;appearance:none;-webkit-appearance:none;background-color:initial!important;border:1px dashed var(--border-color)!important;border-radius:8px!important;color:var(--primary-color)!important;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 14px!important;transition:background .15s ease,border-color .15s ease;width:100%}.kv-add-btn:hover{background-color:var(--primary-light)!important;border-color:var(--primary-color)!important}.kv-add-plus{font-size:1.05rem;line-height:1}.kv-editor{padding:14px}.kv-editor-label{color:#9aa8bd;color:var(--text-secondary,#9aa8bd);display:block;font-size:.72rem;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.kv-textarea{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.88rem;line-height:1.55;padding:14px!important;resize:vertical;transition:border-color .15s ease;width:100%}.kv-textarea:focus{border-color:var(--primary-color)!important;outline:none}.add-header-btn{align-items:center;background-color:initial!important;border:1px dashed var(--border-color)!important;border-radius:8px;color:var(--primary-color)!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-left:8px!important;margin-top:0!important;padding:10px 20px;transition:all .2s;width:97.5%}.add-header-btn:hover{background-color:var(--primary-light)!important;border-color:var(--primary-color)!important}.body-textarea{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.5;padding:16px;resize:vertical;transition:all .2s;width:100%}.body-textarea:focus{border-color:var(--primary-color)!important;outline:none}.btn-save{background-color:#10b98115!important;border:1px solid #10b98130!important;border-radius:10px;color:#10b981!important;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin-top:12px;padding:14px;transition:all .2s;width:100%}.btn-save:hover{background-color:#10b98125!important;border-color:#10b981!important;transform:translateY(-1px)}.response-section{position:relative}.response-meta{align-items:center;display:flex;gap:16px}.status-badge{font-size:.85rem;letter-spacing:.5px;padding:6px 12px}.size-badge,.time-badge{font-size:.85rem;font-weight:500}.copy-btn,.size-badge,.time-badge{color:var(--text-secondary)!important}.copy-btn{align-items:center;background:#0000!important;border:1px solid var(--border-color)!important;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:6px;transition:all .2s}.copy-btn:hover{background-color:var(--hover-bg)!important;color:var(--text-color)!important}.response-body,.response-headers{margin-top:24px}.response-body strong,.response-headers strong{color:var(--text-secondary)!important;display:block;font-size:.85rem;font-weight:600;margin-bottom:12px;text-transform:uppercase}.response-body pre,.response-headers pre{background-color:#0d1117!important;border:1px solid var(--border-color)!important;border-radius:8px;color:#e6edf3!important;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.6;margin:0;max-height:500px;overflow-x:auto;overflow-y:auto;padding:16px}.error-display{align-items:center;background-color:var(--danger-bg)!important;border:1px solid var(--danger-border)!important;border-radius:8px;color:var(--danger-text)!important;display:flex;font-size:.95rem;gap:12px;padding:20px}@media (max-width:768px){.param-row,.url-input-row{grid-template-columns:1fr}.param-row{gap:8px}.header-row{grid-template-columns:1fr}.response-meta{align-items:flex-start;flex-direction:column;gap:12px}.copy-btn{margin-left:0}}.section-header-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.add-param-btn-text{background:none!important;border:none!important;border-radius:4px;color:var(--primary-color)!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:4px 8px;transition:all .2s}.add-param-btn-text:hover{background-color:var(--primary-light)!important;text-decoration:underline}.params-list-modern{display:flex;flex-direction:column;gap:8px}.modern-param-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:140px 1fr auto}.modern-param-key,.modern-param-value{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:6px;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.85rem;padding:8px 12px}.modern-param-key:focus,.modern-param-value:focus{background-color:var(--card-bg)!important;border-color:var(--primary-color)!important;outline:none}.remove-btn{align-items:center;background-color:#dc26260d!important;border:1px solid #dc262633!important;border-radius:8px;color:#dc2626!important;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.remove-btn:hover{background-color:#dc2626!important;border-color:#dc2626!important;box-shadow:0 4px 8px #dc26264d;color:#fff!important;transform:translateY(-2px)}.modern-remove-btn{align-items:center;background-color:#dc26260d!important;border:1px solid #dc262633!important;border-radius:6px;color:#dc2626!important;cursor:pointer;display:flex;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-remove-btn:hover{background-color:#dc2626!important;border-color:#dc2626!important;box-shadow:0 4px 8px #dc26264d;color:#fff!important;transform:translateY(-2px) scale(1.05)}.code-section-container{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:0 1px 3px #0000000d!important;padding:24px}.code-header-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tryit-lang-select{min-width:140px;width:auto}.tryit-lang-select:focus{outline:none}.code-preview{position:relative}.code-preview pre{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:8px;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.6;margin:0;overflow-x:auto;padding:16px}.btn-code{align-items:center;background-color:initial!important;border:1px solid var(--primary-color)!important;border-radius:10px;color:var(--primary-color)!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin-top:12px;padding:14px;transition:all .2s;width:100%}.btn-code:hover{background-color:var(--primary-light)!important}.button-group{display:flex;gap:12px;margin-top:12px}.button-group button{margin-top:0}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#0006!important}.api-detail-modal{align-items:stretch;animation:slideUp .3s ease-out;background-color:initial!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:row;gap:20px;height:85vh;max-width:1160px;overflow:visible;width:100%}.modal-form{border:1px solid var(--border-color)!important;border-radius:16px;box-shadow:0 25px 50px -12px #00000040!important;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.modal-form,.modal-header{background-color:var(--card-bg)!important}.modal-header{align-items:flex-start;border-bottom:1px solid #ffffff14!important;gap:24px;padding:32px;z-index:10}.endpoints-tab{margin:0 auto;max-width:900px;padding-bottom:40px}.endpoints-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.endpoints-header-row h3{color:var(--text-color)!important;font-size:1.25rem;font-weight:700;margin:0}.endpoint-count{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:100px;color:var(--text-secondary)!important;font-size:.9rem;font-weight:500;padding:4px 12px}.endpoints-list{background-color:initial!important;gap:20px;overflow-y:visible}.endpoint-card-modern{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:var(--shadow-sm)!important;overflow:hidden;transition:all .2s ease}.endpoint-card-modern:hover{border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important}.endpoint-primary-row{align-items:center;background-color:var(--card-bg)!important;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.endpoint-info-group{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.method-badge-large{border-radius:8px;font-size:.85rem;font-weight:800;letter-spacing:.05em;min-width:80px;padding:6px 14px;text-align:center;text-transform:uppercase}.method-get{background:#61affe1a!important;color:var(--method-get)!important}.method-post{background:#49cc901a!important;color:var(--method-post)!important}.method-put{background:#fca1301a!important;color:var(--method-put)!important}.method-delete{background:#f93e3e1a!important;color:var(--method-delete)!important}.method-patch{background:#50e3c21a!important;color:var(--method-patch)!important}.path-container{display:flex;flex-direction:column;gap:4px;min-width:0}.endpoint-path-large{color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-summary{color:var(--text-secondary)!important;font-size:.9rem}.btn-try-modern{align-items:center;background-color:var(--primary-color)!important;border:none!important;border-radius:8px;box-shadow:0 4px 6px -1px #014c7533!important;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-try-modern:hover{background-color:var(--primary-hover)!important;box-shadow:0 6px 8px -1px #014c754d!important;transform:translateY(-1px)}.endpoint-details-modern{animation:fadeIn .3s ease;background-color:var(--background-color)!important;border-top:1px solid #ffffff14!important;display:flex;flex-direction:column;gap:20px;padding:0 24px 24px}.body-section-modern,.params-section-modern{margin-top:20px}.body-section-modern h4,.params-section-modern h4{color:var(--text-secondary)!important;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.params-table{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px;overflow:hidden}.params-header{background-color:var(--background-color)!important;color:var(--text-secondary)!important;font-size:.72rem;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-transform:uppercase}.params-header,.params-row-modern{border-bottom:1px solid #ffffff14!important;display:grid;grid-template-columns:2fr 1fr 3fr}.params-row-modern{align-items:center;background-color:var(--card-bg)!important;font-size:.9rem;padding:12px 16px;transition:background-color .15s ease}.params-row-modern:hover{background-color:var(--hover-bg)!important}.params-row-modern:last-child{border-bottom:none!important}.param-cell-name{align-items:center;display:flex;gap:6px}.param-name-code{color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-weight:600}.req-dot{color:var(--danger-color)!important;font-size:1.2rem;line-height:0}.type-badge{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:4px;font-family:Roboto Mono,monospace;font-size:.8rem;padding:2px 8px}.param-cell-desc,.type-badge{color:var(--text-secondary)!important}.param-cell-desc{line-height:1.4}.body-snippet pre{background-color:var(--background-color)!important;background-color:var(--code-bg,var(--background-color))!important;border:1px solid var(--border-color)!important;border-radius:8px;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.5;margin:0;overflow-x:auto;padding:16px}.header-main-content{align-items:center;display:flex;flex:1 1;gap:24px}.header-details{display:flex;flex-direction:column;gap:12px}.api-icon-large{align-items:center;background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:20px;box-shadow:var(--shadow-sm)!important;display:flex;height:80px;justify-content:center;min-width:80px;overflow:hidden;width:80px}.api-icon-large img{height:100%;object-fit:cover;width:100%}.api-icon-placeholder-large{color:var(--primary-color)!important;font-size:2.5rem;font-weight:700}.title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.title-row h2{color:var(--text-color)!important;font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}.badges-wrapper{display:flex;gap:8px}.badge{border-radius:100px;display:flex;font-size:.75rem;letter-spacing:.02em;padding:4px 10px}.badge-featured{background-color:#ffc10726!important;border:1px solid #ffc1074d!important;color:#d97706!important}.badge-trending{background-color:#014c751a!important;border:1px solid #014c7533!important;color:var(--primary-color)!important}.meta-row{align-items:center;color:var(--text-secondary)!important;display:flex;flex-wrap:wrap;font-size:.95rem;gap:12px}.provider-info strong{color:var(--text-color)!important;font-weight:600}.dot-divider{color:var(--border-color)!important}.meta-stats{gap:8px}.meta-stats,.stat-pill{align-items:center;display:flex}.stat-pill{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:6px;color:var(--text-color)!important;font-size:.85rem;font-weight:500;gap:6px;padding:4px 10px}.category-pill{background-color:var(--primary-light)!important;border-color:#0000!important;color:var(--primary-color)!important}.close-btn{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;color:var(--text-muted)!important;display:inline-flex;height:38px;line-height:0;padding:0!important;width:38px}.close-btn svg{display:block}.close-btn:before{content:none!important}.close-btn:hover{background-color:var(--hover-bg)!important;color:var(--text-color)!important;transform:rotate(90deg)}.modal-tabs-vertical{align-self:center;background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px;box-shadow:0 25px 50px -12px #00000040!important;display:flex;flex-direction:column;flex-shrink:0;padding:16px 12px;width:150px}.tabs-wrapper-vertical{background-color:initial!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;gap:4px;padding:0}.tab-btn-vertical{align-items:center;background:#0000!important;border:none!important;border-radius:10px;color:var(--text-secondary)!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:12px;justify-content:flex-start;line-height:1;min-height:48px;min-width:48px;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-btn-vertical:hover:not(.active){background-color:var(--hover-bg)!important;color:var(--text-color)!important}.tab-btn-vertical.active{background-color:var(--primary-color)!important;box-shadow:0 4px 12px #014c7540!important;color:#fff!important}.tab-btn-vertical svg{flex-shrink:0;transition:transform .2s ease}.tab-btn-vertical.active svg{transform:scale(1.1)}.tab-label{font-size:.9rem;font-weight:600}.modal-body{background-color:var(--background-color)!important;padding:32px}.overview-tab{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.overview-main,.overview-sidebar{display:flex;flex-direction:column;gap:24px}.overview-card{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:var(--shadow)!important;padding:24px}.overview-card h3{align-items:center;color:var(--text-color)!important;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:16px}.description-card p{color:var(--text-color)!important;font-size:.95rem;line-height:1.6;opacity:.9}.doc-section{border-top:1px solid var(--border-color)!important;margin-top:24px;padding-top:16px}.doc-link{align-items:center;color:var(--primary-color)!important;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px}.doc-link:hover{gap:12px;text-decoration:underline}.info-list{display:flex;flex-direction:column;gap:16px}.info-row{font-size:.9rem}.info-label{color:var(--text-secondary)!important;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-text{color:var(--text-color)!important;font-weight:500}.separator{background-color:var(--border-color)!important;height:1px;margin:4px 0}.url-copy-row{align-items:center;display:flex;gap:8px;max-width:60%}.url-copy-row code{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:6px;color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.85rem;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.icon-btn-small{background:none!important;border:none!important;border-radius:4px;color:var(--text-muted)!important;cursor:pointer;display:flex;padding:4px}.icon-btn-small:hover{background-color:var(--hover-bg)!important;color:var(--primary-color)!important}.info-badge-outline{background-color:initial!important;border:1px solid!important;border-radius:6px;font-size:.75rem;font-weight:600;padding:4px 10px}.rating-row{align-items:center;color:var(--text-color)!important;display:flex;font-weight:600;gap:4px}.rating-count{color:var(--text-secondary)!important;font-size:.8rem;font-weight:400}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-pill-modern{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:100px;color:var(--text-secondary)!important;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.tag-pill-modern:hover{background-color:var(--primary-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.endpoints-preview-card .card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.endpoints-preview-card h3{margin-bottom:0}.view-all-btn{background:none!important;border:none!important;color:var(--primary-color)!important;cursor:pointer;font-size:.85rem;font-weight:600}.view-all-btn:hover{text-decoration:underline}.mini-endpoints-list{display:flex;flex-direction:column;gap:8px}.mini-endpoint-item{align-items:center;background-color:var(--background-color)!important;border:1px solid #0000!important;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.mini-endpoint-item:hover{border-color:var(--border-color)!important}.mini-path{color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:500}.method-badge-mini{border-radius:4px;font-size:.7rem;font-weight:700;min-width:45px;padding:2px 6px;text-align:center;text-transform:uppercase}.tryit-tab{display:flex;flex-direction:column;height:auto;margin:0 auto;max-width:1200px}@media (max-width:900px){.overview-tab{grid-template-columns:1fr}.api-detail-modal{border-radius:0;height:100%;max-height:100vh}.header-main-content{align-items:flex-start;gap:16px}.header-main-content,.modal-header{flex-direction:column}.close-btn{position:absolute;right:20px;top:20px}.modal-tabs-vertical{padding:12px 8px}.tab-btn-vertical{min-height:44px;min-width:44px;padding:10px}}@media (max-width:600px){.api-detail-modal{flex-direction:column}.modal-tabs-vertical{padding:8px}.modal-tabs-vertical,.tabs-wrapper-vertical{flex-direction:row;overflow-x:auto}}.modal-input{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:8px;color:var(--text-color)!important;font-family:inherit;font-size:.95rem;margin-bottom:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #014c7526;outline:none}textarea.modal-input{min-height:100px;resize:vertical}.star-rating-input{align-items:center;background-color:initial!important;border:none!important;border-radius:8px;display:flex;gap:6px;min-height:48px;padding:4px 0}.star-btn{background:none!important;border:none!important;cursor:pointer;display:flex;line-height:0;padding:2px!important;transition:transform .12s ease}.star-btn:hover{transform:scale(1.15)}.rating-label-text{background-color:#ffb02e1a!important;border-radius:100px;color:#ffb02e!important;font-size:.82rem;font-weight:600;margin-left:14px;padding:4px 12px}.write-review-section{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;margin-bottom:30px;padding:24px}.write-review-section h3{border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important;font-size:1.1rem;margin-bottom:20px;margin-top:0;padding-bottom:12px}.review-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary)!important;letter-spacing:.03em}.form-actions{grid-column:1/-1}.reviews-list-container{display:flex;flex-direction:column;gap:24px}.reviews-summary-card{align-items:center;background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:12px;display:flex;gap:24px;margin-bottom:16px;padding:20px}.summary-big-score{align-items:center;border-right:1px solid var(--border-color)!important;display:flex;flex-direction:column;gap:4px;padding-right:24px}.score-number{color:var(--text-color)!important;font-size:2.5rem;font-weight:800;line-height:1}.score-stars{display:flex;gap:4px}.summary-total{color:var(--text-secondary)!important;font-size:.95rem;font-weight:500}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-card-modern{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-left:3px solid #0000!important;border-radius:12px;padding:24px;position:relative;transition:transform .2s,box-shadow .2s,border-left-color .2s}.review-card-modern:hover{border-left-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.review-header{align-items:flex-start;border-bottom:1px solid var(--border-color)!important;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.reviewer-info{align-items:center;display:flex;gap:12px}.reviewer-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff!important;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:42px;justify-content:center;width:42px}.reviewer-details{display:flex;flex-direction:column;gap:2px}.reviewer-details strong{color:var(--text-color)!important;font-size:.95rem}.review-date{color:var(--text-muted)!important;font-size:.8rem}.review-rating-badge{align-items:center;background-color:#ffb02e1a!important;border-radius:100px;color:#ffb02e!important;display:flex;font-size:.9rem;font-weight:700;gap:6px;padding:6px 10px}.review-title-text{color:var(--text-color)!important;font-size:1.05rem;font-weight:700;margin:0 0 10px}.review-body-text{color:var(--text-secondary)!important;font-size:.95rem;line-height:1.6;margin:0}.empty-reviews-placeholder{align-items:center;background-color:var(--card-bg)!important;border:1px dashed var(--border-color)!important;border-radius:12px;color:var(--text-secondary)!important;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:56px 20px;text-align:center}.empty-reviews-placeholder svg{color:var(--primary-color)!important;opacity:.6}.empty-reviews-placeholder p{font-size:.95rem;margin:0}@media (max-width:700px){.review-form-grid{grid-template-columns:1fr}.summary-big-score{border-right:none!important;padding-right:0}.reviews-summary-card{align-items:flex-start;flex-direction:column;gap:16px}}.forums-tab{display:flex;flex-direction:column;gap:20px}.thread-card-modern{align-items:center;background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.thread-card-modern:hover{border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.thread-main h4{color:var(--text-color)!important;font-size:1.05rem;font-weight:600;margin:0 0 6px}.thread-main p{color:var(--text-secondary)!important;font-size:.95rem;line-height:1.5;margin:0}.thread-stats{color:var(--text-muted)!important;display:flex;flex-direction:column;font-size:.85rem;gap:4px;min-width:80px;text-align:right}.guides-tab{gap:20px}.guide-card-modern{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:24px}.guide-card-modern h4{color:var(--text-color)!important;font-size:1.1rem;margin-bottom:12px;margin-top:0}.guide-card-modern p{color:var(--text-secondary)!important;flex:1 1;line-height:1.6;margin-bottom:20px}.health-dashboard{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr}.health-score-card{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:16px;padding:32px;text-align:center}.health-score-card,.score-circle{align-items:center;display:flex;flex-direction:column;justify-content:center}.score-circle{background-color:var(--card-bg)!important;border:8px solid var(--success-color);border-radius:50%;box-shadow:0 0 20px #0000001a;height:140px;margin-bottom:24px;width:140px}.score-val{color:var(--text-color)!important;font-size:3rem;font-weight:800;line-height:1}.score-label{color:var(--text-muted)!important;font-size:.85rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.score-details{border-top:1px solid var(--border-color)!important;display:flex;flex-direction:column;gap:12px;padding-top:20px;width:100%}.score-row{align-items:center;color:var(--text-color)!important;display:flex;font-size:.95rem;justify-content:space-between}.score-row strong{font-family:Roboto Mono,monospace}.health-history-graph{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:16px;display:flex;flex-direction:column;padding:24px}.health-history-graph h4{color:var(--text-color)!important;font-size:1.1rem;margin:0 0 20px}.history-bars{align-items:flex-end;border-bottom:1px solid var(--border-color)!important;display:flex;flex:1 1;justify-content:space-between;min-height:200px;padding-bottom:10px;padding-top:40px}.history-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%;justify-content:flex-end}.history-bar{border-radius:6px;min-height:4px;opacity:.9;transition:height .5s cubic-bezier(.4,0,.2,1);width:24px}.history-bar:hover{opacity:1;transform:scaleX(1.1)}.history-date{color:var(--text-muted)!important;font-size:.8rem;font-weight:500}.btn-primary-compact{background-color:var(--primary-color)!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background-color .2s;width:auto}.btn-primary-compact:hover{background-color:var(--primary-hover)!important}.btn-secondary-compact{background-color:initial!important;border:1px solid var(--border-color)!important;border-radius:8px;color:var(--text-color)!important;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary-compact:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}@media (max-width:800px){.health-dashboard{grid-template-columns:1fr}}.guide-detail-view{margin:0 auto;max-width:900px;padding-bottom:40px}.btn-text-back{align-items:center;background:none!important;border:none!important;color:var(--text-secondary)!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:24px;padding:0;transition:color .2s}.btn-text-back:hover{color:var(--primary-color)!important}.guide-content-wrapper{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;box-shadow:var(--shadow-sm)!important;padding:40px}.guide-title{color:var(--text-color)!important;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:8px}.guide-meta{border-bottom:1px solid var(--border-color)!important;color:var(--text-secondary)!important;font-size:.9rem;margin-bottom:32px;padding-bottom:20px}.markdown-body{color:var(--text-color)!important;font-size:1rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text-color)!important;font-weight:700;margin-bottom:16px;margin-top:32px}.markdown-body h1{border-bottom:1px solid var(--border-color)!important;font-size:1.75rem;padding-bottom:10px}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body p{margin-bottom:16px}.markdown-body ol,.markdown-body ul{margin-bottom:16px;padding-left:24px}.markdown-body li{margin-bottom:8px}.markdown-body pre{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:8px;margin-bottom:24px;overflow-x:auto;padding:16px}.markdown-body code{color:var(--text-color)!important;font-family:Roboto Mono,monospace;font-size:.9em}.markdown-body li code,.markdown-body p code{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:4px;color:var(--primary-color)!important;padding:2px 6px}.markdown-body blockquote{background-color:#ffffff05;border-left:4px solid var(--primary-color)!important;color:var(--text-secondary)!important;font-style:italic;margin:0 0 24px;padding:0 16px}.explore-page{background-color:var(--background-color);box-sizing:border-box;min-height:calc(100vh - 60px);padding:24px 32px;width:100%}.explore-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.explore-header-actions{display:flex;flex-shrink:0;gap:10px}.submit-api-button{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.submit-api-button:hover{background:var(--accent);background:var(--primary-hover,var(--accent));border-color:var(--primary-hover,var(--accent))}.submit-api-button:active{transform:translateY(1px)}.submit-overlay-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.submit-overlay-panel{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 70px #0006;max-height:90vh;max-width:560px;overflow-y:auto;padding:28px;width:100%}.submit-overlay-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.submit-overlay-header h2{color:var(--text-color);font-size:1.25rem;margin:0}.submit-overlay-close{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.submit-overlay-close:hover{color:var(--text-color)}.submit-overlay-subtitle{color:var(--text-secondary);font-size:.85rem;margin:0 0 18px}.submit-overlay-form{display:flex;flex-direction:column;gap:14px}.submit-overlay-form .form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:560px){.submit-overlay-form .form-row{grid-template-columns:1fr}}.submit-overlay-form label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.78rem;font-weight:600;gap:6px;letter-spacing:.03em;text-transform:uppercase}.submit-overlay-form .app-select,.submit-overlay-form input,.submit-overlay-form select,.submit-overlay-form textarea{background:var(--background-color);background:var(--input-background,var(--background-color));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-family:inherit;font-size:.9rem;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.submit-overlay-form input:focus,.submit-overlay-form select:focus,.submit-overlay-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.submit-overlay-form .app-select .app-select-trigger:focus-visible{box-shadow:0 0 0 1px var(--accent)}.submit-overlay-form textarea{resize:vertical}.submit-overlay-form input::placeholder,.submit-overlay-form textarea::placeholder{color:var(--text-secondary);opacity:.7}.submit-overlay-form .app-select{background:#0000;border:none;padding:0;width:100%}.submit-overlay-form .app-select .app-select-trigger{background:var(--background-color);background:var(--input-background,var(--background-color));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;padding:10px 12px}.submit-overlay-form .app-select .app-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--primary-color);box-shadow:var(--ring,0 0 0 2px var(--primary-color))}.submit-overlay-error{color:#ef4444;color:var(--danger-text,#ef4444);font-size:.85rem}.submit-overlay-status{color:#10b981;color:var(--success-text,#10b981);font-size:.85rem}.submit-overlay-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:16px;padding-top:8px}.submit-overlay-actions .btn-link{background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;text-decoration:none}.submit-overlay-actions .btn-link:hover{background:var(--background-color);background:var(--input-background,var(--background-color));border-color:var(--border-color);color:var(--text-color)}.submit-overlay-actions .btn-primary{border-radius:8px;border-radius:var(--radius-sm,8px);font-size:.9rem;padding:10px 18px}.header-content{margin-bottom:0}.header-content .eyebrow{color:var(--primary-color);display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.header-content h1{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1.15;margin:0 0 6px}.header-content p{color:var(--text-secondary);font-size:.95rem;margin:0;max-width:600px}.explore-sticky{-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);background:color-mix(in srgb,var(--background-color) 80%,#0000);border-bottom:1px solid var(--border-color);margin:0 -32px 20px;padding:16px 0;position:relative;z-index:30}.explore-toolbar{align-items:center;background:#0000;border-bottom:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0;padding:0 32px}.search-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:280px}.sort-segmented{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:inline-flex;flex-shrink:0;gap:2px;padding:3px}.sort-segment{background:#0000;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 14px;transition:color .2s ease,background-color .2s ease,transform .15s ease}.sort-segment:hover{color:var(--text-color)}.sort-segment.active{background:var(--primary-color);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--primary-color) 60%,#0000);color:#fff}.sort-segment:active{transform:scale(.96)}.search-input-wrapper{flex:1 1;position:relative}.search-input{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:10px;font-size:.92rem;padding:10px 40px 10px 42px!important;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 25%,#0000)}.search-icon{color:var(--text-muted);left:14px}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search:hover{background-color:var(--hover-bg);color:var(--text-color)}.filter-toggle{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.filter-toggle:hover{background-color:var(--hover-bg);border-color:var(--primary-color)}.category-filter-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:10px 32px 0;padding:12px 14px 14px;position:relative}.category-filter-heading{align-items:center;color:var(--text-muted);display:flex;font-size:.68rem;font-weight:700;gap:12px;justify-content:space-between;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.category-filter-bar.is-expanded .category-filter-heading{margin-bottom:10px}.category-expand-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:0;padding:3px 5px;text-transform:none}.category-expand-btn:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000)}.category-expand-btn svg{transition:transform .16s ease}.category-filter-bar.is-expanded .category-expand-btn svg{transform:rotate(180deg)}.category-chips{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:0;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-filter-bar.is-expanded .category-chips{flex-wrap:wrap;gap:7px}.category-chip{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.76rem;font-weight:600;gap:5px;padding:6px 10px;scroll-snap-align:start;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;white-space:nowrap}.category-chip:hover{border-color:var(--primary-color);color:var(--text-color);transform:translateY(-1px)}.category-chip:active{transform:scale(.96)}.category-chip.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--primary-color) 60%,#0000);color:var(--button-text)!important}.chip-count{background:color-mix(in srgb,var(--text-color) 8%,#0000);border-radius:999px;color:var(--text-muted);font-size:.62rem;font-weight:700;line-height:1.5;padding:1px 5px}.category-chip.active .chip-count{background:var(--primary-light);color:var(--button-text)!important}.explore-body{grid-gap:24px;align-items:start;display:grid;gap:24px;transition:grid-template-columns .3s ease}.explore-body:has(.filters-sidebar){grid-template-columns:240px 1fr}.explore-body:not(:has(.filters-sidebar)){grid-template-columns:1fr}.filters-sidebar{align-self:start;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 5%,var(--card-bg)),var(--card-bg));border:1px solid var(--border-color);border-radius:14px;box-sizing:border-box;padding:14px 12px;position:relative;top:0}.filter-section{display:flex;flex-direction:column;gap:12px}.clear-filters-btn{background:#0000;border:0;color:var(--primary-color);cursor:pointer;font-size:.7rem;font-weight:600;padding:2px 0;transition:color .2s ease}.clear-filters-btn:hover{color:var(--text-color)}.filter-group{gap:8px}.filter-group-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.filter-label{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.1em;margin:0;text-align:left;text-transform:uppercase}.filter-select{width:100%}.category-list{display:flex;flex-direction:column;gap:4px}.category-btn{background-color:initial;border:none;border-radius:var(--border-radius-sm);color:var(--text-color);display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px;text-align:left;transition:all .2s;width:200px!important}.category-btn:hover{background-color:var(--hover-bg)}.category-btn.active{background-color:var(--primary-color);font-weight:500}.category-btn .count{color:var(--text-muted);font-size:.8rem;font-weight:400}.category-btn.active .count{color:#fffc}.tags-list{background:#0000;border:0;border-radius:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-height:260px;overflow-y:auto;padding:1px 5px 1px 1px;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.tag-btn{background:color-mix(in srgb,var(--text-color) 3%,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:5px 9px;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .15s ease}.tag-btn:hover{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.tag-btn:active{transform:scale(.95)}.tag-btn.active{background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 78%,#000));border-color:#0000;box-shadow:0 3px 10px -3px color-mix(in srgb,var(--primary-color) 55%,#0000);color:#fff}.tags-list::-webkit-scrollbar{width:5px}.tags-list::-webkit-scrollbar-track{background:#0000}.tags-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}.explore-content{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:50vh}.active-filters{align-items:center;background-color:initial;border:none;display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px}.active-filters-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.filter-chip{background-color:var(--primary-color);border-radius:12px;font-size:.85rem;font-weight:500;gap:6px;padding:4px 10px}.filter-chip,.filter-chip button{align-items:center;color:#fff;display:flex}.filter-chip button{background:none;border:none;border-radius:50%;cursor:pointer;justify-content:center;padding:2px;transition:all .2s}.filter-chip button:hover{background-color:#0003}.apis-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.api-card{--accent:var(--primary-color);animation:card-enter .4s cubic-bezier(.16,1,.3,1) backwards;animation-delay:0ms;animation-delay:calc(var(--i, 0)*40ms);background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--card-bg);border:1px solid var(--border-color);border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:18px;position:relative;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s ease}.api-card:before{background:radial-gradient(120% 80% at 50% -20%,color-mix(in srgb,var(--accent) 16%,#0000),#0000 60%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .32s ease}.api-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));box-shadow:0 18px 40px -18px color-mix(in srgb,var(--accent) 35%,#00000059);transform:translateY(-4px)}.api-card:hover:before{opacity:1}.api-card:hover .api-icon{transform:scale(1.05) rotate(-2deg)}.api-icon{transition:transform .28s cubic-bezier(.4,0,.2,1)}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.api-card-head{gap:12px;position:relative;z-index:1}.api-card-head,.api-icon{align-items:center;display:flex}.api-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--background-color)),var(--background-color));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border-color));border-radius:12px;height:44px;justify-content:center;min-width:44px;overflow:hidden;width:44px}.api-icon img{height:100%;object-fit:cover;width:100%}.api-icon-placeholder{color:var(--accent);font-family:Inter,sans-serif;font-size:1.15rem;font-weight:700}.api-title-block{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.api-name{color:var(--text-color);font-size:1.02rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-provider{color:var(--text-muted);font-size:.78rem;font-weight:400}.api-rating{align-items:center;align-self:flex-start;background:color-mix(in srgb,#eab308 12%,var(--background-color));border:1px solid color-mix(in srgb,#eab308 25%,#0000);border-radius:999px;display:inline-flex;flex-shrink:0;gap:4px;padding:4px 9px}.api-rating-value{color:var(--text-color);font-size:.82rem;font-weight:700;line-height:1}.api-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.badge{font-size:.66rem;font-weight:700;gap:4px;letter-spacing:.03em;padding:3px 9px}.badge-featured{background:color-mix(in srgb,#eab308 14%,#0000);border:1px solid color-mix(in srgb,#eab308 30%,#0000);color:#eab308}.badge-trending{background:color-mix(in srgb,var(--accent) 14%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);color:var(--accent)}.api-category-pill{background:var(--hover-bg);border-radius:999px;color:var(--text-secondary);font-size:.72rem;font-weight:600;line-height:1.4;margin-left:auto;padding:3px 10px}.api-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.55;margin:0;min-height:2.7em;overflow:hidden;position:relative;z-index:1}.api-tech-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.tech-badge{background:color-mix(in srgb,var(--text-color) 4%,#0000);border:1px solid var(--border-color);border-radius:7px;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:.7rem;font-weight:600;padding:3px 9px}.star-icon{color:#eab308}.api-rating-count{color:var(--text-muted);font-size:.74rem;font-weight:500;margin-left:auto}.api-card-actions{border-top:1px solid color-mix(in srgb,var(--border-color) 60%,#0000);display:flex;gap:8px;margin-top:4px;padding-top:14px;position:relative;z-index:1}.card-action{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:9px 12px;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .15s ease}.card-action:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.card-action:active{transform:scale(.96)}.card-action-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));border-color:#0000;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--accent) 60%,#0000);color:#fff;flex:1 1;justify-content:center}.card-action-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 90%,#fff),var(--accent));border-color:#0000;color:#fff}.card-action-icon{margin-left:auto;padding:9px 11px}.card-action-icon.saved{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);color:var(--accent)}.skeleton-card{cursor:default;pointer-events:none}.sk{background:var(--card-bg);background:var(--hover-bg,var(--card-bg));border-radius:8px;overflow:hidden;position:relative}.sk:after{animation:sk-shimmer 1.3s infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--text-color) 8%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.sk-top{background:#0000;display:flex;gap:14px;margin-bottom:20px}.sk-avatar{border-radius:12px;height:44px;min-width:44px;width:44px}.sk-lines{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.sk-line{height:12px}.sk-line-lg{width:55%}.sk-line-sm{height:10px;width:35%}.sk-body{height:12px;margin-bottom:10px}.sk-body-short{margin-bottom:24px;width:70%}.sk-footer{background:#0000;display:flex;gap:10px;margin-top:auto}.sk-pill{border-radius:6px;height:24px;width:64px}@keyframes sk-shimmer{to{transform:translateX(100%)}}.loading-state{min-height:40vh;width:100%}.loading-state p{font-size:.95rem}.empty{align-items:center;background:color-mix(in srgb,var(--card-bg) 40%,#0000);border:1px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:45vh;padding:56px 20px;text-align:center;width:100%}.empty-icon{opacity:.6}.empty-title{font-size:1.15rem;letter-spacing:-.01em}.empty-text{color:var(--text-secondary);font-size:.925rem;line-height:1.55;margin:0 0 24px;max-width:360px}.empty-btn{background:var(--primary-color);border:none;border-radius:8px;color:var(--button-text)!important;cursor:pointer;font-size:.9rem;font-weight:600;padding:9px 20px;transition:opacity .2s,transform .15s}.empty-btn:hover{opacity:.9}.empty-btn:active{transform:scale(.97)}.explore-error{align-items:center;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger-text);display:flex;font-size:.92rem;font-weight:500;gap:16px;justify-content:space-between;padding:12px 16px}.explore-error .empty-btn{background:var(--danger-color);flex-shrink:0;padding:7px 16px}.pagination{gap:6px;padding:28px 0 12px}.page-btn{background:#0000;border:1px solid #e2e2e2;border:1px solid var(--border-color,#e2e2e2);border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:600;height:36px;min-width:36px;padding:0 10px;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f2f2f2;background-color:var(--secondary-color,#f2f2f2)}.page-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-ellipsis{opacity:.6;padding:0 4px}.btn-primary,.btn-secondary{border-radius:var(--border-radius);font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-hover)}@media (max-width:1200px){.apis-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.explore-body{grid-template-columns:1fr}.filters-sidebar{position:relative;top:0}}@media (prefers-reduced-motion:reduce){.api-card,.api-card:before,.api-icon,.sk:after{animation:none!important;transition:none!important}.api-card{opacity:1!important;transform:none!important}}@media (max-width:768px){.explore-page{padding:16px}.explore-toolbar{margin:0 -16px 20px;padding:12px 16px}.category-filter-bar{margin:10px 0 0;padding:11px 12px 13px}.sort-segmented{justify-content:space-between;width:100%}.header-content h1{font-size:1.5rem}.search-section{flex-direction:column}.search-input-wrapper{max-width:none}.apis-grid{grid-template-columns:1fr}}.marketplace-page{background-color:var(--background-color);box-sizing:border-box;min-height:calc(100vh - 60px);padding:32px 32px 100px;width:100%}.marketplace-header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.marketplace-header h1{color:var(--text-color);font-size:1.75rem;font-weight:650}.marketplace-header p{color:var(--text-secondary);max-width:72ch}.marketplace-surface{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000f}.marketplace-toolbar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto;padding:16px}.marketplace-search{align-items:center;display:flex;gap:12px}.marketplace-search input{min-width:240px;width:100%}.marketplace-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.marketplace-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px;transition:box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease}.marketplace-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.marketplace-card h3{color:var(--text-color);font-size:1.05rem;margin:0}.marketplace-card p{color:var(--text-secondary);line-height:1.45;margin:0}.marketplace-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px}.pill{align-items:center;background:var(--hover-background);border:1px solid var(--border-color);color:var(--text-color);display:inline-flex;font-size:.85rem;gap:6px;padding:4px 10px}.pill strong{font-weight:650}.marketplace-actions{display:flex;gap:10px;margin-top:8px}.btn-link{background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);padding:8px 12px}.btn-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary-compact{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:10px;color:#fff;padding:8px 12px}.btn-primary-compact:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.marketplace-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:0 16px}.marketplace-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);padding:12px}.marketplace-tab[aria-selected=true]{border-bottom-color:var(--primary-color);color:var(--text-color)}.marketplace-tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.marketplace-panel{padding:16px}.empty-state{padding:28px 16px}@media (max-width:768px){.marketplace-page{padding:20px 20px 100px}.marketplace-toolbar{grid-template-columns:1fr}.marketplace-search input{min-width:0}}.api-network-section{background-color:var(--background-color);color:var(--text-color);display:flex;height:calc(100vh - 60px);width:100%}.api-network-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:visible;position:relative;transition:width .18s cubic-bezier(.2,0,0,1),opacity .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:272px;z-index:10}.api-network-sidebar.collapsed{border-right:none;opacity:0;padding:0;pointer-events:none;width:0}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between;padding:14px}.sidebar-header>div:last-child{align-items:center;display:flex;flex-shrink:0;gap:6px}.sidebar-title{align-items:center;color:var(--primary-color);display:flex;font-size:.875rem;font-weight:600;gap:10px;letter-spacing:-.01em}.title-icon{color:var(--primary-color);flex-shrink:0;font-size:1rem}.api-network-sidebar .sidebar-add-btn{align-items:center;background:var(--primary-light);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:all .15s ease;width:30px}.api-network-sidebar .sidebar-add-btn svg{stroke:var(--primary-color);fill:none;color:var(--primary-color);height:16px;width:16px}.api-network-sidebar .sidebar-add-btn:hover{background-color:var(--primary-hover);color:#fff;transform:scale(1.05)}.api-network-sidebar .sidebar-add-btn:hover svg{stroke:#fff;color:#fff}.api-network-sidebar .sidebar-add-btn:active{transform:scale(.98)}.api-network-sidebar .sidebar-toggle-btn{align-items:center;background:var(--hover-bg);border:1px solid #0000;border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:all .15s ease;width:30px}.api-network-sidebar .sidebar-toggle-btn svg{stroke:var(--text-secondary);fill:none;color:var(--text-secondary);height:16px;width:16px}.api-network-sidebar .sidebar-toggle-btn:hover{background-color:var(--hover-bg);color:var(--text-color)}.api-network-sidebar .sidebar-toggle-btn:hover svg{stroke:var(--text-color);color:var(--text-color)}.sidebar-search{padding:12px 14px;position:relative}.sidebar-search .search-icon{color:var(--text-secondary);font-size:.875rem;left:22px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.sidebar-search input.sidebar-filter-input{background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-color);font-size:.8125rem;letter-spacing:.01em;outline:none;padding:10px 12px 10px 44px;transition:all .2s ease;width:100%}.sidebar-search input.sidebar-filter-input::placeholder{color:var(--text-muted)}.sidebar-search input.sidebar-filter-input:hover{background-color:color-mix(in srgb,var(--primary-color) 6%,var(--hover-bg));border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color))}.sidebar-search input.sidebar-filter-input:focus{background-color:var(--primary-light);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.sidebar-nav{flex:1 1;overflow-x:visible;overflow-y:auto;padding:8px 10px;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff26}.nav-header{padding:12px 10px 8px}.nav-group-title,.nav-header{color:var(--text-color);font-size:.6875rem;font-weight:600;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.nav-group-title{border-top:1px solid var(--border-color);margin-top:6px;padding:14px 10px 6px}.nav-items{display:flex;flex-direction:column;gap:2px}.nav-item{align-items:center;border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.8125rem;font-weight:450;gap:10px;padding:10px 12px;position:relative;transition:all .15s ease}.nav-item:hover{background-color:var(--hover-bg);color:var(--text-color)}.nav-item.active{background-color:var(--primary-light);color:var(--text-color);font-weight:500}.nav-item.active:before{display:none}.nav-icon{flex-shrink:0;font-size:1rem}.nav-icon,.nav-item.active .nav-icon{color:var(--primary-color);opacity:1}.request-item{background-color:initial;border:none;gap:8px;padding:9px 10px}.method-indicator{border-radius:4px;flex-shrink:0;font-size:.625rem;font-weight:700;letter-spacing:.02em;min-width:38px;padding:3px 6px;text-align:center}.method-indicator[data-method=GET]{background-color:#61affe1f;color:var(--method-get)}.method-indicator[data-method=POST]{background-color:#49cc901f;color:var(--method-post)}.method-indicator[data-method=PUT]{background-color:#fca1301f;color:var(--method-put)}.method-indicator[data-method=DELETE]{background-color:#f93e3e1f;color:var(--method-delete)}.method-indicator[data-method=PATCH]{background-color:#50e3c21f;color:var(--method-patch)}.method-indicator[data-method=OPTIONS]{background-color:#06b6d41f;color:#06b6d4}.method-indicator[data-method=HEAD]{background-color:#64748b1f;color:#64748b}.request-name{color:inherit;min-width:0;transition:color .15s ease}.request-item:focus-visible .request-name,.request-item:hover .request-name{color:var(--primary-color)}.item-arrow{color:var(--text-muted);flex-shrink:0;font-size:.75rem;margin-left:auto;opacity:.35;transition:all .15s ease}.nav-item:hover .item-arrow{opacity:.7}.nav-item.active .item-arrow{color:#6366f1;opacity:1}.sidebar-empty,.sidebar-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.8125rem;gap:10px;padding:24px 14px;text-align:center}.sidebar-empty p{margin:0}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff14;border-radius:50%;border-top-color:#6366f1;height:18px;width:18px}.api-network-main-content{background-color:var(--background-color);flex:1 1;height:calc(100vh - 60px);overflow-y:auto;position:relative}.sidebar-open-btn{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #0000001a;color:var(--text-secondary);cursor:grab;display:flex;height:32px;justify-content:center;padding:0;position:fixed;touch-action:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;width:32px;z-index:50}.sidebar-open-btn:active{cursor:grabbing}.sidebar-open-btn.corner-top-left{left:16px;top:76px}.sidebar-open-btn.corner-bottom-left{bottom:16px;left:16px}.sidebar-open-btn:hover{background-color:var(--hover-bg);box-shadow:0 4px 8px #00000026;color:var(--primary-color)}.unified-request-workspace{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 60px);height:100%;max-width:none;width:100%}.request-workspace-title{color:var(--text-color);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0 0 16px;padding:20px 24px 0}.request-response-container{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - 60px);max-width:100%;overflow:hidden;width:100%}.request-form-section{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);flex:1 1;min-height:240px;overflow:auto;padding-bottom:0}.split-pane-divider{background-color:var(--border-color);cursor:row-resize;flex:0 0 6px;outline:none;position:relative;transition:background-color .15s ease;z-index:5}.split-pane-divider:focus-visible,.split-pane-divider:hover{background-color:var(--primary-color)}.split-pane-divider:after{content:"";inset:-4px 0;position:absolute}.workspace-resizing,.workspace-resizing iframe{cursor:row-resize!important;pointer-events:none;-webkit-user-select:none;user-select:none}.workspace-resizing .request-response-container{cursor:row-resize}.response-section{background-color:var(--background-color);box-sizing:border-box;flex:1 1;max-width:100%;min-height:240px;min-width:0;overflow:hidden;padding:14px 24px 20px}.response-section h3{color:var(--text-color);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;margin-top:0}.empty-response-message{align-items:center;background-color:var(--section-bg);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-muted);display:flex;font-size:.875rem;height:100%;justify-content:center;min-height:200px}.empty-response-message p{margin:0}.request-form-section .request-workspace{border:none;box-shadow:none;height:100%;max-width:none;width:100%}@media (max-width:768px){.api-network-sidebar{left:-100%;position:fixed;transition:left .3s ease;width:100%;z-index:100}.api-network-sidebar.open{left:0}.request-response-container{flex-direction:column}.request-form-section,.response-section{min-height:400px;width:100%}}@media (max-width:640px){.sidebar-header{padding:14px 12px}.sidebar-search{padding:10px 12px}.nav-item{padding:8px 10px}}.response-section .response-display.rd-shell{height:calc(100% - 38px);margin-top:0;min-height:0}.workspace-test-page{--ws-accent:var(--primary-color);--ws-hairline:var(--border-color);--ws-surface:var(--card-bg);--ws-inset:var(--background-color);--ws-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--ws-radius:var(--radius-lg,16px);--ws-radius-sm:var(--radius-md,12px);--ws-radius-btn:var(--radius-sm,8px);background:var(--ws-inset);display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 60px)}.ws-header{align-items:flex-end;background:var(--ws-surface);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px clamp(20px,4vw,48px)}.ws-header-title{flex:1 1;min-width:0}.ws-header-title h1{align-items:center;color:var(--text-color);display:flex;font-size:clamp(26px,3vw,34px);font-weight:650;gap:10px;letter-spacing:-.02em;margin:0}.ws-header-title h1 svg{color:var(--ws-accent);flex-shrink:0}.ws-header-title p{color:var(--text-secondary);font-size:.92rem;line-height:1.45;margin:6px 0 0;max-width:60ch}.ws-eyebrow{align-items:center;color:var(--ws-accent);display:flex;font-family:var(--ws-mono);font-size:.68rem;font-weight:600;gap:8px;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.ws-eyebrow svg{font-size:.8rem}.ws-header-tabs{align-self:flex-end;background:#0000;border:none;border-radius:0;flex-shrink:0;flex-wrap:wrap;padding:0}.ws-header-tabs,.ws-tab{display:inline-flex;gap:8px}.ws-tab{align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease);white-space:nowrap}.ws-tab:hover{background:var(--hover-bg);border-color:var(--text-muted);box-shadow:var(--shadow-sm);color:var(--text-color);transform:translateY(-1px)}.ws-tab.active{background:color-mix(in srgb,var(--ws-accent) 15%,var(--ws-inset));border-color:color-mix(in srgb,var(--ws-accent) 45%,#0000);box-shadow:var(--shadow-sm);color:var(--ws-accent)}.ws-tab svg{font-size:.95rem}.ws-tab .tab-count{background:var(--danger-color);border-radius:9px;color:#fff;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px}.ws-header-actions,.ws-tab .tab-count{align-items:center;display:inline-flex}.ws-header-actions{align-self:flex-end;flex-wrap:wrap;gap:8px}.ws-btn{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);color:var(--text-color);font-family:var(--font-family);padding:8px 14px;white-space:nowrap}.ws-btn:hover{background:color-mix(in srgb,var(--ws-accent) 8%,var(--ws-inset));border-color:color-mix(in srgb,var(--ws-accent) 45%,var(--ws-hairline))}.ws-btn.primary{background:var(--ws-accent);border-color:var(--ws-accent);color:var(--button-text)}.ws-btn.primary:hover{filter:brightness(1.1)}.ws-btn.danger{border-color:color-mix(in srgb,var(--danger-color) 35%,var(--ws-hairline));color:var(--danger-color)}.ws-btn.danger:hover{background:color-mix(in srgb,var(--danger-color) 10%,var(--ws-inset));border-color:var(--danger-color)}.ws-btn.icon-only{height:36px;justify-content:center;padding:8px;width:36px}.ws-btn:disabled{opacity:.55}.ws-page{flex-direction:column}.ws-content,.ws-page{display:flex;flex:1 1;min-height:0;width:100%}.ws-content{flex-direction:column;gap:16px;max-width:none;padding:clamp(16px,3vw,24px)}.ws-header--tabs{align-items:center;border-top:none;gap:16px;padding:20px}.ws-header-stats{flex-wrap:wrap;gap:10px;margin-left:auto}.ws-header-stat,.ws-header-stats{align-items:center;display:inline-flex}.ws-header-stat{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);color:var(--text-secondary);font-family:var(--ws-mono);font-size:.72rem;font-weight:600;gap:6px;letter-spacing:.04em;padding:8px 14px;text-transform:uppercase}.ws-header-stat svg{color:var(--ws-accent)}.ws-collections-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:260px 1fr;width:100%}.ws-collections-side{position:-webkit-sticky;position:sticky;top:16px}.ws-collections-main,.ws-collections-side{display:flex;flex-direction:column;gap:12px}.ws-collections-main{min-width:0}.ws-panel{animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;background:var(--ws-surface);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--ws-accent) 6%,#0000)}.ws-panel-title{border-bottom:1px solid var(--ws-hairline);font-family:var(--ws-mono)}.ws-panel-title svg{color:var(--ws-accent)}.ws-panel-title-right{align-items:center;display:inline-flex;gap:8px;margin-left:auto}.ws-muted{color:var(--text-secondary)}.ws-recent-list{display:flex;flex-direction:column;gap:10px}.ws-recent-item{align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 14px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ws-recent-item:hover{background:color-mix(in srgb,var(--ws-accent) 6%,var(--ws-inset));border-color:var(--ws-accent);transform:translateY(-1px)}.ws-recent-item:focus-visible{border-color:var(--ws-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-accent) 25%,#0000);outline:none}.ws-recent-name{color:var(--text-color);font-size:.92rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-recent-meta{align-items:center;color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-family:var(--ws-mono);font-size:.7rem;gap:6px}.ws-recent-meta svg{font-size:.8rem}.ws-collections-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(clamp(230px,24vw,290px),1fr))}.ws-collection-card{background:var(--ws-surface);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);display:flex;flex-direction:column;overflow:hidden;padding:18px;position:relative;transition:all .18s ease;transition:all var(--dur-base,.18s) var(--ease-out,ease)}.ws-collection-card:before{background:var(--ws-accent);content:"";height:3px;left:0;opacity:.7;position:absolute;top:0;width:28px}.ws-collection-card:hover{border-color:color-mix(in srgb,var(--ws-accent) 55%,var(--ws-hairline));box-shadow:0 12px 28px color-mix(in srgb,var(--ws-accent) 12%,#0000);transform:translateY(-2px)}.ws-collection-card-head{align-items:center;display:flex;gap:10px;margin-bottom:8px}.ws-collection-icon{align-items:center;background:color-mix(in srgb,var(--ws-accent) 12%,#0000);border-radius:var(--ws-radius-btn);color:var(--ws-accent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ws-collection-card h3{color:var(--text-color);font-size:1rem;font-weight:650;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-collection-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-grow:1;font-size:.82rem;line-height:1.5;margin:0 0 14px;min-height:2.5em;overflow:hidden}.ws-collection-meta{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--ws-mono);font-size:.7rem;justify-content:space-between;margin-bottom:12px}.ws-collection-actions{align-items:center;display:flex;gap:8px}.ws-collection-actions .ws-btn:first-child{flex:1 1;justify-content:center}.ws-collection-actions .ws-btn.icon-only{flex:0 0 36px;width:36px}.ws-collection-card>.ws-btn{justify-content:center;width:100%}.ws-table-wrap{margin:0 -6px;overflow-x:auto}.ws-table{border-collapse:collapse;font-size:.88rem;width:100%}.ws-table th{background:var(--ws-inset);color:var(--text-secondary);font-family:var(--ws-mono);font-size:.65rem;font-weight:600;letter-spacing:.12em;padding:10px 14px;text-align:left;text-transform:uppercase}.ws-table td,.ws-table th{border-bottom:1px solid var(--ws-hairline)}.ws-table td{color:var(--text-color);padding:12px 14px;vertical-align:middle}.ws-table tr:last-child td{border-bottom:none}.ws-table tr:hover td{background:color-mix(in srgb,var(--ws-accent) 4%,#0000)}.ws-user-cell{gap:12px}.ws-avatar,.ws-user-cell{align-items:center;display:flex}.ws-avatar{background:color-mix(in srgb,var(--ws-accent) 18%,var(--ws-inset));border:1px solid color-mix(in srgb,var(--ws-accent) 30%,var(--ws-hairline));border-radius:50%;color:var(--ws-accent);flex-shrink:0;font-size:.85rem;font-weight:650;height:34px;justify-content:center;width:34px}.ws-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ws-user-name{align-items:center;color:var(--text-color);display:inline-flex;font-size:.9rem;font-weight:600;gap:6px}.ws-user-name .active-dot{animation:livePulse 1.5s ease-in-out infinite;background:var(--success-color);border-radius:50%;display:inline-block;height:7px;width:7px}.ws-user-email{font-size:.75rem}.ws-role-chip,.ws-user-email{color:var(--text-secondary);font-family:var(--ws-mono)}.ws-role-chip{align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.ws-role-chip:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.ws-role-chip.admin{background:color-mix(in srgb,var(--ws-accent) 8%,var(--ws-inset));border-color:color-mix(in srgb,var(--ws-accent) 35%,var(--ws-hairline));color:var(--ws-accent)}.ws-role-chip.editor{background:color-mix(in srgb,var(--success-color) 8%,var(--ws-inset));border-color:color-mix(in srgb,var(--success-color) 35%,var(--ws-hairline));color:var(--success-color)}.ws-role-chip.viewer{color:var(--text-secondary)}.ws-role-chip.visitor{background:color-mix(in srgb,var(--warning-color) 8%,var(--ws-inset));border-color:color-mix(in srgb,var(--warning-color) 35%,var(--ws-hairline));color:var(--warning-color)}.ws-role-select{width:96px}.ws-role-select .app-select-trigger{background:var(--ws-inset);border-color:var(--ws-hairline);border-radius:var(--ws-radius-btn);font-size:.8rem;padding:4px 8px}.ws-role-select .app-select-trigger:focus-visible{border-color:var(--ws-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ws-accent) 15%,#0000)}.ws-remove-btn{align-items:center;background:#0000;border:1px solid color-mix(in srgb,var(--danger-color) 35%,var(--ws-hairline));border-radius:var(--ws-radius-btn);color:var(--danger-color);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:5px 10px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ws-remove-btn:hover{background:color-mix(in srgb,var(--danger-color) 10%,#0000);border-color:var(--danger-color)}.ws-owner-label{color:var(--text-secondary);font-family:var(--ws-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.ws-active-section{border-bottom:1px solid var(--ws-hairline);margin-bottom:18px;padding-bottom:16px}.ws-active-section .active-collaborators-container{height:auto;margin-left:0;max-width:none}.ws-active-section .active-collaborators{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);display:block;font-size:.85rem;max-width:none;padding:12px;width:100%}.ws-section-title{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--ws-mono);font-size:.68rem;font-weight:600;gap:6px;letter-spacing:.16em;margin:0 0 10px;text-transform:uppercase}.ws-section-title svg{color:var(--ws-accent);font-size:.85rem}.ws-mr-list{display:flex;flex-direction:column;gap:12px}.ws-mr-card{background:var(--ws-surface);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);padding:16px;position:relative}.ws-mr-card:before{border-radius:var(--ws-radius-sm) 0 0 var(--ws-radius-sm);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.ws-mr-card.pending:before{background:var(--warning-color)}.ws-mr-card.approved:before,.ws-mr-card.merged:before{background:var(--success-color)}.ws-mr-card.rolled_back:before{background:var(--text-muted)}.ws-mr-card.rejected:before{background:var(--danger-color)}.ws-mr-header{gap:12px;justify-content:space-between;margin-bottom:12px}.ws-mr-header,.ws-mr-title{align-items:center;display:flex}.ws-mr-title{color:var(--text-color);gap:8px}.ws-mr-title h3{font-size:.95rem;font-weight:650;margin:0}.ws-mr-status{align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-family:var(--ws-mono);font-size:.66rem;font-weight:600;gap:5px;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.ws-mr-status:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.ws-mr-status.pending{border-color:color-mix(in srgb,var(--warning-color) 35%,var(--ws-hairline));color:var(--warning-color)}.ws-mr-status.approved,.ws-mr-status.merged{border-color:color-mix(in srgb,var(--success-color) 35%,var(--ws-hairline));color:var(--success-color)}.ws-mr-status.rolled_back{border-color:var(--ws-hairline);color:var(--text-muted)}.ws-mr-status.rejected{border-color:color-mix(in srgb,var(--danger-color) 35%,var(--ws-hairline));color:var(--danger-color)}.ws-mr-description{color:var(--text-secondary);font-size:.84rem;line-height:1.5;margin:10px 0 0}.ws-mr-changes-toggle{align-items:center;background:#0000;border:0;color:var(--ws-accent);cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:600;gap:6px;margin-top:12px;padding:0}.ws-mr-changes-toggle svg{transition:transform .18s ease}.ws-mr-changes-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.ws-mr-changes-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease,margin-top .18s ease}.ws-mr-changes-panel.open{grid-template-rows:1fr;margin-top:10px}.ws-mr-changes-content{display:flex;flex-direction:column;gap:7px;min-height:0;overflow:hidden}.ws-mr-change{grid-gap:8px;align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);color:var(--text-secondary);display:grid;font-size:.78rem;gap:8px;grid-template-columns:minmax(88px,.7fr) minmax(0,1fr) auto minmax(0,1fr);padding:8px 10px}.ws-mr-change strong{color:var(--text-color)}.ws-mr-change span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-mr-change-arrow{color:var(--ws-accent)}.ws-mr-legacy-note{color:var(--text-muted);font-size:.78rem;line-height:1.45;margin:12px 0 0}.ws-modal-copy{color:var(--text-secondary);line-height:1.5;margin:8px 0 18px}.ws-conflict-list{display:flex;flex-direction:column;gap:10px}.ws-conflict-item{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.82rem;gap:6px;padding:12px}.ws-conflict-item strong{color:var(--text-color);text-transform:capitalize}.ws-conflict-actions{display:flex;gap:8px;margin-top:4px}.ws-mr-collections{align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);display:flex;gap:12px;margin-bottom:10px;padding:10px 14px}.ws-mr-source,.ws-mr-target{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ws-mr-label{color:var(--text-secondary);font-family:var(--ws-mono);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ws-mr-value{color:var(--text-color);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-mr-arrow{color:var(--text-secondary);flex-shrink:0}.ws-mr-meta{color:var(--text-secondary);font-family:var(--ws-mono);font-size:.72rem;gap:10px;justify-content:space-between;margin-bottom:10px}.ws-mr-actions,.ws-mr-meta{display:flex;flex-wrap:wrap}.ws-mr-actions{gap:8px}.ws-mr-result{border-top:1px dashed var(--ws-hairline);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:var(--ws-mono);font-size:.72rem;gap:10px;justify-content:space-between;padding-top:10px}.ws-timeline{display:flex;flex-direction:column;gap:10px}.ws-activity-item{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);display:flex;gap:12px;padding:12px}.ws-activity-icon{align-items:center;background:color-mix(in srgb,var(--ws-accent) 12%,#0000);border-radius:50%;color:var(--ws-accent);display:flex;flex-shrink:0;font-size:.95rem;height:34px;justify-content:center;width:34px}.ws-activity-content{flex:1 1;min-width:0}.ws-activity-header{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:4px}.ws-activity-user{color:var(--text-color);font-size:.88rem;font-weight:600}.ws-activity-time{color:var(--text-secondary);font-family:var(--ws-mono);font-size:.7rem}.ws-activity-message{color:var(--text-color);font-size:.85rem;line-height:1.5;margin:0}.ws-activity-details{color:var(--text-secondary);font-family:var(--ws-mono);font-size:.72rem;margin-top:6px;word-break:break-word}.ws-empty{background:var(--ws-surface);border:1px dashed var(--ws-hairline);border-radius:var(--ws-radius);color:var(--text-secondary);gap:12px;padding:40px 24px}.ws-empty-icon{align-items:center;background:color-mix(in srgb,var(--ws-accent) 10%,#0000);color:var(--ws-accent);height:48px;justify-content:center;margin-bottom:4px;width:48px}.ws-empty-title{color:var(--text-color);font-size:1rem;font-weight:650;letter-spacing:-.01em;margin:0}.ws-empty-subtext{color:var(--text-secondary);font-size:.85rem;line-height:1.55;margin:0;max-width:50ch}.ws-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.ws-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--ws-hairline);border-radius:50%;border-top-color:var(--ws-accent);height:32px;width:32px}.ws-error{background:color-mix(in srgb,var(--danger-color) 6%,var(--ws-surface));border:1px solid color-mix(in srgb,var(--danger-color) 30%,var(--ws-hairline));border-radius:var(--ws-radius);margin:40px auto;max-width:600px;padding:20px;text-align:center}.ws-error h2{color:var(--danger-color);font-size:1.15rem;margin:0 0 8px}.ws-debug-info{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);color:var(--text-secondary);font-family:var(--ws-mono);font-size:.78rem;margin-top:16px;padding:12px 14px;text-align:left}.ws-debug-info p{margin:4px 0}.ws-modal-overlay{align-items:center;animation:wsFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,#000 50%,#0000);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.ws-modal{animation:wsSlideIn .25s ease;background:var(--ws-surface);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius);box-shadow:0 16px 48px color-mix(in srgb,#000 35%,#0000);max-height:90vh;max-width:500px;overflow-y:auto;padding:22px;position:relative;width:100%}.ws-modal.wide{max-width:720px}.ws-modal-title{color:var(--ws-accent);font-family:var(--ws-mono);font-size:.78rem;font-weight:600;letter-spacing:.16em;margin:0 0 6px;text-transform:uppercase}.ws-modal h2{color:var(--text-color);font-size:1.15rem;font-weight:650;letter-spacing:-.01em;margin:0 0 16px}.ws-modal-close{align-items:center;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease);width:32px}.ws-modal-close:hover{background:var(--hover-bg);color:var(--text-color)}.ws-form-group{margin-bottom:14px}.ws-form-group label{color:var(--text-secondary);display:block;font-family:var(--ws-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.ws-form-group input,.ws-form-group select,.ws-form-group textarea{background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);color:var(--text-color);font-family:var(--font-family);font-size:.9rem;padding:10px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease);width:100%}.ws-form-group input:focus,.ws-form-group select:focus,.ws-form-group textarea:focus{border-color:var(--ws-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ws-accent) 15%,#0000);outline:none}.ws-form-group .merge-collection-select .app-select-trigger{background:var(--ws-inset);border-color:var(--ws-hairline);color:var(--text-color);min-height:42px;padding:10px 12px}.ws-form-group .merge-collection-select .app-select-trigger:focus-visible,.ws-form-group .merge-collection-select .app-select-trigger:hover{background:color-mix(in srgb,var(--ws-accent) 5%,var(--ws-inset));border-color:var(--ws-accent)}.ws-form-group .merge-collection-select .app-select-value--placeholder{color:var(--text-secondary);opacity:.9}.ws-form-group .merge-collection-select .app-select-chevron{color:var(--ws-accent);height:16px;width:16px}.ws-form-group .merge-collection-select .app-select-list{background:var(--ws-surface);border-color:var(--ws-hairline);box-shadow:0 14px 30px color-mix(in srgb,#000 35%,#0000)}.ws-form-group .merge-collection-select .app-select-option{color:var(--text-color)}.ws-form-group .merge-collection-select .app-select-option--active:hover,.ws-form-group .merge-collection-select .app-select-option:hover{background:color-mix(in srgb,var(--ws-accent) 10%,var(--ws-inset))}.ws-form-group textarea{font-family:var(--ws-mono);line-height:1.5;min-height:80px;resize:vertical}.ws-role-options{display:flex;flex-direction:column;gap:8px}.ws-role-option{align-items:flex-start;background:var(--ws-inset);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ws-role-option:hover{border-color:color-mix(in srgb,var(--ws-accent) 45%,var(--ws-hairline))}.ws-role-option.selected{background:color-mix(in srgb,var(--ws-accent) 8%,var(--ws-inset));border-color:var(--ws-accent)}.ws-role-option svg{color:var(--ws-accent);flex-shrink:0;margin-top:2px}.ws-role-option strong{color:var(--text-color);display:block;font-size:.9rem}.ws-role-option p{color:var(--text-secondary);font-size:.78rem;margin:2px 0 0}.ws-workspace-type-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ws-info-box{align-items:flex-start;background:color-mix(in srgb,var(--ws-accent) 6%,var(--ws-inset));border:1px solid color-mix(in srgb,var(--ws-accent) 30%,var(--ws-hairline));border-radius:var(--ws-radius-btn);color:var(--text-secondary);display:flex;font-size:.82rem;gap:10px;padding:12px}.ws-info-box svg{color:var(--ws-accent);flex-shrink:0;margin-top:2px}.ws-info-box p{margin:0}.ws-modal-actions{border-top:1px solid var(--ws-hairline);display:flex;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:16px}.ws-form-error{background:color-mix(in srgb,var(--danger-color) 10%,var(--ws-inset));border:1px solid color-mix(in srgb,var(--danger-color) 35%,var(--ws-hairline));border-radius:var(--ws-radius-btn);color:var(--danger-color);font-size:.85rem;margin-bottom:12px;padding:8px 12px}@keyframes wsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wsSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.ws-modal,.ws-modal-overlay,.ws-panel{animation:none}}@media (max-width:1100px){.ws-collections-layout{grid-template-columns:1fr}.ws-collections-side{position:static}}@media (max-width:900px){.ws-header{align-items:flex-start;flex-direction:column}.ws-header-actions,.ws-header-tabs{align-self:stretch}.ws-tab{flex:1 1;justify-content:center}.ws-workspace-type-options{grid-template-columns:1fr}}@media (max-width:640px){.ws-collections-grid{grid-template-columns:1fr}.ws-table-wrap{overflow-x:auto}}.active-collaborators-container{align-items:center;display:inline-flex;flex-shrink:0;height:32px;justify-content:flex-end;margin-left:10px;max-width:180px;overflow:visible;position:relative;z-index:5}.collaboration-wrapper .active-collaborators-container{margin-left:0;max-width:200px}.active-collaborators{background-color:var(--sidebar-bg);border-radius:6px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;font-size:.85rem;max-width:180px;min-width:160px;overflow:hidden;padding:4px 8px;position:static;transition:all .2s ease;width:auto;z-index:6}.active-collaborators,.activity-log{border:1px solid var(--border-color);color:var(--text-color)}.activity-log{background-color:var(--background-color);box-shadow:var(--shadow-md);left:auto;right:0;top:calc(100% + 5px);z-index:1002}.collaborators-header{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:10px;padding-bottom:10px}.collaborators-header.error{color:#b91c1c}.collaborators-header svg{font-size:1rem}.collaborators-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.collaborator-item{align-items:center;border-radius:6px;display:flex;gap:12px;padding:5px;transition:background-color .2s}.collaborator-item:hover{background-color:#00000005}.collaborator-avatar{background-color:#673ab7;border:none;font-size:.9rem;height:32px;width:32px}.collaborator-avatar:hover{transform:scale(1.05)}.collaborator-info{flex:1 1;overflow:hidden}.collaborator-name{color:var(--text-color);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collaborator-time{color:var(--text-secondary);font-size:.75rem}.active-indicator{background-color:#10b981;border:2px solid #fff;border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.typing-indicator{align-items:center;animation:pulse 1.5s infinite;background-color:var(--primary-color);border:1px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.typing-indicator svg{font-size:.65rem}.typing-message{align-items:center;border-top:1px solid #f3f4f6;color:#4b5563;display:flex;font-size:.75rem;font-style:italic;gap:6px;margin-top:8px;padding-top:8px}.typing-message svg{animation:pulse 1.5s infinite;color:var(--primary-color);font-size:.9rem}.connection-error{background-color:#fee2e2;border-radius:6px;margin-top:10px;padding:10px}.connection-error p{color:#991b1b;font-size:.8rem;margin-bottom:8px;margin-top:0}.reconnect-button{background-color:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background-color .2s}.reconnect-button:hover{background-color:#b91c1c}.reconnect-button:disabled{background-color:#ef4444;cursor:not-allowed;opacity:.7}@media (max-width:640px){.active-collaborators{padding:8px;width:220px}.collaborator-avatar{font-size:.8rem;height:28px;width:28px}.collaborator-name{font-size:.8rem}.collaborator-time{font-size:.7rem}}@media (max-width:768px){.active-collaborators{margin-bottom:15px;max-width:none;position:static;width:100%}.active-collaborators-container{height:auto;margin-left:0;max-width:none}.activity-log{left:50%;max-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}}.active-collaborators:hover{background-color:#f3f4f6}.active-collaborators.active{background-color:#e0f2fe;border-color:#93c5fd;color:#1e40af}.active-collaborators.inactive{background-color:#f3f4f6;color:#6b7280}.active-collaborators.disconnected{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.active-collaborators.offline{background-color:#f1f5f9;color:#94a3b8;padding:6px 12px}.active-collaborators.empty{background-color:#f1f5f9;color:#868e96;font-size:.85rem;font-style:italic;padding:6px 12px}.collab-icon{font-size:1.1rem}.active-user-avatars{display:flex;margin-left:4px;margin-top:8px}.user-avatar{align-items:center;background-color:#4f46e5;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin-left:-8px;width:28px}.user-avatar:first-child{margin-left:0}.user-avatar.more{background-color:#9ca3af}.collaborator-count{color:#495057;display:flex;font-size:.85rem;gap:6px;white-space:nowrap}.collaborator-icon{color:#4f46e5}.collaborator-avatars{display:flex;margin-left:.5rem}.collaborator-avatar{align-items:center;background-color:#4f46e5;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:default;display:flex;font-size:.8rem;font-weight:500;height:28px;justify-content:center;margin-left:-8px;position:relative;transition:transform .2s;width:28px}.collaborator-avatar:first-child{margin-left:0}.collaborator-avatar.more{background-color:#adb5bd;font-size:.75rem}.collaborator-avatar:hover{transform:translateY(-3px) scale(1.05);z-index:10!important}@media (max-width:640px){.active-collaborators{padding:4px 8px}.collaborator-count span{display:none}.collaborator-avatar{font-size:.7rem;height:24px;width:24px}}.activity-log{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;max-height:300px;overflow-y:auto;padding:12px;position:absolute;top:100%;width:250px;z-index:50}.collection-header .active-collaborators-container{position:relative;z-index:10}.collection-header .activity-log{left:auto;right:0}.activity-log h3{border-bottom:1px solid #e5e7eb;font-size:1rem;margin-bottom:8px;margin-top:0;padding-bottom:8px}.activity-list{list-style:none;margin:0;padding:0}.activity-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;padding:6px 0}.activity-item:last-child{border-bottom:none}.activity-indicator{padding-top:2px}.activity-icon{font-size:.8rem}.activity-content{flex:1 1}.activity-message{font-size:.85rem}.activity-time{color:#6b7280;font-size:.7rem;margin-top:2px}.activity-joined .activity-icon{color:#10b981}.activity-left .activity-icon{color:#ef4444}.activity-edit .activity-icon{color:var(--primary-color)}.activity-comment .activity-icon{color:#8b5cf6}.no-activity{color:#6b7280;font-size:.85rem;font-style:italic;margin:16px 0;text-align:center}.active-collaborators-minimal{align-items:center;display:inline-flex;flex:0 0 auto;min-height:32px;min-width:32px;overflow:visible;position:relative}.collaborators-summary{align-items:center;background-color:initial;border-radius:20px;cursor:pointer;display:flex;min-height:28px;min-width:28px;padding:2px;transition:background-color .2s ease}.collaborators-summary:hover{background-color:#0000000d}.collaborators-summary.empty{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex:0 0 auto;height:28px;justify-content:center;padding:0;width:28px}.collaborators-summary.empty svg{flex:0 0 auto;height:14px;width:14px}.avatar-stack,.mini-avatar{align-items:center;display:flex;height:28px}.mini-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;font-size:.8rem;font-weight:600;justify-content:center;margin-left:-10px;transition:transform .2s ease;width:28px}.mini-avatar:first-child{margin-left:0}.mini-avatar.more{background-color:#94a3b8;font-size:.7rem}.mini-avatar:hover{cursor:pointer;transform:scale(1.1)}.collaborators-connection-error{align-items:center;background-color:#fee2e2;border-radius:50%;color:#b91c1c;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;width:28px}.connection-error-icon{font-size:1rem}.error-dot{background-color:#dc2626;border:1px solid #fff;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.collaborator-details{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;position:absolute;right:0;top:calc(100% + 5px);width:200px;z-index:102}.collaborator-details-header{align-items:center;background-color:#fff;background-color:var(--card-bg,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-color,#111827);display:flex;font-size:.85rem;font-weight:600;padding:10px}.collaborator-details-header svg{font-size:.9rem;margin-right:6px}.close-button{color:#9ca3af;font-size:1.2rem;line-height:1;margin-left:auto;padding:0 0 2px}.close-button:hover{color:#4b5563}.collaborator-list{max-height:200px;overflow-y:auto;padding:5px 0}.collaborator-item-minimal{align-items:center;display:flex;padding:6px 10px;transition:background-color .2s}.collaborator-item-minimal:hover{background-color:#00000005}.collaborator-avatar-minimal{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:24px;justify-content:center;margin-right:8px;position:relative;width:24px}.collaborator-name-minimal{color:#111827;color:var(--text-color,#111827);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-indicator-minimal{border:1px solid #fff;border-radius:50%;font-size:8px;height:12px;top:-3px;width:12px}.typing-indicator-floating,.typing-indicator-minimal{align-items:center;animation:pulse 1.5s infinite;background-color:var(--primary-color);color:#fff;display:flex;justify-content:center;position:absolute;right:-3px}.typing-indicator-floating{border:2px solid #fff;border-radius:50%;bottom:-3px;box-shadow:0 1px 3px #0003;font-size:10px;height:18px;width:18px}@media (max-width:640px){.mini-avatar{font-size:.7rem;height:24px;width:24px}.collaborator-details{width:180px}}@media (prefers-color-scheme:dark){.collaborators-summary.empty{background-color:#ffffff1a;color:#ffffffb3}.mini-avatar{border-color:#1f2937;border-color:var(--background-color,#1f2937)}.collaborator-details{background-color:#1f2937;background-color:var(--background-color,#1f2937)}.collaborator-details,.collaborator-details-header{border-color:#374151;border-color:var(--border-color,#374151)}.collaborator-item-minimal:hover{background-color:#ffffff0d}.collaborator-name-minimal{color:#f3f4f6;color:var(--text-color,#f3f4f6)}}.global-variables-modal-overlay{align-items:center;animation:gvFadeIn .18s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,#000 60%,#0000);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.global-variables-modal{animation:gvSlideIn .24s cubic-bezier(.16,1,.3,1);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:760px;overflow:hidden;width:90%}.global-variables-modal-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:20px 24px 16px}.global-variables-modal-header h2{align-items:center;color:var(--text-color);display:flex;font-size:1.05rem;font-weight:650;gap:10px;letter-spacing:-.01em;margin:0}.global-variables-modal-header h2 svg{color:var(--accent)}.gv-close-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1.05rem;height:32px;justify-content:center;padding:0;transition:all .12s ease;transition:all .12s var(--ease-out,ease);width:32px}.gv-close-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;color:var(--button-text,#fff)}.global-variables-error{background:color-mix(in srgb,var(--danger-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--danger-color) 30%,#0000);border-radius:var(--radius-sm);color:var(--danger-color);font-size:.85rem;margin:0;padding:12px 16px}.global-variables-content{background:var(--background-color);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px 24px}.global-variables-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.global-variables-loading p{font-size:.9rem;margin:0}.global-variables-spinner{animation:spin .9s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.global-variables-banner{align-items:flex-start;background:color-mix(in srgb,var(--accent) 8%,#0000);border:1px solid color-mix(in srgb,var(--accent) 22%,#0000);border-radius:var(--radius-sm);color:var(--text-color);display:flex;font-size:.85rem;gap:10px;line-height:1.5;padding:12px 14px}.global-variables-banner:before{color:var(--accent);content:"ⓘ";flex-shrink:0;font-weight:700}.global-variables-banner p{margin:0}.global-variables-footer{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.global-variables-modal .variable-editor{min-height:0}.global-variables-modal .variables-list{align-items:stretch;flex:1 1;gap:16px;justify-content:flex-start;min-height:220px;padding:0}.global-variables-modal .empty-state,.global-variables-modal .empty-state-content{align-items:center;background:#0000;border:0;box-shadow:none;display:flex;flex-direction:column;gap:14px;margin:0;max-width:none;padding:40px 0;text-align:center;width:100%}.global-variables-modal .empty-state-icon{background:color-mix(in srgb,var(--accent) 12%,#0000);border-radius:50%;color:var(--accent);display:grid;font-size:28px;height:64px;margin:0;place-items:center;width:64px}.global-variables-modal .empty-state h3{color:var(--text-color);font-size:1.1rem;margin:0}.global-variables-modal .empty-state p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:36ch}.global-variables-modal .empty-state-action{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:6px;padding:10px 18px;transition:filter .12s ease;transition:filter .12s var(--ease-out,ease)}.global-variables-modal .empty-state-action:hover{filter:brightness(1.1)}.global-variables-modal .variables-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:8px;width:100%}.global-variables-modal .variable-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px;padding:16px;transition:border-color .15s ease,box-shadow .15s ease}.global-variables-modal .variable-card:hover{border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 12%,#0000);transform:none}.global-variables-modal .variable-card--editing{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-color));grid-column:1/-1;overflow:hidden;padding:0}.global-variables-modal .variable-card--editing,.global-variables-modal .variable-card--editing:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,#0000),var(--shadow-sm)}.global-variables-modal .variable-editor--editing .add-variable-section{display:none}.global-variables-modal .variable-editor--editing .variables-list{min-height:0;padding-bottom:4px}.global-variables-modal .variable-edit-form{padding:0}.global-variables-modal .variable-edit-form .form-section{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 18px}.global-variables-modal .variable-edit-form .form-label{align-items:center;color:var(--text-color);display:flex;font-size:.85rem;font-weight:650;gap:8px;grid-column:1/-1;letter-spacing:0;margin:0;text-transform:none}.global-variables-modal .variable-edit-form .form-label:before{background:var(--accent);border-radius:999px;content:"";height:16px;width:3px}.global-variables-modal .variable-edit-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.global-variables-modal .variable-edit-form .input-label{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px}.global-variables-modal .variable-edit-form .form-input,.global-variables-modal .variable-edit-form .form-select{background:var(--background-color);border-radius:var(--radius-sm);font-size:.85rem;min-height:40px;padding:9px 12px}.global-variables-modal .variable-edit-form .input-group{min-width:0}.global-variables-modal .variable-edit-form .form-actions{background:color-mix(in srgb,var(--background-color) 55%,var(--card-bg));border-top:1px solid var(--border-color);justify-content:flex-end;margin:0!important;padding:12px 18px}.global-variables-modal .variable-edit-form .cancel-edit-btn,.global-variables-modal .variable-edit-form .save-edit-btn{border-radius:var(--radius-sm);box-shadow:none;font-size:.82rem;font-weight:600;min-height:36px;padding:8px 14px;transform:none}.global-variables-modal .variable-edit-form .save-edit-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;color:var(--button-text,#fff)}.global-variables-modal .variable-edit-form .save-edit-btn:hover{box-shadow:none;filter:brightness(1.08);transform:none}.global-variables-modal .variable-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:0;min-width:0;width:100%}.global-variables-modal .variable-title{align-items:center;display:flex;flex:1 1 auto;gap:10px;min-width:0}.global-variables-modal .variable-key{color:var(--text-color);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-variables-modal .variable-type-badge{background:color-mix(in srgb,var(--accent) 14%,#0000);border:1px solid color-mix(in srgb,var(--accent) 24%,#0000);border-radius:999px;color:var(--accent);flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.global-variables-modal .variable-actions{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:6px;margin:0 0 0 auto}.global-variables-modal .variable-actions .action-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 32px;font-size:.85rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .12s ease;transition:all .12s var(--ease-out,ease);width:32px}.global-variables-modal .variable-actions .action-btn svg{stroke-width:2;flex:0 0 auto;height:15px;width:15px}.global-variables-modal .variable-actions .action-btn:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:var(--accent);color:var(--accent)}.global-variables-modal .variable-actions .delete-btn:hover{background:color-mix(in srgb,#ef4444 9%,#0000);background:color-mix(in srgb,var(--danger-color,#ef4444) 9%,#0000);border-color:color-mix(in srgb,var(--danger-color,#ef4444) 55%,var(--border-color));color:#ef4444;color:var(--danger-color,#ef4444)}.global-variables-modal .variable-value-section{margin:0}.global-variables-modal .value-container{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.global-variables-modal .value-text{color:var(--text-secondary);font-family:Roboto Mono,ui-monospace,monospace;font-size:.85rem;letter-spacing:.04em}.global-variables-modal .toggle-visibility-btn{align-items:center;background:#0000;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;padding:4px;transition:color .12s ease}.global-variables-modal .toggle-visibility-btn:hover{color:var(--accent)}.global-variables-modal .variable-description{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.global-variables-modal .add-variable-section{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px;width:100%}.global-variables-modal .add-section-title{align-items:center;color:var(--accent);display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:.04em;text-transform:uppercase}.global-variables-modal .add-variable-form{background:#0000;border:0;border-radius:0;box-shadow:none;margin:0!important;max-width:none;padding:0;text-align:left;width:100%}.global-variables-modal .add-variable-form .form-section{display:flex;flex-direction:column;gap:14px}.global-variables-modal .add-variable-form .form-row{display:flex;gap:12px}.global-variables-modal .add-variable-form .form-row .input-group:first-child{flex:2 1}.global-variables-modal .add-variable-form .form-row .input-group:last-child{flex:1 1}.global-variables-modal .add-variable-form .input-label{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.global-variables-modal .add-variable-form .form-input,.global-variables-modal .add-variable-form .form-select{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:.85rem;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.global-variables-modal .add-variable-form .form-input:focus,.global-variables-modal .add-variable-form .form-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,#0000)}.global-variables-modal .form-actions{border-top:0;display:flex;gap:10px;justify-content:flex-start;margin-top:16px!important;padding-top:0}.global-variables-modal .form-actions .add-variable-btn{background:var(--accent)!important;border:1px solid var(--accent)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:#fff!important;color:var(--button-text,#fff)!important;font-size:.85rem!important;font-weight:600!important;padding:9px 16px!important}.global-variables-modal .form-actions .add-variable-btn:hover:not(:disabled){filter:brightness(1.1)}.global-variables-modal .form-actions .cancel-add-btn{background:#0000!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;color:var(--text-secondary)!important;font-size:.85rem!important;font-weight:600!important;padding:9px 16px!important}.global-variables-modal .form-actions .cancel-add-btn:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)!important;border-color:var(--accent)!important;color:var(--accent)!important}.gv-read-only-note{color:var(--text-secondary);font-size:.8rem;margin-right:auto}.gv-cancel-btn,.gv-save-btn{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .12s ease;transition:all .12s var(--ease-out,ease)}.gv-cancel-btn{background:var(--background-color);color:var(--text-secondary)}.gv-cancel-btn:hover{background:var(--border-color);color:var(--text-color)}.gv-save-btn{background:var(--accent);border-color:var(--accent);color:#fff;color:var(--button-text,#fff)}.gv-save-btn:hover:not(:disabled){filter:brightness(1.1)}.gv-cancel-btn:disabled,.gv-save-btn:disabled{cursor:not-allowed;opacity:.55}@keyframes gvFadeIn{0%{opacity:0}to{opacity:1}}@keyframes gvSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.global-variables-modal,.global-variables-modal-overlay{animation:none}}@media (max-width:640px){.global-variables-modal{border-radius:var(--radius-md);max-height:95vh;width:100%}.global-variables-content,.global-variables-footer,.global-variables-modal-header{padding:16px}.global-variables-modal .variables-grid{grid-template-columns:1fr}.global-variables-modal .add-variable-form .form-row{flex-direction:column}.global-variables-modal .variable-edit-form .form-row,.global-variables-modal .variable-edit-form .form-section{grid-template-columns:1fr}.global-variables-modal .variable-edit-form .form-actions{padding:12px 16px}}:root{--motion-duration-fast:140ms;--motion-duration:220ms;--motion-duration-slow:360ms;--motion-ease:cubic-bezier(0.22,1,0.36,1);--motion-ease-in:cubic-bezier(0.4,0,1,1);--motion-ease-out:cubic-bezier(0,0,0.2,1);--motion-ease-spring:cubic-bezier(0.34,1.56,0.64,1)}.motion-transition{transition:all .22s cubic-bezier(.22,1,.36,1);transition:all var(--motion-duration) var(--motion-ease)}.motion-transition-colors{transition:color .14s cubic-bezier(.22,1,.36,1),background-color .14s cubic-bezier(.22,1,.36,1),border-color .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1);transition:color var(--motion-duration-fast) var(--motion-ease),background-color var(--motion-duration-fast) var(--motion-ease),border-color var(--motion-duration-fast) var(--motion-ease),box-shadow var(--motion-duration-fast) var(--motion-ease)}.motion-transition-transform{transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s cubic-bezier(.22,1,.36,1);transition:transform var(--motion-duration) var(--motion-ease),opacity var(--motion-duration) var(--motion-ease)}.motion-interactive{transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1),filter .14s cubic-bezier(.22,1,.36,1);transition:transform var(--motion-duration-fast) var(--motion-ease),box-shadow var(--motion-duration-fast) var(--motion-ease),filter var(--motion-duration-fast) var(--motion-ease)}.motion-interactive:hover{transform:translateY(-2px)}.motion-interactive:active{transform:translateY(0) scale(.98)}.motion-fade-in{animation:motion-fade-in .22s cubic-bezier(.22,1,.36,1) both;animation:motion-fade-in var(--motion-duration) var(--motion-ease) both}.motion-slide-up{animation:motion-slide-up .36s cubic-bezier(.22,1,.36,1) both;animation:motion-slide-up var(--motion-duration-slow) var(--motion-ease) both}.motion-slide-down{animation:motion-slide-down .36s cubic-bezier(.22,1,.36,1) both;animation:motion-slide-down var(--motion-duration-slow) var(--motion-ease) both}.motion-slide-left{animation:motion-slide-left .36s cubic-bezier(.22,1,.36,1) both;animation:motion-slide-left var(--motion-duration-slow) var(--motion-ease) both}.motion-slide-right{animation:motion-slide-right .36s cubic-bezier(.22,1,.36,1) both;animation:motion-slide-right var(--motion-duration-slow) var(--motion-ease) both}.motion-scale-in{animation:motion-scale-in .22s cubic-bezier(.22,1,.36,1) both;animation:motion-scale-in var(--motion-duration) var(--motion-ease) both}.motion-pop-in{animation:motion-pop-in .36s cubic-bezier(.34,1.56,.64,1) both;animation:motion-pop-in var(--motion-duration-slow) var(--motion-ease-spring) both}.motion-pulse{animation:motion-pulse 1.8s ease-in-out infinite}.motion-pulse-once{animation:motion-pulse .65s ease-in-out both}.motion-bounce{animation:motion-bounce .9s cubic-bezier(.34,1.56,.64,1) both;animation:motion-bounce .9s var(--motion-ease-spring) both}.motion-shake{animation:motion-shake .42s ease-in-out both}.motion-spin{animation:motion-spin .9s linear infinite}.motion-spin-slow{animation:motion-spin 1.6s linear infinite}.motion-float{animation:motion-float 3s ease-in-out infinite}.motion-shimmer{animation:motion-shimmer 1.5s linear infinite;background-image:linear-gradient(100deg,#0000 20%,color-mix(in srgb,currentColor 10%,#0000) 45%,#0000 70%);background-size:220% 100%}.motion-delay-1{animation-delay:50ms}.motion-delay-2{animation-delay:.1s}.motion-delay-3{animation-delay:.15s}.motion-delay-4{animation-delay:.2s}.motion-delay-5{animation-delay:.25s}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-slide-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-slide-left{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@keyframes motion-slide-right{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@keyframes motion-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes motion-pop-in{0%{opacity:0;transform:scale(.82)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes motion-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.04)}}@keyframes motion-bounce{0%{transform:translateY(-8px)}55%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes motion-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes motion-spin{to{transform:rotate(1turn)}}@keyframes motion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes motion-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.motion-interactive,.motion-transition,.motion-transition-colors,.motion-transition-transform{transition-duration:.01ms}.motion-bounce,.motion-fade-in,.motion-float,.motion-pop-in,.motion-pulse,.motion-pulse-once,.motion-scale-in,.motion-shake,.motion-shimmer,.motion-slide-down,.motion-slide-left,.motion-slide-right,.motion-slide-up,.motion-spin,.motion-spin-slow{animation:none}}:root{--var-bg-primary:var(--card-bg,#fff);--var-bg-secondary:var(--background-color,#f8f9fa);--var-bg-tertiary:var(--hover-bg,#f5f5f5);--var-border-primary:var(--border-color,#e1e4e8);--var-text-primary:var(--text-color,#333);--var-text-secondary:var(--text-secondary,#6c757d);--var-text-muted:var(--text-muted,#9ca3af);--var-primary-color:var(--primary-color,#014c75);--var-primary-hover:var(--primary-hover,#013b5b);--var-success-color:var(--success-color,#28a745);--var-error-color:var(--error-color,#dc3545);--var-warning-color:var(--warning-color,#ffc107);--var-shadow:var(--card-shadow,0 1px 3px #00000014);--var-shadow-hover:0 4px 12px #014c7526;--var-focus-ring:#014c7540}[data-theme=dark],body.dark-theme .variable-editor{--var-bg-primary:var(--card-bg,#002234);--var-bg-secondary:var(--background-color,#00111a);--var-bg-tertiary:var(--sidebar-bg,#001927);--var-border-primary:var(--border-color,#003956);--var-text-primary:var(--text-color,#e0e0e0);--var-text-secondary:var(--text-secondary,#b8d4e3);--var-text-muted:#7a9bad;--var-primary-color:var(--primary-color,#014c75);--var-primary-hover:var(--primary-hover,#013b5b);--var-success-color:#22c55e;--var-error-color:#ef4444;--var-warning-color:#f59e0b;--var-shadow:#0000004d;--var-shadow-hover:#0006;--var-focus-ring:#014c7566}.variable-editor{background:#0000;border-radius:0;color:#333;color:var(--var-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;width:100%}.variable-editor-header{align-items:center;background:#fff;background:var(--var-bg-primary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--var-border-primary);box-shadow:0 1px 3px #00000014;box-shadow:var(--var-shadow);display:flex;justify-content:space-between;padding:24px 32px 16px}.variable-editor-title{align-items:center;color:#333;color:var(--var-text-primary);display:flex;font-size:2rem;font-weight:700;gap:12px;letter-spacing:.5px}.variable-editor-desc{color:#6c757d;color:var(--var-text-secondary);font-size:1rem;margin-bottom:0;margin-top:4px}.scope-indicator h3{color:#333;color:var(--var-text-primary);font-size:1.25rem;font-weight:600;margin:0}.scope-badge{background:#014c75;background:var(--var-primary-color);border-radius:16px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.scope-indicator{align-items:center;display:flex;gap:12px}.variables-list{align-items:center;flex:1 1;min-height:320px;overflow-y:auto;padding:32px 24px}.variables-grid{grid-gap:16px;align-self:stretch;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1%;width:100%}.variable-card{background:#fff;background:var(--var-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:12px;box-shadow:0 1px 3px #00000014;box-shadow:var(--var-shadow);overflow:hidden;transition:all .2s ease}.variable-card:hover{box-shadow:0 4px 12px #014c7526;box-shadow:var(--var-shadow-hover);transform:translateY(-2px)}.variable-card:hover,.variable-item.editing{border-color:#014c75;border-color:var(--var-primary-color)}.variable-item.editing{background:#fff;background:var(--var-bg-primary);box-shadow:0 0 0 3px #014c7540;box-shadow:0 0 0 3px var(--var-focus-ring)}.variable-editor .variables-list .form-input,.variable-editor .variables-list .form-select{background:#fff;background:var(--var-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:8px;box-shadow:inset 0 1px 2px #0000000a;box-sizing:border-box;color:#333;color:var(--var-text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.variable-editor .form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:32px}.variable-editor .variables-list .form-input:hover,.variable-editor .variables-list .form-select:hover{border-color:color-mix(in srgb,#014c75 45%,#e1e4e8);border-color:color-mix(in srgb,var(--var-primary-color) 45%,var(--var-border-primary))}.variable-editor .variables-list .form-input:focus,.variable-editor .variables-list .form-select:focus{background:#fff;background:var(--var-bg-primary);border-color:#014c75;border-color:var(--var-primary-color);box-shadow:0 0 0 3px #014c7540;box-shadow:0 0 0 3px var(--var-focus-ring);outline:none}.variable-editor .form-input::placeholder{color:#6c757d;color:var(--var-text-secondary);opacity:.6}.input-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.input-label{color:#6c757d;color:var(--var-text-secondary);font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}.variable-actions{margin-left:auto}.delete-btn:hover{background:#ffffff14}.edit-btn{opacity:1}.btn{border-radius:6px;display:flex;gap:6px;padding:8px 16px}.btn-primary{background:var(--var-primary-color);box-shadow:0 2px 8px #014c7533}.btn-primary:hover{background:var(--var-primary-hover);box-shadow:0 4px 12px #014c754d}.btn-secondary{border:1px solid var(--var-border-primary);color:var(--var-text-primary)}.btn-secondary:hover{background:var(--var-bg-tertiary);border-color:var(--var-primary-color)}.save-btn{align-items:center;background:#014c75;background:var(--var-primary-color);border-radius:8px;box-shadow:0 2px 8px #014c7533;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#013b5b;background:var(--var-primary-hover);box-shadow:0 4px 12px #014c754d;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.add-variable-section{background:#fff;background:var(--var-bg-primary);border-top:1px solid #e1e4e8;border-top:1px solid var(--var-border-primary);padding:20px}.section-divider{align-items:center;display:flex;margin-bottom:16px}.divider-text{background:#fff;background:var(--var-bg-primary);color:#6c757d;color:var(--var-text-secondary);font-size:.875rem;font-weight:500;padding:0 12px}.divider-text:after,.divider-text:before{background:#e1e4e8;background:var(--var-border-primary);content:"";flex:1 1;height:1px;margin:0 8px}.add-variable-form{align-self:center;background:#f8f9fa;background:var(--var-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:12px;margin-top:16px;max-width:520px;padding:20px 22px;width:100%}.form-actions{background-color:initial!important;gap:10px;margin:4px 0 0!important}.add-variable-btn{align-items:center!important;background:#014c75!important;background:var(--var-primary-color)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #014c7533!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:8px!important;padding:10px 20px!important;transition:all .2s ease!important}.add-variable-btn:hover:not(:disabled){background:#013b5b!important;background:var(--var-primary-hover)!important;box-shadow:0 4px 12px #014c754d!important;transform:translateY(-1px)!important}.add-variable-btn:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.variable-editor .cancel-add-btn,.variable-editor .cancel-edit-btn{background:#0000!important;border:1px solid #e1e4e8!important;border:1px solid var(--var-border-primary)!important;box-shadow:none!important;color:#333!important;color:var(--var-text-primary)!important;transform:none!important}.btn-secondary .cancel-add-btn:hover,.cancel-add-btn:hover,.cancel-edit-btn:hover{background:color-mix(in srgb,#014c75 8%,#0000)!important;background:color-mix(in srgb,var(--var-primary-color) 8%,#0000)!important;border-color:#014c75!important;border-color:var(--var-primary-color)!important;box-shadow:none!important;color:#014c75!important;color:var(--var-primary-color)!important;transform:none!important}.add-variable-icon{align-items:center;background:#014c75;background:var(--var-primary-color);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.add-variable-text{color:#6c757d;color:var(--var-text-secondary);font-size:14px}.add-variable.active .add-variable-text{color:#014c75;color:var(--var-primary-color)}.variables-section .empty-state,.variables-section .variable-editor .empty-state{align-self:center;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:56px 0 0!important;max-width:520px!important;outline:none!important;padding:40px 24px!important;text-align:center;width:100%!important}.variables-section .empty-state-content,.variables-section .variable-editor .empty-state-content{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0 auto;max-width:400px;min-width:0!important;outline:none!important;padding:0!important}.empty-state-icon{color:#014c75;color:var(--var-primary-color);font-size:44px;margin-bottom:0;opacity:.75}.empty-state h3{color:var(--var-text-primary)}.empty-state p{color:#6c757d;color:var(--var-text-secondary)}.empty-state-action{align-items:center;background:#fff;background:var(--var-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:8px;box-shadow:none;color:#333;color:var(--var-text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:0;margin-top:4px;padding:10px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-action svg{margin-bottom:0!important;transition:transform .3s ease}.empty-state-action:hover{background:color-mix(in srgb,#014c75 10%,#0000);background:color-mix(in srgb,var(--var-primary-color) 10%,#0000);border-color:#014c75;border-color:var(--var-primary-color);box-shadow:none;color:#014c75;color:var(--var-primary-color);transform:translateX(4px)}.empty-state-action:hover svg{transform:rotate(90deg)}.create-variable-btn{align-items:center;background:#014c75;background:var(--var-primary-color);border:none;border-radius:8px;box-shadow:0 2px 8px #014c7533;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:18px;padding:12px 28px;transition:all .2s ease}.create-variable-btn:hover{background:#013b5b;background:var(--var-primary-hover);box-shadow:0 4px 12px #014c754d;transform:translateY(-1px)}.variable-help{align-self:stretch;background:#f5f5f5;background:var(--var-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:8px;margin-top:8px;padding:16px}.variable-help-title{color:#333;color:var(--var-text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.variable-help-list{list-style:none;margin:0;padding:0}.variable-help-list li{color:#6c757d;color:var(--var-text-secondary);font-size:13px;margin-bottom:4px;padding-left:16px;position:relative}.variable-help-list li:before{color:#014c75;color:var(--var-primary-color);content:"•";left:0;position:absolute}.variable-preview{background:#f5f5f5;background:var(--var-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:6px;color:#333;color:var(--var-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin-top:4px;max-height:60px;overflow-y:auto;padding:12px}.variable-type-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-right:8px;width:8px}.variable-type-indicator.string{background:#28a745;background:var(--var-success-color)}.variable-type-indicator.number{background:#014c75;background:var(--var-primary-color)}.variable-type-indicator.boolean{background:#ffc107;background:var(--var-warning-color)}.variable-type-indicator.object{background:#8b5cf6}.variable-type-indicator.array{background:#f97316}.variable-scope-info{background:#f5f5f5;background:var(--var-bg-tertiary);border-left:4px solid #014c75;border-left:4px solid var(--var-primary-color);border-radius:8px;margin-bottom:16px;padding:12px 16px}.variable-precedence,.variable-scope-info{color:#6c757d;color:var(--var-text-secondary);font-size:12px}.variable-precedence{align-items:center;display:flex;gap:8px;margin-top:8px}.precedence-arrow{color:#014c75;color:var(--var-primary-color)}.variable-display{padding:16px}.variable-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.variable-title{align-items:center;display:flex;gap:8px}.variable-key{color:#e6e6e6;color:var(--text-color,#e6e6e6);font-size:1rem}.variable-type-badge{background:#ffffff1a;border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 8px}.variable-type-badge[data-type=string]{background:#22c55e1a;color:#28a745;color:var(--var-success-color)}.variable-type-badge[data-type=number]{background:#014c751a;color:#014c75;color:var(--var-primary-color)}.variable-type-badge[data-type=boolean]{background:#ffc1071a;color:#ffc107;color:var(--var-warning-color)}.variable-type-badge[data-type=object]{background:#8b5cf61a;color:#8b5cf6}.variable-actions{display:flex;gap:8px}.action-btn{background:none;border:none;color:var(--var-text-secondary);min-width:20px!important;transition:all .15s ease}.action-btn:hover{background:var(--var-bg-tertiary);color:var(--var-text-primary)}.edit-btn:hover{color:#014c75;color:var(--var-primary-color)}.delete-btn{background:none;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex!important;opacity:1!important;pointer-events:auto;transition:color .15s,background .15s;visibility:visible!important}.delete-btn:hover{background:#dc35451a;color:#dc3545;color:var(--var-error-color)}.variable-value-section{margin-top:8px}.value-container{align-items:center;background:#f5f5f5;background:var(--var-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--var-border-primary);border-radius:8px;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;gap:8px;padding:12px}.value-text{color:#333;color:var(--var-text-primary);flex:1 1;font-size:.875rem;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.toggle-visibility-btn{background:none;border:none;border-radius:6px;color:#6c757d;color:var(--var-text-secondary);cursor:pointer;padding:6px;transition:all .15s ease}.toggle-visibility-btn:hover{background:#f5f5f5;background:var(--var-bg-tertiary);color:#333;color:var(--var-text-primary)}.variable-description{color:#6c757d;color:var(--var-text-secondary);font-size:.875rem;line-height:1.4;margin-top:12px}.variable-edit-form{padding:16px}.form-section{gap:16px}.form-label{color:#333;color:var(--var-text-primary);font-size:.875rem;font-weight:500}.form-row{gap:12px}.form-actions{border-top:1px solid var(--var-border-primary)}@media (max-width:768px){.variable-editor{gap:12px;padding:12px}.variable-item{align-items:stretch;flex-direction:column;gap:8px}.variable-input.description,.variable-input.key,.variable-input.value{max-width:none;min-width:auto}.variable-actions{justify-content:flex-end;margin-left:0}.add-variable{flex-direction:column;text-align:center}.variables-grid{grid-template-columns:1fr}.form-row,.variable-header{flex-direction:column}.variable-header{gap:12px}.variable-actions{align-self:flex-end}}.variable-item-enter{opacity:0;transform:translateY(-10px)}.variable-item-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease}.variable-item-exit{opacity:1}.variable-item-exit-active{opacity:0;transform:translateY(-10px);transition:all .3s ease}.collections-management{padding:var(--spacing-lg)}.collections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.collections-header h1{color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.new-collection-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-speed)}.new-collection-btn:hover{background-color:var(--primary-hover)}.view-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.view-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);position:relative}.view-tab.active{color:var(--primary-color);font-weight:var(--font-weight-medium)}.view-tab.active:after{background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.collections-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.collection-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-md);position:relative;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.collection-card:hover{box-shadow:0 4px 6px #00000014;transform:translateY(-2px)}.collection-header{align-items:flex-start}.collection-title-area{align-items:center;display:flex;gap:var(--spacing-sm)}.collection-icon{color:var(--primary-color)}.collection-card h3{color:var(--text-color);font-size:var(--font-size-lg);margin:0}.collection-card h3,.public-badge{font-weight:var(--font-weight-medium)}.public-badge{background-color:#28a7451a;border-radius:var(--border-radius-sm);color:var(--success-color);font-size:11px;padding:2px 6px}.collection-description{font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-md)}.collaborators{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.collaborators,.collection-meta{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm)}.collection-meta{justify-content:space-between;margin-bottom:var(--spacing-md)}.collection-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.view-btn{background-color:var(--hover-bg);border-radius:var(--border-radius-md);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);transition:background-color var(--transition-speed)}.view-btn:hover{background-color:var(--border-color)}.delete-btn,.fork-btn,.share-btn{align-items:center;background-color:var(--hover-bg);border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-speed)}.share-btn:hover{background-color:#1971c21a;color:var(--info-color)}.delete-btn:hover{background-color:#dc35451a;color:var(--danger-color)}.fork-btn{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.fork-btn:hover{background-color:#28a7451a;color:var(--success-color)}.empty-collections{align-items:center;background-color:var(--hover-bg);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.empty-collections svg{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.empty-collections p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.create-collection-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-speed)}.create-collection-btn:hover{background-color:var(--primary-hover)}.loading-message{color:var(--text-secondary);padding:var(--spacing-lg);text-align:center}.collections-error-state{background:var(--card-bg);border:1px dashed color-mix(in srgb,var(--danger-color) 30%,var(--border-color));border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--card-shadow);flex-direction:column;min-height:320px;padding:clamp(32px,5vw,56px) 24px;text-align:center}.collections-error-icon,.collections-error-state{align-items:center;display:flex;justify-content:center}.collections-error-icon{background:color-mix(in srgb,var(--danger-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--danger-color) 28%,#0000);border-radius:15px;color:var(--danger-color);height:52px;margin-bottom:16px;width:52px}.collections-error-icon svg{height:26px;width:26px}.collections-error-label{color:var(--danger-color);font-size:.7rem;font-weight:700;letter-spacing:.12em;margin-bottom:7px;text-transform:uppercase}.collections-error-state h2{color:var(--text-color);font-size:clamp(1.25rem,2.5vw,1.55rem);font-weight:650;letter-spacing:-.02em;margin:0 0 8px}.collections-error-state p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin:0;max-width:44ch}.collections-error-retry{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;justify-content:center;margin-top:24px;min-height:40px;padding:9px 16px;transition:filter .15s ease}.collections-error-retry:hover{filter:brightness(1.08)}.collections-error-retry:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 22%,#0000);outline:none}.modal-content{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:0 10px 15px -3px #0000001a;max-width:500px;padding:var(--spacing-lg);width:100%}.modal-content h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{border-radius:var(--border-radius-md);font-size:var(--font-size-base);padding:var(--spacing-sm)}.role-selector{display:flex;gap:var(--spacing-md)}.role-option{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;gap:var(--spacing-sm);padding:var(--spacing-sm)}.role-option.selected{background-color:#014c750d;border-color:var(--primary-color)}.role-option svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.role-option.selected svg{color:var(--primary-color)}.role-option strong{color:var(--text-color);display:block;font-size:var(--font-size-sm);margin-bottom:2px}.role-option p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.cancel-btn,.create-btn,.share-btn{border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-speed)}.cancel-btn{background-color:var(--hover-bg);border:none}.cancel-btn:hover{background-color:var(--border-color)}.create-btn,.share-btn{background-color:var(--primary-color);border:none;color:#fff}.create-btn:hover,.share-btn:hover{background-color:var(--primary-hover)}.collaborators-list{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.collaborators-list h3{color:var(--text-color);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.collaborators-list ul{list-style-type:none;margin:0;padding:0}.collaborators-list li{color:var(--text-color);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) 0}.collaborator-role{border-radius:var(--border-radius-sm);font-size:12px;padding:2px 6px}.role-viewer{background-color:#17a2b81a;color:var(--info-color)}.role-editor{background-color:#28a7451a;color:var(--success-color)}.branch-modal{max-height:90vh;max-width:90%;overflow-y:auto;width:850px}.branch-tabs{display:flex;gap:30px;margin:20px 0}.branch-list{border-right:1px solid var(--border-color);flex:1 1;padding-right:var(--spacing-md)}.branches{list-style:none;margin:0;padding:0}.branch-item{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-speed)}.branch-item,.branch-item:hover{background-color:var(--hover-bg)}.branch-item:hover{border-color:var(--border-color)}.branch-item.active{background-color:#1971c21a;border-color:#1971c233}.branch-info{align-items:center;display:flex;gap:var(--spacing-sm)}.branch-icon{color:var(--primary-color);font-size:var(--font-size-lg)}.branch-name{color:var(--text-color);display:block;font-weight:var(--font-weight-medium)}.branch-description{font-size:var(--font-size-sm)}.branch-created,.branch-description{color:var(--text-secondary);display:block;margin-top:2px}.branch-created{font-size:12px}.branch-default-label{background-color:#17a2b81a;border-radius:var(--border-radius-sm);color:var(--info-color);display:inline-block;font-size:12px;margin-top:var(--spacing-xs);padding:2px 6px}.active-branch-icon{color:var(--success-color);font-size:var(--font-size-lg)}.branch-actions,.merge-branch-btn{display:flex;gap:var(--spacing-xs)}.merge-branch-btn{align-items:center;background-color:#28a7451a;border:1px solid #28a74533;border-radius:var(--border-radius-md);color:var(--success-color);cursor:pointer;font-size:12px;padding:6px var(--spacing-sm);transition:all var(--transition-speed)}.merge-branch-btn:hover{background-color:#28a74526}.create-branch-form{flex:1 1}.form-helper{color:var(--text-secondary);font-size:12px;margin-top:var(--spacing-xs)}.active-branch-indicator{align-items:center;background-color:#014c751a;border-radius:var(--border-radius-md);color:var(--primary-color);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:6px var(--spacing-sm)}.branch-modal-actions{align-items:center;display:flex;justify-content:space-between}.no-branches-message{background-color:var(--hover-bg);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);margin-top:var(--spacing-sm);padding:var(--spacing-sm);text-align:center}.conflict-modal{max-height:90vh;max-width:95%;overflow-y:auto;width:950px}.conflict-header{background-color:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.collection-create-page.embedded{margin:0;max-width:100%;padding:24px}.collection-create-page.embedded .page-header{margin-bottom:24px}.collection-create-page.embedded .page-header h1{color:#f8fafc;color:var(--text-color,#f8fafc);font-size:18px;font-weight:600;margin:0 0 8px}.collection-create-page.embedded .page-header .subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:13px;margin:0}.collection-create-page.embedded .create-collection-form-container{background-color:initial;border:none;border-radius:0;box-shadow:none;padding:0}.collection-create-page.embedded .create-collection-form .form-group{margin-bottom:24px}.collection-create-page.embedded .create-collection-form label{color:#9ca3af;color:var(--text-secondary,#9ca3af);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.collection-create-page.embedded .create-collection-form .form-input,.collection-create-page.embedded .create-collection-form .form-textarea{background-color:#000c14;background-color:var(--surface-sunken,#000c14);border:1px solid #1e293b;border:1px solid var(--border-color,#1e293b);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:#f8fafc;color:var(--text-color,#f8fafc);font-family:inherit;font-size:14px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.collection-create-page.embedded .create-collection-form .form-input:focus,.collection-create-page.embedded .create-collection-form .form-textarea:focus{border-color:#38bdf8;border-color:var(--accent,#38bdf8);box-shadow:0 0 0 2px #38bdf826;outline:none}.collection-create-page.embedded .create-collection-form .form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.collection-create-page.embedded .create-collection-form .cancel-btn{background-color:initial;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:13px;font-weight:600;padding:10px 18px}.collection-create-page.embedded .create-collection-form .cancel-btn:hover{background-color:#ffffff0d;color:#f8fafc;color:var(--text-color,#f8fafc)}.collection-create-page.embedded .create-collection-form .create-btn{background-color:#38bdf8;border:1px solid #38bdf8;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s ease}.collection-create-page.embedded .create-collection-form .create-btn:hover:not(:disabled){background-color:#7dd3fc;border-color:#7dd3fc;box-shadow:0 4px 12px #38bdf840;transform:translateY(-1px)}.ws-modal.wide .collection-create-page.embedded{padding:2px 2px 0}.ws-modal.wide .collection-create-page.embedded .page-header{margin:0 0 22px;padding-right:42px}.ws-modal.wide .collection-create-page.embedded .page-header h1{font-size:1.15rem;font-weight:650;letter-spacing:-.01em;margin:0 0 6px;position:relative}.ws-modal.wide .collection-create-page.embedded .page-header h1:before{color:#38bdf8;color:var(--ws-accent,var(--accent,#38bdf8));content:"COLLECTIONS";display:block;font-family:ui-monospace,monospace;font-family:var(--ws-mono,ui-monospace,monospace);font-size:.62rem;font-weight:700;letter-spacing:.16em;margin-bottom:8px}.ws-modal.wide .collection-create-page.embedded .page-header .subtitle{color:var(--text-secondary);font-size:.78rem;line-height:1.45;max-width:58ch}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-group{margin-bottom:16px}.ws-modal.wide .collection-create-page.embedded .create-collection-form label{color:var(--text-secondary);font-family:ui-monospace,monospace;font-family:var(--ws-mono,ui-monospace,monospace);font-size:.65rem;font-weight:700;letter-spacing:.1em;margin-bottom:7px}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-input,.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-textarea{background:#000c14;background:var(--ws-inset,var(--surface-sunken,#000c14));border:1px solid var(--ws-hairline,var(--border-color));border-radius:6px;border-radius:var(--ws-radius-btn,var(--radius-sm,6px));font-size:.85rem;line-height:1.45;padding:11px 12px}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-textarea{min-height:96px;resize:vertical}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-input::placeholder,.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-textarea::placeholder{color:#7a9bad;color:var(--text-muted,#7a9bad);opacity:.8}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-input:focus,.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-textarea:focus{border-color:#38bdf8;border-color:var(--ws-accent,var(--accent,#38bdf8));box-shadow:0 0 0 3px color-mix(in srgb,#38bdf8 14%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-accent,var(--accent,#38bdf8)) 14%,#0000)}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-actions{align-items:center;border-top:1px solid var(--ws-hairline,var(--border-color));gap:8px;margin-top:22px;padding-top:14px}.ws-modal.wide .collection-create-page.embedded .create-collection-form .cancel-btn,.ws-modal.wide .collection-create-page.embedded .create-collection-form .create-btn{border-radius:6px;border-radius:var(--ws-radius-btn,var(--radius-sm,6px));font-size:.78rem;font-weight:650;min-height:36px;padding:8px 14px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}.ws-modal.wide .collection-create-page.embedded .create-collection-form .cancel-btn{background:#0000;border:1px solid var(--ws-hairline,var(--border-color));color:var(--text-secondary)}.ws-modal.wide .collection-create-page.embedded .create-collection-form .cancel-btn:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);background:color-mix(in srgb,var(--ws-accent,var(--accent)) 8%,#0000);border-color:var(--ws-accent,var(--accent));color:var(--text-color)}.ws-modal.wide .collection-create-page.embedded .create-collection-form .create-btn{background:#38bdf8;background:var(--ws-accent,var(--accent,#38bdf8));border:1px solid #38bdf8;border:1px solid var(--ws-accent,var(--accent,#38bdf8));color:#fff}.ws-modal.wide .collection-create-page.embedded .create-collection-form .create-btn:hover:not(:disabled){background:color-mix(in srgb,#38bdf8 86%,#fff);background:color-mix(in srgb,var(--ws-accent,var(--accent,#38bdf8)) 86%,#fff);border-color:color-mix(in srgb,#38bdf8 86%,#fff);border-color:color-mix(in srgb,var(--ws-accent,var(--accent,#38bdf8)) 86%,#fff);box-shadow:0 5px 14px color-mix(in srgb,#38bdf8 24%,#0000);box-shadow:0 5px 14px color-mix(in srgb,var(--ws-accent,var(--accent,#38bdf8)) 24%,#0000);transform:translateY(-1px)}@media (max-width:640px){.ws-modal.wide .collection-create-page.embedded{padding:0}.ws-modal.wide .collection-create-page.embedded .page-header{padding-right:36px}.ws-modal.wide .collection-create-page.embedded .create-collection-form .form-actions{justify-content:stretch}.ws-modal.wide .collection-create-page.embedded .create-collection-form .cancel-btn,.ws-modal.wide .collection-create-page.embedded .create-collection-form .create-btn{flex:1 1}}.collections-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.import-collection-btn,.postman-import-close,.postman-import-primary,.postman-import-secondary{font:inherit}.import-collection-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}.import-collection-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.postman-import-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00111aa8;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1200}.postman-import-modal{background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 20px 60px #0000003d;box-shadow:var(--shadow-lg,0 20px 60px #0000003d);color:var(--text-color);max-height:min(760px,calc(100vh - 48px));overflow-y:auto;width:min(620px,100%)}.postman-import-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:24px;justify-content:space-between;padding:24px 24px 20px}.postman-import-eyebrow{color:var(--primary-color);display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;margin-bottom:7px;text-transform:uppercase}.postman-import-header h2{color:var(--text-color);font-size:1.35rem;margin:0}.postman-import-header p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:7px 0 0}.postman-import-close{background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.postman-import-close:hover:not(:disabled){background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}.postman-import-modal form,.postman-import-result{padding:24px}.postman-import-dropzone{align-items:center;background:color-mix(in srgb,var(--primary-color) 4%,var(--background-color));background:color-mix(in srgb,var(--primary-color) 4%,var(--surface-sunken,var(--background-color)));border:1.5px dashed color-mix(in srgb,var(--primary-color) 42%,var(--border-color));border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:190px;padding:28px;text-align:center;transition:border-color var(--transition-speed),background-color var(--transition-speed),transform var(--transition-speed)}.postman-import-dropzone.dragging,.postman-import-dropzone:hover{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-bg));border-color:var(--primary-color)}.postman-import-dropzone.dragging{transform:scale(1.01)}.postman-import-dropzone.ready{border-style:solid}.postman-import-dropzone input{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.postman-import-upload-icon{color:var(--primary-color);height:36px;margin-bottom:4px;width:36px}.postman-import-dropzone strong{color:var(--text-color);font-size:.95rem;overflow-wrap:anywhere}.postman-import-dropzone span{color:var(--text-secondary);font-size:var(--font-size-sm)}.postman-import-error,.postman-import-note{align-items:flex-start;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;font-size:var(--font-size-sm);gap:9px;line-height:1.45;margin-top:14px;padding:11px 13px}.postman-import-error svg,.postman-import-note svg{flex:0 0 auto;margin-top:2px}.postman-import-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.postman-import-note{background:var(--warning-light);border:1px solid color-mix(in srgb,var(--warning-color) 45%,var(--border-color));color:color-mix(in srgb,var(--warning-color) 70%,var(--text-color))}.postman-import-preview{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:14px;margin-top:16px;padding:15px}.postman-import-preview-icon{background:var(--primary-light);border-radius:10px;color:var(--primary-color);display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.postman-import-preview-copy{min-width:0}.postman-import-preview-copy>span{color:var(--text-secondary);display:block;font-size:.72rem;letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.postman-import-preview-copy>strong{color:var(--text-color);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.postman-import-stats{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.78rem;gap:10px 14px;margin-top:8px}.postman-import-stats span{align-items:center;display:inline-flex;gap:5px}.postman-import-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.postman-import-primary,.postman-import-secondary{align-items:center;border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:7px;justify-content:center;min-height:38px;padding:8px 15px}.postman-import-primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;color:var(--button-text,#fff)}.postman-import-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.postman-import-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-color)}.postman-import-secondary:hover:not(:disabled){background:var(--hover-bg)}.postman-import-close:disabled,.postman-import-primary:disabled,.postman-import-secondary:disabled{cursor:not-allowed;opacity:.55}.import-collection-btn:focus-visible,.postman-import-close:focus-visible,.postman-import-dropzone:focus-within,.postman-import-primary:focus-visible,.postman-import-secondary:focus-visible{box-shadow:0 0 0 2px var(--primary-color);box-shadow:var(--ring,0 0 0 2px var(--primary-color));outline:none}.postman-import-result{text-align:center}.postman-import-success-icon{color:var(--success-color);height:48px;margin-bottom:10px;width:48px}.postman-import-result h3{color:var(--text-color);font-size:1.2rem;margin:0}.postman-import-result>p{color:var(--text-secondary);margin:7px 0 18px}.postman-import-result-card{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:16px;justify-content:space-between;padding:14px 16px;text-align:left}.postman-import-result-card span{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.postman-import-warnings{background:var(--warning-light);border:1px solid color-mix(in srgb,var(--warning-color) 45%,var(--border-color));border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-color);margin-top:16px;padding:14px 16px;text-align:left}.postman-import-warning-title{align-items:center;color:color-mix(in srgb,var(--warning-color) 70%,var(--text-color));display:flex;font-size:var(--font-size-sm);font-weight:700;gap:7px}.postman-import-warnings ul{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.55;margin:9px 0 0 18px}@media (max-width:640px){.collections-header{align-items:flex-start;gap:12px}.collections-header-actions{flex-wrap:wrap;justify-content:flex-end}.postman-import-overlay{align-items:end;padding:0}.postman-import-modal{border-bottom:0;border-left:0;border-radius:16px 16px 0 0;border-radius:var(--radius-lg,16px) var(--radius-lg,16px) 0 0;border-right:0;max-height:92vh}.postman-import-header,.postman-import-modal form,.postman-import-result{padding:19px}.postman-import-dropzone{min-height:160px;padding:20px}.postman-import-result-card{align-items:flex-start;flex-direction:column;gap:5px}.postman-import-result-card span{white-space:normal}}.rrm-overlay{align-items:center;animation:rrm-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}@keyframes rrm-fade-in{0%{opacity:0}to{opacity:1}}.rrm-modal{animation:rrm-zoom-in .2s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;position:relative;width:100%}@keyframes rrm-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.rrm-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.rrm-title{color:var(--text-color);font-size:17px;font-weight:600;margin:0}.rrm-subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.rrm-body{overflow-y:auto;padding:24px}.rrm-form{gap:16px}.rrm-field,.rrm-form{display:flex;flex-direction:column}.rrm-field{gap:6px}.rrm-label{color:var(--text-color);font-size:13px;font-weight:500}.rrm-input,.rrm-select,.rrm-textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.rrm-input:focus,.rrm-select:focus,.rrm-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 15%,#0000)}.rrm-input::placeholder,.rrm-textarea::placeholder{color:var(--text-muted)}.rrm-textarea{min-height:80px;resize:vertical}.rrm-reviewer-list{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto;padding:6px}.rrm-reviewer-row{align-items:center;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px;transition:background .15s ease}.rrm-reviewer-row:hover{background:var(--hover-bg)}.rrm-reviewer-row input[type=checkbox]{flex-shrink:0}.rrm-field .app-select-trigger{background:var(--background-color);border-color:var(--border-color);color:var(--text-color);font-size:13px;padding:9px 12px}.rrm-field .app-select-trigger:focus-visible{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 15%,#0000)}.rrm-hint{color:var(--text-muted);font-size:12px;margin:0}.rrm-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.rrm-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:9px 16px;transition:all .15s ease}.rrm-btn:disabled{cursor:not-allowed;opacity:.5}.rrm-btn--secondary{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}.rrm-btn--secondary:hover:not(:disabled){background:var(--hover-bg);color:var(--text-color)}.rrm-btn--primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.rrm-btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.rrm-spinner{animation:rrm-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes rrm-spin{to{transform:rotate(1turn)}}.rd-shell{background:var(--background-color);color:var(--text-color);font-family:Inter,sans-serif;min-height:calc(100vh - 60px);padding:24px}.rd-container{display:flex;flex-direction:column;gap:20px}.rd-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding-bottom:20px}.rd-header__left{align-items:center;display:flex;gap:12px}.rd-header__icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.rd-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.rd-stat{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.rd-stat__value{font-feature-settings:"tnum";color:var(--text-color);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700}.rd-stat__value--open{color:var(--primary-color)}.rd-stat__value--approved{color:var(--success-color)}.rd-stat__value--rejected{color:var(--danger-color)}.rd-stat__label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.rd-title{color:var(--text-color);font-size:24px;font-weight:700;margin:0}.rd-subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.rd-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.rd-tab{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:background .15s ease,color .15s ease}.rd-tab:hover{background:var(--hover-bg);color:var(--text-color)}.rd-tab--active{background:var(--primary-color);color:var(--button-text)}.rd-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .15s ease}.rd-btn--primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--button-text)}.rd-btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.rd-btn--ghost{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}.rd-btn--ghost:hover{background:var(--hover-bg);color:var(--text-color)}.rd-btn--success{background:var(--success-color);border-color:var(--success-color);color:#fff}.rd-btn--success:hover{filter:brightness(1.05)}.rd-btn--danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.rd-btn--danger:hover{filter:brightness(1.05)}.rd-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:48px}.rd-empty--boxed{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.rd-spinner{animation:rd-spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}@keyframes rd-spin{to{transform:rotate(1turn)}}.rd-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rd-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:14px;padding:20px;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.rd-card:hover{border-color:color-mix(in srgb,var(--primary-color) 25%,var(--border-color));box-shadow:var(--shadow-md);transform:translateY(-1px)}.rd-card__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.rd-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rd-card__title{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.rd-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 10px;text-transform:uppercase}.status--open{background:var(--primary-light);border-color:color-mix(in srgb,var(--primary-color) 15%,#0000);color:var(--primary-color)}.status--approved{background:var(--success-light);border-color:color-mix(in srgb,var(--success-color) 20%,#0000);color:var(--success-color)}.status--rejected{background:var(--danger-light);border-color:color-mix(in srgb,var(--danger-color) 20%,#0000);color:var(--danger-color)}.rd-card__desc{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.rd-card__footer{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:14px}.rd-card__footer,.rd-card__info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rd-card__info{color:var(--text-muted);font-size:12px}.rd-card__info-item{align-items:center;display:inline-flex;gap:4px}.rd-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rd-input,.rd-textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-family:inherit;font-size:13px;outline:none;padding:8px 12px;width:100%}.rd-input:focus,.rd-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 15%,#0000)}.rd-textarea{resize:vertical}.workspaces-section{background-color:var(--background-color);color:var(--text-color);display:flex;flex:1 1;flex-direction:column;min-height:100%;transition:background-color .3s ease;width:100%}.workspace-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);gap:8px;padding:20px;width:200px}.workspace-sidebar>div{border-radius:4px;cursor:pointer;padding:8px 12px;transition:background-color .2s}.workspace-sidebar>div:hover{background-color:var(--hover-bg)}.workspace-main-content{flex:1 1;overflow-y:auto;padding:1rem}.workspaces-container{background-color:var(--background-color);margin:0 auto;max-width:1400px;padding:clamp(24px,4vw,40px);width:100%}.workspaces-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.workspaces-header h1{color:var(--text-color);font-size:1.75rem;font-weight:650;letter-spacing:-.02em;margin:0}.new-workspace-btn{align-items:center;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 18px;transition:filter .15s ease}.new-workspace-btn svg{font-size:16px}.new-workspace-btn:hover{filter:brightness(1.1)}.workspace-types-tabs{display:flex;gap:12px;margin-bottom:24px}.workspace-tab{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .15s ease}.workspace-tab svg{color:inherit;font-size:1.1rem}.workspace-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.workspace-tab:hover:not(.active){background-color:color-mix(in srgb,var(--primary-color) 6%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.workspaces-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.workspace-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 4%,#0000);cursor:pointer;display:flex;flex-direction:column;padding:24px;transition:all .2s cubic-bezier(.16,1,.3,1)}.workspace-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 12%,#0000);transform:translateY(-3px)}.workspace-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.workspace-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.workspace-icon.personal{background-color:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--primary-color)}.workspace-icon.team{background-color:color-mix(in srgb,var(--primary-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 26%,#0000);color:var(--primary-color)}.workspace-icon.public{background-color:color-mix(in srgb,var(--primary-color) 8%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 22%,#0000);color:var(--primary-color)}.workspace-title{flex:1 1}.workspace-title h3{color:var(--text-color);font-size:1.15rem;font-weight:650;letter-spacing:-.01em;line-height:1.3;margin:0 0 6px}.workspace-type-badge{align-items:center;display:flex;gap:8px}.workspace-type{border:1px solid #0000;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.workspace-type.personal{background-color:color-mix(in srgb,var(--primary-color) 12%,#0000);border-color:color-mix(in srgb,var(--primary-color) 30%,#0000);color:var(--primary-color)}.workspace-type.team{background-color:color-mix(in srgb,#eab308 12%,#0000);background-color:color-mix(in srgb,var(--warning-color,#eab308) 12%,#0000);border-color:color-mix(in srgb,#eab308 30%,#0000);border-color:color-mix(in srgb,var(--warning-color,#eab308) 30%,#0000);color:#eab308;color:var(--warning-color,#eab308)}.workspace-type.public{background-color:initial;border-color:color-mix(in srgb,var(--primary-color) 30%,#0000);color:var(--primary-color)}.workspace-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-grow:1;font-size:.95rem;line-height:1.5;margin:0 0 24px;overflow:hidden}.workspace-meta{border-top:1px solid var(--border-color);font-size:.85rem;justify-content:space-between;margin-top:auto;padding-top:16px}.collaborators-count,.workspace-meta{align-items:center;color:var(--text-secondary);display:flex}.collaborators-count{font-weight:500;gap:6px}.collaborators-count svg{color:var(--primary-color);font-size:16px}.collections-count{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:6px}.collections-count strong{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-radius:4px;color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:700;padding:1px 6px}.workspace-role{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:6px}.workspace-role .role{background-color:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:999px;color:var(--primary-color);font-weight:600;padding:2px 8px;text-transform:capitalize}.empty-workspaces{align-items:center;background-color:var(--card-bg);border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-workspaces svg{color:var(--primary-color);font-size:3rem;height:48px;margin-bottom:1.5rem;opacity:.6;width:48px}.empty-workspaces p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:2rem;max-width:400px}.empty-workspaces .create-workspace-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 15%,#0000);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.empty-workspaces .create-workspace-btn:hover{background-color:var(--primary-hover);box-shadow:0 6px 16px color-mix(in srgb,var(--primary-color) 25%,#0000);transform:translateY(-2px)}.empty-workspaces .create-workspace-btn svg{color:#fff;font-size:18px;height:18px;margin-bottom:0;opacity:1;width:18px}.modal-overlay{animation:tsFadeIn .2s ease-out both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.create-workspace-modal{animation:tsSlideUp .3s cubic-bezier(.16,1,.3,1) both;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;display:flex;flex-direction:column;max-width:540px;overflow:hidden;width:100%}.modal-header{background-color:var(--background-color);padding:24px}.modal-header h2{font-weight:650;letter-spacing:-.01em}.close-btn:hover{color:#ef4444;color:var(--danger-color,#ef4444)}.create-workspace-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group label{font-size:.85rem;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{background-color:var(--background-color)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;border-radius:var(--radius-sm,8px)!important;box-shadow:none!important;color:var(--text-color)!important;outline:none!important;transition:all .15s ease!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary-color)!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:var(--background-color)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 1px var(--primary-color)!important;outline:none!important}.workspace-types{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.workspace-type-option{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;text-align:center;transition:all .2s ease}.workspace-type-option:hover{background-color:color-mix(in srgb,var(--primary-color) 4%,#0000);border-color:var(--primary-color)}.workspace-type-option.selected{background-color:color-mix(in srgb,var(--primary-color) 8%,#0000);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.workspace-type-option .type-icon{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.workspace-type-option.selected .type-icon{border-color:var(--primary-color);color:var(--primary-color)}.workspace-type-option .type-info strong{color:var(--text-color);display:block;font-size:.95rem;margin-bottom:4px}.workspace-type-option .type-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.modal-actions{margin-top:8px}.cancel-btn{padding:10px 20px}.cancel-btn,.create-btn{border-radius:8px;border-radius:var(--radius-sm,8px);font-weight:600;transition:all .15s ease}.create-btn{background-color:var(--primary-color);cursor:pointer;padding:10px 24px}.create-btn:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 20%,#0000);transform:translateY(-1px)}.create-btn:disabled{box-shadow:none;transform:none}.loading-workspaces{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;height:300px;justify-content:center}.error-message{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.collection-detail{--hover-color:var(--hover-bg,#013b5b);--method-get:#10b981;--method-post:#014c75;--method-put:#f59e0b;--method-delete:#ef4444;--method-patch:#013b5b;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 6px #0006;--border-radius:4px;--success-color:#10b981;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;line-height:1.5}.collection-header{align-items:center;background:#012a41;background:var(--navbar-bg,#012a41);border-bottom:1px solid #003956;border-bottom:1px solid var(--border-color,#003956);box-shadow:0 2px 8px #0003;box-shadow:var(--card-shadow,0 2px 8px #0003);display:flex;height:54px;justify-content:space-between;padding:35px 20px}.collection-title{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;max-width:45%;min-width:0}.collection-header .tab-navigation{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-shrink:0;gap:4px;margin:0;min-height:0;overflow:visible;padding:4px}.collection-header .tab-btn{border:none;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;min-height:0;padding:8px 12px}.collection-header .tab-btn:hover{background:var(--primary-light);border-bottom-color:#0000;color:var(--text-color);transform:none}.collection-header .tab-btn.active{background:#014c75;background:var(--primary-color,#014c75);border-bottom-color:#0000;box-shadow:none;color:#fff!important;color:var(--button-text,#fff)!important}.collection-header .tab-btn.active .fi,.collection-header .tab-btn.active i{color:#fff;color:var(--button-text,#fff)}.title-icon{align-items:center;color:var(--primary-color,#014c75);display:flex;font-size:18px;justify-content:center}.collection-title h2{color:var(--text-color);font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-visibility{align-items:center;display:flex}.visibility-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px;white-space:nowrap}.visibility-badge.public{background-color:#28a74526;color:#2ecc71}.visibility-badge.private{background-color:#80808026;color:#bbb}.collaboration-wrapper{align-items:center;display:flex;height:100%;margin-left:12px;position:relative}.environment-selector-wrapper{align-items:center;display:flex;margin-left:16px;margin-right:16px}.environment-selector-wrapper .environment-selector{min-width:200px}.collection-actions{align-items:center;display:flex;gap:10px}.pending-changes-indicator{animation:pulse 2s infinite;color:var(--text-secondary);font-size:12px;padding-right:8px}.action-btn{background-color:#ffffff0d;border-radius:var(--border-radius);display:inline-flex}.action-btn:hover{background-color:#ffffff1a;box-shadow:var(--shadow-sm)}.action-btn .icon{font-size:16px;margin-right:8px}.action-btn.highlight{background-color:#014c7526;border-color:#014c75;border-color:var(--primary-color,#014c75);color:#014c75;color:var(--primary-color,#014c75)}.action-btn.success{background-color:#28a74526;border-color:var(--success-color);color:var(--success-color)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.collection-content{display:flex;height:calc(100vh - 54px);overflow:hidden}.collection-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;transition:width .3s ease,min-width .3s ease;width:260px;z-index:300}.collection-sidebar.collapsed{min-width:45px;overflow:visible;width:45px}.collection-sidebar .sidebar-toggle{align-items:center;background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:4px;bottom:15px;box-shadow:0 2px 5px #0000001a;color:var(--text-secondary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:.9;pointer-events:auto;position:absolute;right:-12px;transition:all .2s ease;width:22px;z-index:400}.collection-sidebar.collapsed .sidebar-toggle{animation:pulse 2s infinite;bottom:15px;color:#014c75;color:var(--primary-color,#014c75)}.collection-sidebar .sidebar-toggle:hover{box-shadow:0 3px 8px #0003}.collection-sidebar:hover .sidebar-toggle{opacity:1}.sidebar-label{color:var(--text-secondary)}.vertical-text{color:#a0a0a0;font-weight:600}.collection-sidebar h3{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin:0;padding:16px 18px 12px;text-transform:uppercase}.collection-sidebar h3:after{background-color:#ffffff1a;border-radius:10px;color:var(--text-secondary);content:attr(data-count);font-size:11px;font-weight:400;padding:2px 8px}.requests-list{padding:6px}.request-tree,.requests-list ul{list-style:none;margin:0;padding:0}.request-tree.depth-1,.request-tree.depth-2,.request-tree.depth-3,.request-tree.depth-4{border-left:1px solid var(--border-color);margin-left:12px;padding-left:7px}.request-folder{margin:2px 0}.folder-tree-item{align-items:center;background:#0000;border:0;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font:inherit;font-size:12px;font-weight:600;gap:6px;min-width:0;padding:7px 10px;text-align:left;width:100%}.folder-tree-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree-item:hover{background:#014c751a;background:var(--hover-bg,#014c751a);color:var(--text-color)}.folder-tree-item.active{background:color-mix(in srgb,#014c75 14%,#0000);background:color-mix(in srgb,var(--primary-color,#014c75) 14%,#0000);color:#014c75;color:var(--primary-color,#014c75)}.folder-tree-item svg:first-child{flex:0 0 auto;width:13px}.folder-tree-item svg:nth-child(2){flex:0 0 auto}.imported-folder-overview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);color:var(--text-color);margin:24px;max-width:920px;padding:24px}.imported-folder-overview-header{align-items:flex-start;display:flex;gap:12px}.imported-folder-overview-header>svg{color:#014c75;color:var(--primary-color,#014c75);font-size:22px;margin-top:4px}.imported-folder-overview-header span{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.imported-folder-overview-header h2{font-size:22px;margin:2px 0 0}.imported-folder-description{color:var(--text-color);line-height:1.65;margin:22px 0;white-space:pre-wrap}.imported-folder-description.muted{color:var(--text-secondary);font-style:italic}.imported-folder-scripts{border-top:1px solid var(--border-color);padding-top:18px}.imported-folder-scripts h3,.imported-folder-scripts h4{margin:0 0 10px}.imported-folder-scripts h4{color:var(--text-secondary);font-size:13px;margin-top:18px}.imported-folder-scripts pre{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-color);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0;overflow:auto;padding:14px;white-space:pre-wrap}.request-item{align-items:center;background-color:var(--card-background);background-color:var(--card-bg,var(--card-background));border-left:2px solid #0000;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;font-size:13px;margin-bottom:5px;padding:8px 10px;position:relative;transition:all .2s ease-out}.request-item:hover{background-color:var(--hover-background);background-color:var(--hover-bg,var(--hover-background));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));transform:translateX(2px)}.request-item.active{background-color:color-mix(in srgb,var(--primary-color) 10%,var(--card-background));background-color:color-mix(in srgb,var(--primary-color) 10%,var(--card-bg,var(--card-background)));border-color:#014c75;border-color:var(--primary-color,#014c75);border-left-width:2px;font-weight:500}.request-info{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.request-name{color:var(--text-color);flex:1 1;font-weight:600;margin-bottom:2px;transition:color .2s ease}.request-name,.request-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-url{color:var(--text-muted);display:block;font-size:10px;font-weight:500;max-width:100%;opacity:1}.request-item:hover .request-name{color:#014c75;color:var(--primary-color,#014c75)}.request-item:hover .request-url{opacity:1}.method-badge{box-shadow:0 1px 2px #0003;font-size:10px;min-width:42px;padding:3px 5px;text-shadow:0 1px 1px #0000004d}.collection-sidebar .method-badge.get{background-color:var(--method-get);color:#fff!important}.collection-sidebar .method-badge.post{background-color:var(--method-post);color:#fff!important}.collection-sidebar .method-badge.put{background-color:var(--method-put);color:#fff!important}.collection-sidebar .method-badge.delete{background-color:var(--method-delete);color:#fff!important}.collection-sidebar .method-badge.patch{background-color:var(--method-patch);color:#fff!important}.add-request{border-top:1px solid var(--border-color);padding:12px}.add-request-btn{align-items:center;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:9px;transition:all .2s ease;width:100%}.add-request-btn,.add-request-btn:hover{color:#fff;color:var(--button-text,#fff)}.add-request-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.add-request-btn .icon{margin-right:8px}.collection-sidebar.collapsed .add-request{display:flex;justify-content:center;padding:10px 0}.collection-sidebar.collapsed .add-request-btn{border-radius:50%;height:30px;justify-content:center;min-width:30px;padding:0;width:30px}.collection-sidebar.collapsed .add-request-btn .icon{font-size:16px;margin-right:0}.delete-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#ffffff4d;cursor:pointer;display:flex;justify-content:center;margin-left:4px;opacity:0;padding:4px;transition:all .2s ease}.request-item:hover .delete-btn{opacity:.6}.delete-btn:hover{background-color:#f443361a;color:#f44336;opacity:1!important;transform:scale(1.1)}.collection-main{background-color:var(--background-color);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.tab-navigation{background:#002234;background:var(--card-bg,#002234);border-bottom:1px solid #003956;border-bottom:1px solid var(--border-color,#003956);display:flex!important;padding:0;position:relative;z-index:10}.tab-btn,.tab-navigation{flex-shrink:0;min-height:48px}.tab-btn{color:#e0e0e0b3;display:inline-flex!important;font-size:13px;letter-spacing:.2px;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#013b5b;background:var(--hover-bg,#013b5b);color:#fffffff2;transform:translateY(-1px)}.tab-btn.active,.tab-btn:hover{border-bottom-color:#014c75;border-bottom-color:var(--primary-color,#014c75)}.tab-btn.active{background:#014c75!important;background:var(--primary-color,#014c75)!important;box-shadow:0 2px 8px #014c754d;color:#fff!important;font-weight:600}.tab-btn .fi,.tab-btn i{font-size:14px;margin-right:8px;opacity:.8;transition:opacity .2s ease}.tab-btn:hover .fi,.tab-btn:hover i{opacity:1}.tab-btn.active .fi,.tab-btn.active i,.tab-btn.active svg{color:#fff!important;color:var(--button-text,#fff)!important;opacity:1!important}.tab-btn:focus-visible{border-radius:3px;outline:2px solid #014c75;outline:2px solid var(--primary-color,#014c75);outline-offset:-2px}.request-workspace{background-color:#00111a;background-color:var(--background-color,#00111a);height:100%;overflow:hidden}.no-requests,.request-workspace{display:flex;flex-direction:column}.no-requests{align-items:center;background:#002234;background:var(--card-bg,#002234);border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);color:var(--text-secondary);font-size:13px;gap:8px;justify-content:center;margin:10px;padding:28px 20px;text-align:center;transition:all .3s ease}.no-requests:hover{border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color))}.no-requests p{color:var(--text-color);font-weight:600;margin:0}.no-content-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:50%;color:#014c75;color:var(--primary-color,#014c75);display:inline-flex;font-size:24px;height:48px;justify-content:center;margin-bottom:4px;transition:all .3s ease;width:48px}.collection-info{flex-direction:column;gap:24px;margin:0 auto;max-width:1000px;padding:32px}.collection-info h2{border-bottom:2px solid #014c75;border-bottom:2px solid var(--primary-color,#014c75);color:var(--text-color);font-size:24px;font-weight:700;margin:0;padding-bottom:16px;text-align:center}.collection-overview-card{background-color:#002234;background-color:var(--card-bg,#002234);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);margin-bottom:8px;padding:24px}.collection-description{color:var(--text-secondary);font-size:15px;font-style:italic;line-height:1.7;margin:0;text-align:center}.collection-metadata-section{background-color:#002234;background-color:var(--card-bg,#002234);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);overflow:hidden;padding:20px}.metadata-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.metadata-icon{color:#014c75;color:var(--primary-color,#014c75);font-size:18px}.metadata-title{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.collection-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:0;width:100%}.meta-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:8px;justify-content:space-between;min-height:80px;min-width:160px;overflow:visible;padding:16px;position:relative;transition:all .2s ease}.meta-item:hover{background-color:#013b5b;background-color:var(--hover-bg,#013b5b);border-color:#014c754d;box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md,0 4px 12px #0000004d);transform:translateY(-2px)}.meta-item label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;opacity:.8;text-transform:uppercase}.meta-value{word-wrap:break-word;color:#fff;font-size:15px;font-weight:500;line-height:1.3;max-width:100%;overflow-wrap:break-word;word-break:break-all}.collaborator-count{align-items:center;align-self:flex-start;background-color:#014c75;background-color:var(--primary-color,#014c75);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;width:24px}.real-time-info{background-color:#002234;background-color:var(--card-bg,#002234);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);padding:24px;text-align:center}.real-time-info h4{align-items:center;color:var(--text-color);display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;margin:0 0 12px}.real-time-info p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 auto 20px;max-width:500px}.gradient-button{background-color:#014c75;background-color:var(--primary-color,#014c75);border:none!important;border-radius:4px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);overflow:hidden;padding:10px 16px;position:relative;transition:all .2s ease}.gradient-button:hover{background-color:#013b5b;background-color:var(--primary-hover,#013b5b);box-shadow:0 2px 5px #0003;box-shadow:var(--shadow-md,0 2px 5px #0003);transform:translateY(-1px)}.primary-button{align-items:center;background-color:#014c75;background-color:var(--primary-color,#014c75);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;letter-spacing:.3px;padding:10px 16px;transition:all .2s ease}.primary-button:hover{background-color:#013b5b;background-color:var(--primary-hover,#013b5b);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.primary-button .icon{font-size:15px;margin-right:8px}.collection-overview-card .primary-button{box-shadow:none}.collection-overview-card .primary-button:hover{box-shadow:var(--shadow-md)}.documentation-tab-content{background-color:#00111a;background-color:var(--background-color,#00111a);height:100%;overflow:auto}.documentation-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin-top:48px;padding:48px 20px;text-align:center}.placeholder-icon{color:var(--text-secondary);font-size:64px;margin-bottom:24px;opacity:.6}.documentation-placeholder h3{color:var(--text-color);font-weight:500;margin-bottom:12px;margin-top:0}.documentation-placeholder p{margin-bottom:24px;max-width:400px}.documentation-actions{gap:16px;justify-content:center}.create-doc-link{align-items:center;background-color:#014c75;background-color:var(--primary-color,#014c75);border-radius:4px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:background-color .2s}.create-doc-link:hover{background-color:#013b5b;background-color:var(--primary-hover,#013b5b)}.preview-swagger-btn{align-items:center;background-color:initial;border:1px solid #014c75;border:1px solid var(--primary-color,#014c75);border-radius:4px;color:#014c75;color:var(--primary-color,#014c75);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.preview-swagger-btn:hover{background-color:#014c751a}.sample-data-manager{background-color:#00111a;background-color:var(--background-color,#00111a);overflow:auto;padding:20px}.run-all-results{background-color:#00000026;border:1px solid var(--border-color);border-radius:var(--border-radius);margin:20px;padding:16px 20px}.run-all-results h3{color:var(--text-color);font-size:16px;margin-bottom:12px;margin-top:0}.result-list{display:flex;flex-direction:column;gap:8px}.result-item{align-items:center;background-color:#ffffff0d;border-radius:var(--border-radius);cursor:pointer;display:flex;padding:10px 14px;transition:all .2s ease}.result-item:hover{background-color:#ffffff14;transform:translateY(-1px)}.result-item.success{border-left:3px solid var(--method-get)}.result-item.failure{border-left:3px solid var(--method-delete)}.result-icon{font-size:18px;margin-right:12px}.result-item.success .result-icon{color:var(--method-get)}.result-item.failure .result-icon{color:var(--method-delete)}.result-info{flex:1 1}.result-name{font-weight:500;margin-bottom:2px}.result-status{color:var(--text-secondary);font-size:12px}.collection-loading{align-items:center;background-color:var(--background-color);color:var(--text-secondary);display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{border:3px solid #014c754d;border-top:3px solid var(--primary-color,#014c75)}.collection-error{align-items:center;background:var(--background-color);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:clamp(24px,5vw,64px);text-align:center}.collection-error-panel{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--card-shadow);display:flex;flex-direction:column;padding:clamp(28px,4vw,44px);width:min(100%,560px)}.collection-error-icon{align-items:center;background:color-mix(in srgb,var(--danger-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--danger-color) 28%,#0000);border-radius:16px;color:var(--danger-color);display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.collection-error-icon svg{height:28px;width:28px}.collection-error-copy{align-items:center;display:flex;flex-direction:column;gap:8px}.collection-error-label{color:var(--danger-color);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.collection-error-copy h1{color:var(--text-color);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:650;letter-spacing:-.02em;margin:0}.collection-error-copy p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0;max-width:44ch}.collection-error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}.collection-error-btn{align-items:center;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;justify-content:center;min-height:40px;padding:9px 15px;transition:background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}.collection-error-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.collection-error-btn.primary:hover{filter:brightness(1.08)}.collection-error-btn.secondary{background:#0000;color:var(--text-secondary)}.collection-error-btn.secondary:hover{background:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color));color:var(--text-color)}.collection-error-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 22%,#0000);outline:none}@media (max-width:480px){.collection-error-actions,.collection-error-btn{width:100%}}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3}.settings-modal{animation:slideIn .2s ease;background-color:#011e2e;background-color:var(--surface,#011e2e);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:90vh;max-width:90vw;overflow-y:auto;width:500px}.settings-modal h3{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;font-size:18px;font-weight:500;gap:10px;margin:0;padding:16px 20px}.modal-icon{color:#014c75;color:var(--primary-color,#014c75)}.settings-modal form{padding:24px}.form-group{margin-bottom:24px}.form-group label{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background-color:#000c14;background-color:var(--surface-sunken,#000c14);border:1px solid #1e293b;border:1px solid var(--border-color,#1e293b);border-radius:6px;border-radius:var(--radius-sm,6px);color:#f8fafc;color:var(--text-color,#f8fafc);font-size:14px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#38bdf8;border-color:var(--accent,#38bdf8);box-shadow:0 0 0 2px #38bdf826}.form-group small{color:var(--text-secondary);display:block;font-size:12px;margin-top:6px}.modal-actions{background-color:#011e2e;background-color:var(--surface,#011e2e);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.modal-actions button{border-radius:6px;border-radius:var(--radius-sm,6px);font-size:13px;padding:10px 18px}.cancel-btn{border:1px solid #0000;color:#9ca3af;color:var(--text-secondary,#9ca3af)}.cancel-btn:hover{background-color:#ffffff0d;color:#f8fafc;color:var(--text-color,#f8fafc)}.save-btn{background-color:#014c75;background-color:var(--primary-color,#014c75);border:1px solid #014c75;border:1px solid var(--primary-color,#014c75)}.save-btn:hover{background-color:#013b5b;background-color:var(--primary-hover,#013b5b);border-color:#013b5b;border-color:var(--primary-hover,#013b5b)}.visibility-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:8px}.visibility-option{background-color:#000c14;background-color:var(--surface-sunken,#000c14);border-radius:8px;border-radius:var(--radius-md,8px);padding:16px}.visibility-option:hover{background-color:#ffffff05;border-color:#64748b;border-color:var(--text-muted,#64748b)}.visibility-option.selected{background-color:#38bdf80d;border-color:#38bdf8;border-color:var(--accent,#38bdf8);box-shadow:0 0 0 1px #38bdf8;box-shadow:0 0 0 1px var(--accent,#38bdf8)}.visibility-icon{margin-top:-2px;opacity:.7}.visibility-icon.private-icon{color:#fbbf24}.visibility-icon.public-icon{color:#38bdf8}.visibility-option.selected .visibility-icon{opacity:1}.visibility-option strong{font-weight:600}.visibility-option.selected strong{color:#38bdf8;color:var(--accent,#38bdf8)}.new-request-container{background-color:#ffffff08;border:1px dashed var(--border-color);border-radius:var(--border-radius);margin-top:30px;padding:15px;text-align:center}.workspace-new-request{background-color:initial;margin:20px}.new-request-button{align-items:center;background-color:#014c75;background-color:var(--primary-color,#014c75);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .2s ease}.new-request-button:hover{background-color:#013b5b;background-color:var(--primary-hover,#013b5b);box-shadow:0 3px 8px #0006;box-shadow:var(--shadow-md,0 3px 8px #0006);transform:translateY(-2px)}.new-request-button .icon{font-size:16px;margin-right:8px}.visibility-option,.visibility-selector{display:flex;gap:12px}.visibility-option{align-items:flex-start;background-color:#0000001a;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex:1 1;padding:12px;transition:all .2s ease}.visibility-option:hover{background-color:#ffffff0d}.visibility-option.selected,.visibility-option:hover{border-color:#014c75;border-color:var(--primary-color,#014c75)}.visibility-option.selected{background-color:#014c751a}.visibility-icon{align-items:center;display:flex;font-size:20px;justify-content:center;margin-top:2px;min-width:24px}.visibility-option strong{color:var(--text-color);display:block;font-size:14px;margin-bottom:4px}.visibility-option p{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.visibility-option.selected strong{color:#014c75;color:var(--primary-color,#014c75)}.variables-tab-content{background:var(--background-color);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.variables-tab-content .collection-variables-manager{background:var(--background-color);border:none;box-shadow:none;color:var(--text-color);height:100%}.variables-tab-content .collection-variables-header{border-bottom-color:var(--border-color)}.variables-tab-content .header-title h3{color:var(--text-color)}.variables-tab-content .collection-name{color:var(--text-secondary)}.variables-tab-content .collection-name,.variables-tab-content .info-box{background:var(--hover-color);border-color:var(--border-color)}.variables-tab-content .info-content h4{color:var(--primary-color)}.variables-tab-content .info-content p{color:var(--text-secondary)}.variables-tab-content .precedence-order{background:#ff6c371a;border-left-color:var(--primary-color);color:var(--primary-color)}@media (max-width:1200px){.collection-meta-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.collection-meta-grid{gap:14px;grid-template-columns:repeat(3,1fr)}.meta-item{min-width:auto;padding:14px}}@media (max-width:768px){.collection-content{flex-direction:column}.collection-sidebar{height:auto;max-height:200px;width:100%}.collection-header{align-items:flex-start;flex-direction:column;height:auto;padding:12px}.collection-actions{justify-content:flex-end;margin-top:12px;width:100%}.collection-info{padding:20px 16px}.collection-meta-grid{gap:14px;grid-template-columns:repeat(2,1fr);overflow-x:visible}.meta-item{min-height:70px;min-width:auto;padding:12px}.collection-info h2{font-size:20px}.collection-metadata-section,.collection-overview-card,.real-time-info{padding:16px}}@media (max-width:480px){.collection-info{gap:16px;padding:16px 12px}.collection-info h2{font-size:18px}.metadata-title{font-size:14px}.collection-meta-grid{gap:12px;grid-template-columns:1fr;overflow-x:visible}.meta-item{min-height:60px;min-width:auto;padding:12px}.meta-value{font-size:14px}.meta-item label{font-size:10px}}.designer-tab-content{background:var(--background-color);border:1px solid var(--border-color);flex:1 1;min-height:0;overflow:hidden;width:100%}.designer-tab-content .visual-api-designer{border:none;border-radius:0;height:100%}.designer-tab-content .visual-api-designer .designer-header{background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);padding:12px 16px}.designer-tab-content .visual-api-designer .designer-toolbar{background:var(--background-color);border-bottom:1px solid var(--border-color)}.designer-tab-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:400px;justify-content:center}.designer-tab-loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin-bottom:16px;width:32px}[data-cd-redesign=v1]{--ws-accent:var(--primary-color);--ws-hairline:var(--border-color);--ws-surface:var(--card-bg);--ws-inset:var(--background-color);--ws-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--ws-radius:var(--radius-lg,16px);--ws-radius-sm:var(--radius-md,12px);--ws-radius-btn:var(--radius-sm,8px)}[data-cd-redesign=v1] .collection-detail{background:var(--ws-inset);display:flex;flex-direction:column;gap:0;width:100%}[data-cd-redesign=v1] .collection-header{align-items:flex-end;background:var(--ws-surface);border-bottom:1px solid var(--ws-hairline);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px clamp(20px,3vw,48px)}[data-cd-redesign=v1] .collection-title{align-items:center;display:flex;gap:10px;min-width:0}[data-cd-redesign=v1] .collection-title h2{color:var(--text-color);font-size:clamp(22px,2.5vw,28px);font-weight:650;letter-spacing:-.02em;margin:0}[data-cd-redesign=v1] .collection-content{flex:1 1;min-height:0;width:100%}[data-cd-redesign=v1] .tab-navigation{align-self:flex-start;background:var(--ws-surface);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-sm);display:inline-flex;gap:4px;margin:16px clamp(20px,3vw,48px) 0;padding:4px;width:-webkit-fit-content;width:fit-content}[data-cd-redesign=v1] .tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--ws-radius-btn);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .12s ease;transition:all .12s var(--ease-out,ease);white-space:nowrap}[data-cd-redesign=v1] .tab-btn:hover{background:var(--ws-inset);color:var(--text-color)}[data-cd-redesign=v1] .tab-btn.active{background:color-mix(in srgb,var(--ws-accent) 12%,#0000);color:var(--ws-accent)}[data-cd-redesign=v1] .collection-main,[data-cd-redesign=v1] .designer-tab-content,[data-cd-redesign=v1] .documentation-tab-content,[data-cd-redesign=v1] .sample-data-tab-content,[data-cd-redesign=v1] .variables-tab-content{padding:16px clamp(20px,3vw,48px);width:100%}[data-cd-redesign=v1] .collection-content{display:flex;flex-direction:column}[data-cd-redesign=v1] .add-request-btn{align-items:center;background:var(--ws-accent);border:1px solid var(--ws-accent);border-radius:var(--ws-radius-btn);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:filter .12s ease;transition:filter .12s var(--ease-out,ease)}[data-cd-redesign=v1] .add-request-btn:hover{filter:brightness(1.1)}.collection-sidebar .add-request-btn{background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;color:#fff!important;color:var(--button-text,#fff)!important}.collection-sidebar .add-request-btn:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:#fff!important;color:var(--button-text,#fff)!important}[data-cd-redesign=v1] .documentation-placeholder,[data-cd-redesign=v1] .no-requests{align-items:center;background:var(--ws-surface);border:1px dashed var(--ws-hairline);border-radius:var(--ws-radius);color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;padding:40px 24px;text-align:center}[data-cd-redesign=v1] .no-content-icon,[data-cd-redesign=v1] .placeholder-icon{align-items:center;background:color-mix(in srgb,var(--ws-accent) 12%,#0000);border-radius:50%;color:var(--ws-accent);display:inline-flex;font-size:1.4rem;height:48px;justify-content:center;margin-bottom:4px;width:48px}[data-cd-redesign=v1] .documentation-placeholder p,[data-cd-redesign=v1] .no-requests p{font-size:.9rem;line-height:1.5;margin:0;max-width:36ch}[data-cd-redesign=v1] .documentation-placeholder small,[data-cd-redesign=v1] .no-requests small{color:var(--text-secondary);font-size:.78rem}[data-cd-redesign=v1] .create-doc-link,[data-cd-redesign=v1] .preview-swagger-btn,[data-cd-redesign=v1] .primary-button{align-items:center;background:var(--ws-accent);border:1px solid var(--ws-hairline);border-radius:var(--ws-radius-btn);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:filter .12s ease;transition:filter .12s var(--ease-out,ease)}[data-cd-redesign=v1] .create-doc-link:hover,[data-cd-redesign=v1] .preview-swagger-btn:hover,[data-cd-redesign=v1] .primary-button:hover{filter:brightness(1.1)}[data-cd-redesign=v1] .preview-swagger-btn{background:#0000;color:var(--ws-accent)}[data-cd-redesign=v1] .documentation-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}[data-cd-redesign=v1] .ws-page{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.collection-header{flex-wrap:wrap;gap:10px 14px;height:auto;min-height:54px;padding:12px 20px}.collection-header .tab-navigation{flex-shrink:1;max-width:100%;order:3;overflow-x:auto;scrollbar-width:none;width:100%}.collection-header .tab-navigation::-webkit-scrollbar{display:none}.collection-content{flex:1 1;flex-direction:row;height:auto;min-height:0}.collection-sidebar{flex:0 0 260px;min-height:0}.collection-sidebar.collapsed{flex-basis:45px}.collection-main{min-height:0;min-width:0}.new-request-header-btn{background:#ff8a1f;background:var(--primary-color,#ff8a1f);border-color:#ff8a1f;border-color:var(--primary-color,#ff8a1f);color:#fff;color:var(--button-text,#fff)}.new-request-header-btn:hover{filter:brightness(1.08)}.requests-welcome{display:grid;min-height:min(48vh,440px);padding:32px;place-items:center;text-align:center}.requests-welcome .collection-overview-card{grid-gap:18px;display:grid;gap:18px;justify-items:center;margin:0;width:min(100%,580px)}.requests-welcome .collection-description{line-height:1.6;max-width:52ch}@media (max-width:768px){.collection-content{flex-direction:column}.collection-sidebar{flex-basis:auto}}@media (max-width:600px){.collection-header .tab-navigation{width:calc(100% + 8px)}.collection-header .tab-btn{padding:8px 10px}}.documentation-tab-content:has(.documentation-placeholder){align-items:start;box-sizing:border-box;display:grid;justify-items:center;min-height:100%;padding:clamp(24px,5vw,56px)}.documentation-tab-content .documentation-placeholder{background:var(--surface);background:var(--card-bg,var(--surface));border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--card-shadow);box-sizing:border-box;gap:0;margin:clamp(16px,6vh,72px) auto 0;padding:clamp(28px,5vw,44px);width:min(100%,640px)}.documentation-tab-content .placeholder-icon{background:color-mix(in srgb,var(--primary-color) 13%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:14px;box-sizing:border-box;color:var(--primary-color);display:grid;font-size:1.5rem;height:52px;margin:0 0 18px;opacity:1;padding:13px;width:52px}.documentation-placeholder-eyebrow{color:var(--primary-color);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.documentation-tab-content .documentation-placeholder h3{color:var(--text-color);font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:650;letter-spacing:-.02em;margin:0}.documentation-tab-content .documentation-placeholder p{color:var(--text-secondary);line-height:1.6;margin:10px 0 0;max-width:48ch}.documentation-tab-content .documentation-actions{gap:10px;justify-content:center;margin-top:26px;width:100%}.documentation-tab-content .create-doc-link,.documentation-tab-content .preview-swagger-btn{border-radius:8px;border-radius:var(--radius-sm,8px);font-size:.85rem;font-weight:600;min-height:40px;padding:9px 14px}.documentation-tab-content .create-doc-link,.documentation-tab-content .create-doc-link:focus-visible,.documentation-tab-content .create-doc-link:hover{color:#fff!important;color:var(--button-text,#fff)!important}.documentation-tab-content .create-doc-link svg{color:currentColor!important}.documentation-tab-content .preview-swagger-btn{background:#0000;background:var(--surface,#0000);border-color:var(--border-color);color:var(--text-color)}.documentation-tab-content .preview-swagger-btn:hover{background:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));color:var(--text-color)}@media (max-width:520px){.documentation-tab-content:has(.documentation-placeholder){padding:18px}.documentation-tab-content .documentation-placeholder{margin-top:0}.documentation-tab-content .documentation-actions{flex-direction:column}.documentation-tab-content .create-doc-link,.documentation-tab-content .preview-swagger-btn{justify-content:center;width:100%}}.sample-data-manager{--hover-color:var(--hover-bg);background-color:var(--background-color);border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:16px;height:100%;margin:0;min-height:100vh;overflow:hidden;padding:clamp(16px,3vw,24px);position:relative;width:100%}.sample-data-manager:before{content:none}.sample-data-header{box-sizing:border-box;justify-content:space-between;margin:0;padding:18px;position:relative;width:100%;z-index:1}.sample-data-header,.top-toolbar{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);display:flex;flex-shrink:0}.top-toolbar{justify-content:flex-end;padding:12px 18px}.toolbar-button-group{align-items:center;display:flex;gap:8px;margin-right:1%}.toolbar-button{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.82rem;font-weight:550;gap:6px;height:32px;justify-content:center;padding:8px 14px;transition:all .12s ease}.toolbar-button:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.toolbar-button .icon{color:var(--text-color);font-size:1.1em}.toolbar-button.validate{background:var(--background-color);border-color:color-mix(in srgb,var(--success-color,#28a745) 35%,var(--border-color))}.toolbar-button.validate,.toolbar-button.validate .icon{color:#28a745;color:var(--success-color,#28a745)}.toolbar-button.validate:hover{background:color-mix(in srgb,#28a745 10%,var(--background-color));background:color-mix(in srgb,var(--success-color,#28a745) 10%,var(--background-color));border-color:#28a745;border-color:var(--success-color,#28a745)}.toolbar-button.save{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.toolbar-button.save:hover{filter:brightness(1.1)}.header-left{flex-direction:column}.sample-data-header h2{align-items:center;color:var(--text-color);display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin:0}.sample-data-header h2 .icon{color:var(--primary-color)}.header-subtitle{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0;opacity:1}.sample-data-actions{display:flex;gap:10px}.action-btn{background:var(--background-color);box-shadow:none;font-size:.82rem;font-weight:550;gap:8px;height:auto!important;transition:all .12s ease;width:auto!important}.action-btn:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.action-btn .icon{color:var(--text-color)}.action-btn.template-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff);font-weight:550}.action-btn.template-btn:hover{filter:brightness(1.1)}.action-btn.template-btn:active{filter:brightness(.95)}.action-btn.template-btn .icon{color:#fff;color:var(--button-text,#fff)}.error-message{background-color:#c5303026;border:1px solid #c530304d;border-left:none;border-radius:0;border-right:none;color:#e06060;font-size:.9rem;padding:12px 18px}.json-error-message{align-items:center;background-color:#dd6b2026;border:1px solid #dd6b204d;border-left:none;border-radius:0;border-right:none;color:#f0a16d;display:flex;font-size:.9rem;gap:8px;margin:0;padding:10px 18px}.sample-data-content{background:#0000;border:none;display:flex;flex:1 1;gap:16px;margin:0;min-height:0;overflow:hidden;position:relative;z-index:1}.datasets-sidebar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);display:flex;flex:1 1;flex-direction:column;height:100%;max-width:350px;min-width:280px;overflow:hidden;width:28%}.datasets-search{border-bottom:1px solid var(--border-color);padding:15px}.search-input-container{position:relative;width:100%}.search-input-container input{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:var(--text-color);font-size:.9rem;padding:8px 12px 8px 35px;transition:all .12s ease}.search-input-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.search-input-container input::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-color)}.dataset-categories{border-bottom:1px solid var(--border-color);display:flex;gap:6px;overflow-x:auto;padding:10px 15px;white-space:nowrap}.category-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:550;gap:5px;padding:6px 12px;transition:all .12s ease}.category-btn .icon{color:var(--text-secondary);font-size:.75rem}.category-btn:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));color:var(--text-color)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:600}.category-btn.active,.category-btn.active .icon{color:#fff;color:var(--button-text,#fff)}.datasets-list{flex-grow:1;height:calc(100% - 90px);max-height:none;overflow-y:auto;padding:15px}.datasets-list h3{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;justify-content:space-between;margin:0;padding:0 0 10px}.dataset-count{background:color-mix(in srgb,var(--primary-color) 15%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:12px;color:var(--text-color);font-size:.75rem;font-weight:500;padding:2px 8px}.datasets-list ul{list-style:none;margin:10px 0 0;padding:0}.datasets-list li{border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88rem;justify-content:space-between;margin-bottom:2px;padding:8px 10px;transition:all .12s ease}.datasets-list li:hover{background:var(--hover-bg);border-color:var(--border-color);box-shadow:none;color:var(--text-color)}.datasets-list li.active{background:color-mix(in srgb,var(--primary-color) 15%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-left:3px solid var(--primary-color);color:var(--text-color);font-weight:500}.dataset-name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.dataset-size{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.no-datasets{background:var(--background-color);border:1px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:none;color:var(--text-secondary);font-size:.9rem;margin:15px 0;padding:25px 15px;text-align:center}.dataset-editor{border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);flex-direction:column;flex-grow:1;overflow:hidden}.dataset-editor,.editor-toolbar{background:var(--card-bg);display:flex}.editor-toolbar{align-items:center;border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;border-radius:var(--radius-lg,16px) var(--radius-lg,16px) 0 0;gap:15px;justify-content:space-between;padding:14px 20px}.editor-info{align-items:center;display:flex;gap:8px}.dataset-name{color:var(--text-color);font-size:1rem;font-weight:600}.edited-indicator{color:var(--primary-color);font-size:.8rem}.view-mode-selector{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);gap:4px;padding:4px}.view-mode-btn{border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);justify-content:center;padding:5px 12px;transition:all .12s ease}.view-mode-btn:hover{background:var(--hover-bg);color:var(--text-color)}.view-mode-btn.active{background:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.editor-actions{flex-wrap:wrap}.editor-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.82rem;font-weight:550;gap:5px;height:32px;padding:6px 12px;transition:all .12s ease}.editor-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));color:var(--text-color)}.editor-btn .icon{color:var(--text-color)}.editor-btn:disabled{cursor:not-allowed;opacity:.5}.editor-btn.delete-btn{background:var(--background-color);border-color:color-mix(in srgb,var(--danger-color) 35%,var(--border-color));color:var(--danger-color)}.editor-btn.delete-btn:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 10%,var(--background-color));border-color:var(--danger-color)}.editor-btn.refresh-btn{background:var(--background-color);border-color:color-mix(in srgb,var(--success-color,#28a745) 35%,var(--border-color));color:#28a745;color:var(--success-color,#28a745)}.editor-btn.refresh-btn:hover:not(:disabled){background:color-mix(in srgb,#28a745 10%,var(--background-color));background:color-mix(in srgb,var(--success-color,#28a745) 10%,var(--background-color));border-color:#28a745;border-color:var(--success-color,#28a745)}.use-data-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff);font-weight:550}.use-data-btn:hover:not(:disabled){filter:brightness(1.1)}.use-data-button{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:#fff;color:var(--button-text,#fff);cursor:pointer;display:flex;font-size:.85rem;font-weight:550;height:32px;justify-content:center;padding:6px 15px;transition:all .12s ease}.use-data-button:hover:not(:disabled){filter:brightness(1.1)}.use-data-button:disabled{background:#f2f2f2;background:var(--disabled-bg,#f2f2f2);border-color:var(--border-color);color:#a0a0a0;color:var(--disabled-text,#a0a0a0);cursor:not-allowed;opacity:.6}.editor-container{display:flex;flex-grow:1}.editor-container.editor-mode .code-editor-container{width:100%}.editor-container.split-mode .code-editor-container,.editor-container.split-mode .preview-container{width:50%}.editor-container.preview-mode .preview-container{width:100%}.code-editor-container{background:var(--card-bg);border-radius:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.json-editor{background:var(--background-color);border:none;color:var(--text-color);flex-grow:1;font-family:JetBrains Mono,Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6;outline:none;padding:15px;resize:none;tab-size:2}.json-editor.has-error{border-bottom:2px solid #e53e3ecc}.preview-container{border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.preview-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:10px 15px}.preview-header h3{font-size:.95rem}.json-preview{background:var(--background-color);flex-grow:1;overflow-y:auto;padding:15px}.inline-error-message{align-items:center;background:#e53e3e1a;border-top:1px solid #e53e3e66;color:#fc8181;display:flex;font-size:.85rem;gap:8px;padding:8px 12px}.formatted-preview{display:flex;flex-direction:column;gap:8px}.preview-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;padding:8px 10px}.preview-key{color:var(--primary-color);font-weight:500;min-width:120px;padding-right:15px}.preview-value{color:var(--text-color);word-break:break-all}.preview-error{background:#e53e3e1a;border:1px solid #e53e3e66;border-radius:6px;color:#fc8181;font-size:.9rem;gap:10px;padding:20px}.import-btn{cursor:pointer}.import-btn input[type=file]{display:none}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 10%,#0000);max-height:90vh;max-width:600px;padding:20px;width:90%}.modal-content h2{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1.3rem;margin-top:0;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:5px}.form-group input[type=text],.form-group textarea{border-radius:4px;font-family:inherit;font-size:.9rem;padding:8px 12px}.form-group textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace}.modal-actions{gap:10px;margin-top:20px;padding-top:15px}.cancel-btn,.create-btn{border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;cursor:pointer;font-size:.85rem;font-weight:550;padding:8px 15px;transition:all .12s ease}.cancel-btn{background:var(--background-color);color:var(--text-color)}.cancel-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.create-btn{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;color:var(--button-text,#fff)}.create-btn:hover:not(:disabled){filter:brightness(1.1)}.create-btn:disabled{cursor:not-allowed;opacity:.6}.no-dataset-selected{align-items:center;background:var(--card-bg);display:flex;flex-grow:1;justify-content:center;padding:20px}.empty-state{background:var(--background-color);border:1px dashed var(--border-color);max-width:400px;padding:30px}.empty-icon{color:var(--text-color);font-size:3rem;margin-bottom:15px;opacity:.7}.empty-state h3{font-size:1.2rem;margin:0 0 10px}.empty-state p{margin-bottom:20px}.empty-actions{display:flex;gap:10px;justify-content:center}.empty-actions .action-btn{min-width:150px}.action-btn.create-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.action-btn.create-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-hover)}.template-modal{max-width:800px;width:95%}.modal-subtitle{color:var(--text-secondary);margin:5px 0 20px}.template-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.template-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:all .12s ease}.template-item:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:var(--primary-color)}.template-icon{align-items:center;color:var(--text-color);display:flex;font-size:1.8rem;justify-content:center;margin-bottom:10px;width:100%}.template-icon svg{color:var(--text-color)!important}.modal-content{background-color:var(--card-bg)!important}.template-name{color:var(--text-color);font-weight:500;text-align:center;width:100%}.template-custom{background:color-mix(in srgb,var(--primary-color) 10%,var(--background-color));border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color));border-style:dashed}.template-custom:hover{background:color-mix(in srgb,var(--primary-color) 20%,var(--background-color));border-color:var(--primary-color);border-style:dashed}.login-credentials,.template-custom:hover .template-icon,.template-custom:hover .template-name{color:var(--text-color)}.login-credentials{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;font-size:.85rem;font-weight:500;padding:6px 12px}.documentation-viewer{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;height:100%;overflow:hidden}.documentation-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:12px 20px}.documentation-header h2{color:#333;font-size:1.5rem;margin:0}.documentation-actions{flex-wrap:wrap;gap:12px}.documentation-actions .icon{margin-right:5px}.last-updated{color:#666;font-size:.85rem}.edit-documentation-link,.view-public-link{align-items:center;border:1px solid #014c75;border-radius:4px;color:#014c75;display:flex;font-size:.9rem;padding:6px 12px;text-decoration:none;transition:all .2s ease}.edit-documentation-link:hover,.view-public-link:hover{background-color:#014c75;color:#fff}.documentation-content{background-color:#fff;background-color:var(--background-color,#fff);overflow:auto;padding:25px 30px}.markdown-content{line-height:1.6;margin:0 auto;max-width:900px}.markdown-content h1{font-size:2.2rem;margin-bottom:1rem}.markdown-content h1,.markdown-content h2{border-bottom:1px solid #eaecef;margin-top:1.5rem;padding-bottom:.3rem}.markdown-content h2{font-size:1.8rem;margin-bottom:.75rem}.markdown-content h3{font-size:1.4rem;margin-bottom:.75rem;margin-top:1.3rem}.markdown-content h4{font-size:1.2rem;margin-bottom:.5rem;margin-top:1.2rem}.markdown-content p{margin-bottom:1rem}.markdown-content ol,.markdown-content ul{margin-bottom:1rem;padding-left:2rem}.markdown-content li{margin-bottom:.3rem}.markdown-content code{background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;padding:.2em .4em}.markdown-content pre{background-color:#f6f8fa;border-radius:6px;margin-bottom:1.2rem;overflow:auto;padding:16px}.markdown-content pre code{background-color:initial;display:block;font-size:.9rem;line-height:1.5;padding:0}.code-block{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1.2rem;overflow:hidden}.code-header{align-items:center;background-color:#eaecef;color:#24292e;display:flex;font-size:.8rem;justify-content:space-between;padding:8px 12px}.code-language{font-weight:700;text-transform:uppercase}.table-container{margin-bottom:1.2rem}.markdown-content table{border-collapse:collapse;margin-bottom:1rem;width:100%}.markdown-content th{background-color:#f6f8fa;font-weight:600}.markdown-content td,.markdown-content th{border:1px solid #e0e0e0;padding:8px 12px;text-align:left}.markdown-content blockquote{border-left:4px solid #dfe2e5;color:#6a737d;margin-bottom:1rem;margin-left:0;padding:0 1rem}.markdown-content hr{background-color:#e1e4e8;border:0;height:.25em;margin:24px 0;padding:0}.documentation-loading{height:200px}.spinner{border:4px solid #0000001a;border-left-color:#014c75;height:36px;margin-bottom:15px;width:36px}.documentation-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.1rem;height:200px;justify-content:center;text-align:center}.swagger-preview-btn{align-items:center;background-color:initial;border:1px solid #014c75;border-radius:4px;color:#014c75;cursor:pointer;display:flex;font-size:.9rem;padding:6px 12px;text-decoration:none;transition:all .2s ease}.swagger-preview-btn.active,.swagger-preview-btn:hover{background-color:#014c75;color:#fff}.swagger-preview{padding:15px 20px}.swagger-container{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;max-height:70vh;overflow:auto;padding:10px}.swagger-container pre{word-wrap:break-word;font-family:monospace;font-size:.9em;line-height:1.5;margin:0;white-space:pre-wrap}@media (prefers-color-scheme:dark){.documentation-viewer{background-color:#1e1e1e;background-color:var(--background-color,#1e1e1e)}.documentation-header{border-bottom-color:#333;border-bottom-color:var(--border-color,#333)}.documentation-header h2{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.edit-documentation-link{background-color:#002234;background-color:var(--card-bg,#002234);border-color:#003956;border-color:var(--border-color,#003956);color:#e0e0e0;color:var(--text-color,#e0e0e0)}.edit-documentation-link:hover{background-color:#013b5b;background-color:var(--hover-bg,#013b5b)}.markdown-content h1,.markdown-content h2{border-bottom-color:#333;border-bottom-color:var(--border-color,#333);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.markdown-content code{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.markdown-content code,.markdown-content pre{background-color:#2c2c2c;background-color:var(--code-bg,#2c2c2c)}.code-header,.markdown-content blockquote{background-color:#2c2c2c;background-color:var(--background-light,#2c2c2c)}.code-block,.code-header,.markdown-content table td,.markdown-content table th{border-color:#333;border-color:var(--border-color,#333)}.markdown-content table th{background-color:#2c2c2c;background-color:var(--background-light,#2c2c2c)}.markdown-content table tr:nth-child(2n){background-color:#252525;background-color:var(--background-light,#252525)}}.documentation-body{display:block}.documentation-body.has-toc{grid-gap:32px;display:grid;gap:32px;grid-template-columns:minmax(170px,220px) minmax(0,900px);justify-content:center}.documentation-toc{align-self:start;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:7px;padding:12px;position:-webkit-sticky;position:sticky;top:20px}.documentation-toc p{align-items:center;color:var(--text-color);display:flex;font-size:13px;font-weight:700;gap:7px;margin:0 0 4px}.documentation-toc a{color:var(--text-secondary);font-size:13px;text-decoration:none}.documentation-toc a:hover{color:var(--accent)}.documentation-toc .toc-level-2{padding-left:10px}.documentation-toc .toc-level-3{padding-left:20px}.documentation-contributors{border-top:1px solid var(--border-color);margin-top:36px;padding-top:20px}.documentation-contributors h3{align-items:center;color:var(--text-color);display:flex;font-size:15px;gap:8px}.documentation-contributors>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.documentation-contributors span{background:var(--surface-sunken);border-radius:999px;color:var(--text-secondary);font-size:12px;padding:5px 9px}.public-documentation-page{background:var(--background-color);min-height:calc(100vh - 64px)}.public-documentation-message{grid-gap:10px;color:var(--text-color);display:grid;gap:10px;min-height:60vh;place-content:center;text-align:center}.public-documentation-message p{color:var(--text-secondary)}@media (max-width:760px){.documentation-body.has-toc{display:block}.documentation-toc{margin-bottom:20px;position:static}}.documentation-viewer{background:var(--card-bg);color:var(--text-color)}.documentation-viewer .documentation-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:12px 20px}.documentation-viewer .documentation-actions,.documentation-viewer .last-updated{color:var(--text-secondary)}.documentation-viewer .collection-name{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);display:inline-flex;font-size:12px;gap:5px;padding:5px 9px}.documentation-viewer .edit-documentation-link,.documentation-viewer .view-public-link{border-color:var(--primary-color);color:var(--primary-color)}.documentation-viewer .edit-documentation-link:hover,.documentation-viewer .view-public-link:hover{background:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.documentation-viewer .documentation-content{background:var(--card-bg);color:var(--text-color);overflow:auto}.documentation-viewer .markdown-content,.documentation-viewer .markdown-content h1,.documentation-viewer .markdown-content h2,.documentation-viewer .markdown-content h3,.documentation-viewer .markdown-content h4{color:var(--text-color)}.documentation-viewer .markdown-content h1,.documentation-viewer .markdown-content h2{border-bottom-color:var(--border-color)}.documentation-viewer .markdown-content code{background:color-mix(in srgb,var(--primary-color) 9%,var(--background-color));color:var(--text-color)}.documentation-viewer .markdown-content pre{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color)}.documentation-viewer .markdown-content blockquote{border-left-color:var(--primary-color);color:var(--text-secondary)}.documentation-viewer .markdown-content th{background:var(--background-color)}.documentation-viewer .markdown-content td,.documentation-viewer .markdown-content th{border-color:var(--border-color)}.documentation-viewer .documentation-header{box-sizing:border-box;flex-wrap:nowrap;gap:20px;min-height:64px;padding:12px clamp(18px,2vw,28px)}.documentation-viewer .documentation-header h2{color:var(--text-color);flex:1 1;font-size:1.1rem;font-weight:650;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documentation-viewer .documentation-actions{flex:0 0 auto;flex-wrap:nowrap;gap:10px;margin-left:auto}.documentation-tab-content .documentation-viewer .documentation-actions{justify-content:flex-end;margin-left:auto;margin-top:0;width:auto}.documentation-viewer .last-updated{margin-left:0;white-space:nowrap}.documentation-viewer .documentation-actions .icon{stroke:currentColor;color:currentColor;flex:0 0 auto;margin:0}.documentation-search{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:7px;border-radius:var(--radius-sm,7px);color:var(--text-secondary);display:inline-flex;gap:7px;min-height:32px;padding:0 8px}.documentation-search input{background:#0000;border:0;color:var(--text-color);font-size:.8rem;outline:0;width:130px}.documentation-search button{background:#0000;border:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;padding:0}.documentation-search-results{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:7px;border-radius:var(--radius-sm,7px);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:7px;margin:0 auto 18px;max-width:900px;padding:10px 12px}.documentation-search-results strong{color:var(--text-color)}.documentation-search-results button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--primary-color);cursor:pointer;font-size:.76rem;padding:5px 8px}.documentation-search-results button:hover{border-color:var(--primary-color)}.documentation-viewer .collection-name,.documentation-viewer .edit-documentation-link,.documentation-viewer .view-public-link{box-sizing:border-box;min-height:32px;white-space:nowrap}.documentation-viewer .edit-documentation-link,.documentation-viewer .view-public-link{background:#0000;border-radius:7px;border-radius:var(--radius-sm,7px);font-size:.8rem;font-weight:600;gap:6px}@media (max-width:900px){.documentation-viewer .documentation-header{align-items:flex-start;flex-direction:column;gap:10px}.documentation-viewer .documentation-header h2{width:100%}.documentation-viewer .documentation-actions{flex-wrap:wrap;margin-left:0;width:100%}.documentation-search{flex:1 1 180px}.documentation-search input{width:100%}}@media screen{.docs-article,.docs-hub,.documentation-viewer,.public-documentation-page{--docs-hero-text:#fff;background:var(--background-color)!important;color:var(--text-color)!important}.docs-article h1,.docs-article h2,.docs-article h3,.docs-article h4,.docs-article strong,.docs-hub h1,.docs-hub h2,.docs-hub h3,.docs-hub h4,.documentation-viewer h1,.documentation-viewer h2,.documentation-viewer h3,.documentation-viewer h4{color:var(--text-color)!important}.docs-article li,.docs-article p,.docs-article-meta p,.docs-article-summary,.docs-detail-intro,.docs-hub p,.docs-success-criteria p,.documentation-viewer blockquote,.documentation-viewer li,.documentation-viewer p{color:var(--text-secondary)!important}.docs-hub-hero{background:var(--gradient-hero)!important}.docs-hub-hero,.docs-hub-hero h1,.docs-hub-hero p,.docs-hub-hero span,.docs-hub-hero strong{color:var(--docs-hero-text)!important}.docs-article-aside,.docs-article-completion,.docs-article-feedback button,.docs-article-learning,.docs-article-meta>div,.docs-article-pagination a,.docs-article-tools button,.docs-detail-card,.docs-hub-empty,.docs-hub-filter .app-select-trigger,.docs-hub-guide-card,.docs-hub-search,.docs-learning-card,.docs-reference-table,.documentation-search-results,.documentation-viewer .collection-name,.documentation-viewer .documentation-search{background:var(--surface)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.docs-article-aside a,.docs-article-back,.docs-article-pagination small,.docs-article-pagination strong,.docs-article-updated,.docs-code-language,.docs-learning-card a,.docs-learning-card>p,.docs-version-badge{color:var(--text-secondary)!important}.docs-learning-card{background:var(--surface)!important;border-color:var(--border-color)!important}.docs-article-aside a:hover,.docs-article-back:hover,.docs-article-feedback button:hover,.docs-article-pagination a:hover strong,.docs-article-tools button:hover,.docs-learning-card a:hover{color:var(--primary-color)!important}.docs-hub-search input,.documentation-search input{background:#0000!important;color:var(--text-color)!important}.docs-hub-search input::placeholder,.documentation-search input::placeholder{color:var(--text-muted)!important}.docs-article-aside a:hover,.docs-article-feedback button:hover,.docs-article-pagination a:hover,.docs-article-tools button:hover,.docs-hub-guide-card.is-keyboard-active,.docs-hub-guide-card:hover,.docs-hub-search:focus-within,.documentation-viewer .documentation-search:focus-within{border-color:var(--primary-color)!important}.docs-hub-guide-card:hover,.docs-search-popover button:focus-visible,.docs-search-popover button:hover,.documentation-search-results button:hover{background:var(--hover-bg)!important;color:var(--primary-color)!important}.docs-search-popover,.docs-search-popover button,.documentation-search-results button{background:var(--surface-elevated)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.docs-article-callout,.docs-success-criteria{background:var(--primary-light)!important;border-color:var(--primary-color)!important;color:var(--text-secondary)!important}.docs-article-example,.docs-article-troubleshooting,.docs-detail-card-failure,.docs-detail-card-success{background:var(--surface)!important;border-color:var(--border-color)!important}.docs-article-example pre,.docs-detail-card pre{background:var(--surface-sunken)!important}.docs-article-example pre,.docs-copy-button,.docs-detail-card pre{border-color:var(--border-color)!important;color:var(--text-color)!important}.docs-copy-button{background:var(--surface-elevated)!important}.docs-article-action,.docs-article-completion button{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--button-text)!important}.docs-article .docs-article-action,.docs-article .docs-article-completion button,.docs-hub .docs-article-action,.docs-hub .docs-article-completion button{color:var(--button-text)!important}.docs-article-action:hover,.docs-article-completion button:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.docs-reference-header,.docs-reference-row{background:var(--surface-sunken)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.docs-article li>span,.docs-hub-topic-icon,.docs-learning-progress{background:var(--primary-light)!important;color:var(--primary-color)!important}.docs-learning-progress>span{background:var(--primary-color)!important}.documentation-viewer .documentation-content,.documentation-viewer .documentation-header{background:var(--surface)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.documentation-viewer .markdown-content code{background:var(--primary-light)!important;color:var(--text-color)!important}.documentation-viewer .markdown-content pre{background:var(--surface-sunken)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.documentation-viewer .documentation-toc,.documentation-viewer .markdown-content td,.documentation-viewer .markdown-content th{border-color:var(--border-color)!important}.documentation-viewer .documentation-toc{background:var(--surface)!important}}:root,body.light-theme .environment-selector{--env-bg-primary:var(--card-bg,#fff);--env-bg-secondary:var(--background-color,#f8f9fa);--env-bg-tertiary:var(--hover-bg,#f5f5f5);--env-bg-hover:var(--hover-bg,#f5f5f5);--env-bg-selected:var(--primary-light,#e5f3ff);--env-border-primary:var(--border-color,#e1e4e8);--env-border-secondary:var(--border-color,#e1e4e8);--env-border-hover:var(--primary-color,#014c75);--env-border-accent:var(--primary-color,#014c75);--env-text-primary:var(--text-color,#333);--env-text-secondary:var(--text-secondary,#6c757d);--env-text-tertiary:var(--text-muted,#9ca3af);--env-text-accent:var(--primary-color,#014c75);--env-text-success:var(--success-color,#28a745);--env-shadow-light:var(--card-shadow,0 1px 3px #00000014);--env-shadow-medium:0 2px 8px #014c751f;--env-shadow-heavy:0 4px 16px #014c7526;--env-overlay:#0006;--env-focus-ring:#014c7533}body.dark-theme .environment-selector{--env-bg-primary:var(--card-bg,#002234);--env-bg-secondary:var(--background-color,#00111a);--env-bg-tertiary:var(--sidebar-bg,#001927);--env-bg-hover:var(--hover-bg,#013b5b);--env-bg-selected:#38bdf824;--env-border-primary:var(--border-color,#003956);--env-border-secondary:var(--border-color,#003956);--env-border-hover:var(--primary-color,#38bdf8);--env-border-accent:var(--primary-color,#38bdf8);--env-text-primary:var(--text-color,#e0e0e0);--env-text-secondary:var(--text-secondary,#b8d4e3);--env-text-tertiary:#7a9bad;--env-text-accent:var(--primary-color,#38bdf8);--env-text-success:var(--success-color,#22c55e);--env-shadow-light:#0000004d;--env-shadow-medium:#0006;--env-shadow-heavy:#0009;--env-overlay:#000c;--env-focus-ring:#38bdf84d}body.omni-theme .environment-selector{--env-bg-primary:var(--card-bg,#12100e);--env-bg-secondary:var(--surface-elevated,#1b1611);--env-bg-tertiary:var(--surface-sunken,#0d0b09);--env-bg-hover:var(--hover-bg,#26170d);--env-bg-selected:#ff8a1f24;--env-border-primary:var(--border-color,#3a2719);--env-border-secondary:var(--border-color,#3a2719);--env-border-hover:var(--primary-color,#ff8a1f);--env-border-accent:var(--primary-color,#ff8a1f);--env-text-primary:var(--text-color,#fff7ed);--env-text-secondary:var(--text-secondary,#d6c5b8);--env-text-tertiary:var(--text-muted,#a89484);--env-text-accent:var(--primary-color,#ff8a1f);--env-text-success:var(--success-color,#44d483);--env-shadow-light:#00000080;--env-shadow-medium:#0009;--env-shadow-heavy:#000000b8;--env-overlay:#000000b8;--env-focus-ring:#ff8a1f47}body.black-theme .environment-selector{--env-bg-primary:var(--card-bg,#000);--env-bg-secondary:var(--surface-elevated,#000);--env-bg-tertiary:var(--surface-sunken,#000);--env-bg-hover:var(--hover-bg,#111);--env-bg-selected:#ffffff14;--env-border-primary:var(--border-color,#2a2a2a);--env-border-secondary:var(--border-color,#2a2a2a);--env-border-hover:var(--text-color,#fff);--env-border-accent:var(--text-color,#fff);--env-text-primary:var(--text-color,#fff);--env-text-secondary:var(--text-secondary,#d0d0d0);--env-text-tertiary:var(--text-muted,#9a9a9a);--env-text-accent:var(--text-color,#fff);--env-text-success:var(--success-color,#fff);--env-shadow-light:#00000059;--env-shadow-medium:#00000073;--env-shadow-heavy:#000000a6;--env-overlay:#000000d9;--env-focus-ring:#ffffff2e}.environment-selector{display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.environment-dropdown{position:relative}.environment-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--env-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--env-border-primary);border-radius:12px;box-shadow:0 1px 3px 0 1px 3px #00000014;box-shadow:0 1px 3px var(--env-shadow-light);color:#333;color:var(--env-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:space-between;min-width:240px;padding:12px 16px;transition:all .15s ease}.environment-button:hover{background:#f5f5f5;background:var(--env-bg-hover);border-color:#014c75;border-color:var(--env-border-hover);box-shadow:0 2px 6px 0 2px 8px #014c751f;box-shadow:0 2px 6px var(--env-shadow-medium)}.environment-button:focus{border-color:#014c75;border-color:var(--env-border-accent);box-shadow:0 0 0 3px #014c7533;box-shadow:0 0 0 3px var(--env-focus-ring);outline:none}.environment-button:disabled{background:#f5f5f5;background:var(--env-bg-tertiary);cursor:not-allowed;opacity:.5}.environment-label{color:#333;color:var(--env-text-primary);flex:1 1;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment-arrow{align-items:center;color:#9ca3af;color:var(--env-text-tertiary);display:flex;height:16px;justify-content:center;margin-left:12px;transition:transform .15s ease;width:16px}.environment-arrow svg{height:12px;width:12px}.environment-button[aria-expanded=true] .environment-arrow{transform:rotate(180deg)}.environment-dropdown-menu{animation:slideDown .15s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--env-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--env-border-primary);border-radius:12px;box-shadow:0 4px 20px 0 2px 8px #014c751f;box-shadow:0 4px 20px var(--env-shadow-medium);left:0;margin-top:8px;max-height:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.environment-header{background:#f8f9fa;background:var(--env-bg-secondary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--env-border-secondary);font-size:13px;font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.environment-header,.manage-btn{align-items:center;color:#6c757d;color:var(--env-text-secondary);display:flex}.manage-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:12px;justify-content:center;padding:6px 8px;transition:all .15s ease}.manage-btn:hover{background-color:#f5f5f5;background-color:var(--env-bg-hover);color:#333;color:var(--env-text-primary)}.environment-list{max-height:280px;overflow-y:auto;padding:8px 0}.environment-list::-webkit-scrollbar{width:6px}.environment-list::-webkit-scrollbar-track{background:#fff;background:var(--env-bg-primary)}.environment-list::-webkit-scrollbar-thumb{background:#e1e4e8;background:var(--env-border-primary);border-radius:3px}.environment-list::-webkit-scrollbar-thumb:hover{background:#014c75;background:var(--env-border-hover)}.environment-option{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;position:relative;text-align:left;transition:all .15s ease;width:100%}.environment-option:hover{background-color:#f5f5f5;background-color:var(--env-bg-hover);border-left-color:#e1e4e8;border-left-color:var(--env-border-primary)}.environment-option.selected{background-color:#e5f3ff;background-color:var(--env-bg-selected);border-left-color:#014c75;border-left-color:var(--env-border-accent);color:#014c75;color:var(--env-text-accent);font-weight:500}.environment-option.none-option{color:#6c757d;color:var(--env-text-secondary);font-style:italic}.environment-option.none-option.selected{background-color:#e5f3ff;background-color:var(--env-bg-selected);color:#014c75;color:var(--env-text-accent);font-weight:500}.environment-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.environment-actions{align-items:center;display:flex;gap:8px}.edit-env-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;color:var(--env-text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px;transition:all .15s ease}.environment-option:hover .edit-env-btn{opacity:1}.edit-env-btn:hover{background-color:#f5f5f5;background-color:var(--env-bg-hover)}.edit-env-btn:hover,.environment-name{color:#333;color:var(--env-text-primary)}.environment-name{font-size:14px;font-weight:500}.default-badge{background:#28a745;background:var(--env-text-success);border-radius:8px;color:#fff;color:var(--env-bg-primary);font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.check-icon{animation:checkIn .15s ease-in;color:#28a745;color:var(--env-text-success);font-size:16px;font-weight:700}@keyframes checkIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.environment-footer{background:#f8f9fa;background:var(--env-bg-secondary);border-top:1px solid #e1e4e8;border-top:1px solid var(--env-border-secondary);padding:16px 20px}.create-environment-btn{align-items:center;background:#fff;background:var(--env-bg-primary);border:1px dashed #014c75;border:1px dashed var(--env-border-hover);border-radius:10px;color:#014c75;color:var(--env-text-accent);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .15s ease;width:100%}.create-environment-btn:hover{background:#e5f3ff;background:var(--env-bg-selected);border-color:#014c75;border-color:var(--env-border-accent);border-style:solid;box-shadow:0 2px 8px #014c751f;box-shadow:var(--env-shadow-medium);color:#014c75;color:var(--env-text-accent)}.modal-overlay{animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;background:var(--env-overlay);z-index:10000}.environment-modal{animation:slideUp .2s ease-out;background:var(--env-bg-primary);border-radius:16px;box-shadow:0 10px 40px 0 4px 16px #014c7526;box-shadow:0 10px 40px var(--env-shadow-heavy);max-height:80vh;max-width:650px}.modal-header{background:#f8f9fa;background:var(--env-bg-secondary);border-bottom:1px solid var(--env-border-secondary);padding:20px 24px}.modal-header h3{color:var(--env-text-primary);font-size:18px}.close-btn{border-radius:8px;color:#9ca3af;color:var(--env-text-tertiary);transition:all .15s ease}.close-btn:hover{background-color:#f5f5f5;background-color:var(--env-bg-hover);color:var(--env-text-primary)}.modal-content{max-height:60vh;padding:24px}.environments-list{display:flex;flex-direction:column;gap:12px}.environment-item{align-items:center;background:#fff;background:var(--env-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--env-border-primary);border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .15s ease}.environment-item:hover{border-color:#014c75;border-color:var(--env-border-hover);box-shadow:0 2px 8px 0 1px 3px #00000014;box-shadow:0 2px 8px var(--env-shadow-light)}@media (max-width:768px){.environment-button{min-width:200px;padding:10px 14px}.environment-modal{margin:16px;width:95%}.modal-header{padding:16px 20px}.modal-content{padding:20px}.environment-dropdown-menu{margin-top:4px;max-height:280px}.environment-header{font-size:12px;padding:12px 16px}.environment-option{padding:10px 16px}.environment-footer{padding:12px 16px}}.environment-manage-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,var(--background-color) 78%,#0000);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.environment-manage-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 22px 60px #00000061;box-shadow:var(--shadow-lg,0 22px 60px #00000061);overflow:hidden;width:min(560px,100%)}.environment-manage-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 20px}.environment-manage-header h3{color:var(--text-color);font-size:1rem;font-weight:650;margin:0}.environment-manage-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1.1rem;height:32px;justify-content:center;padding:0;width:32px}.environment-manage-close:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}.environment-manage-content{max-height:min(60vh,540px);overflow-y:auto;padding:20px}.environment-manage-modal .no-environments{align-items:center;background:var(--background-color);border:1px dashed color-mix(in srgb,var(--primary-color) 36%,var(--border-color));border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:170px;padding:22px;text-align:center}.environment-manage-modal .no-environments p{color:var(--text-secondary);font-size:.88rem;margin:0}.environment-manage-modal .create-first-btn{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:650;gap:7px;justify-content:center;min-height:38px;padding:8px 14px}.environment-manage-modal .create-first-btn svg{stroke:currentColor;color:currentColor!important;flex:0 0 14px;margin:0!important}:root{--modal-bg-primary:var(--card-bg,#fff);--modal-bg-secondary:var(--background-color,#f8f9fa);--modal-bg-tertiary:var(--hover-bg,#f5f5f5);--modal-border-primary:var(--border-color,#e1e4e8);--modal-text-primary:var(--text-color,#333);--modal-text-secondary:var(--text-secondary,#6c757d);--modal-primary-color:var(--primary-color,#014c75);--modal-primary-hover:var(--primary-hover,#013b5b);--modal-overlay:#0006;--modal-shadow:var(--card-shadow,0 1px 3px #00000014);--modal-shadow-heavy:0 10px 40px #014c7526;--modal-focus-ring:#014c7540}[data-theme=dark],body.dark-theme .environment-modal-overlay{--modal-bg-primary:var(--card-bg,#002234);--modal-bg-secondary:var(--background-color,#00111a);--modal-bg-tertiary:var(--sidebar-bg,#001927);--modal-border-primary:var(--border-color,#003956);--modal-text-primary:var(--text-color,#e0e0e0);--modal-text-secondary:var(--text-secondary,#b8d4e3);--modal-primary-color:var(--primary-color,#014c75);--modal-primary-hover:var(--primary-hover,#013b5b);--modal-overlay:#000c;--modal-shadow:#0000004d;--modal-shadow-heavy:0 10px 40px #0009;--modal-focus-ring:#014c7566}.environment-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.environment-modal{background:#fff;background:var(--modal-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--modal-border-primary);border-radius:12px;box-shadow:0 10px 40px #014c7526;box-shadow:var(--modal-shadow-heavy);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;transition:all .3s ease;width:90%}.environment-modal-header{align-items:center;background:#f8f9fa;background:var(--modal-bg-secondary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--modal-border-primary);display:flex;justify-content:space-between;padding:20px 24px}.environment-modal-header h2{align-items:center;color:#333;color:var(--modal-text-primary);display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.active-badge{background:#28a745;background:var(--success-color,#28a745);border-radius:6px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.close-button{background:none;border:none;border-radius:8px;color:#6c757d;color:var(--modal-text-secondary);font-size:20px;height:32px;padding:8px;transition:all .2s ease;width:32px}.close-button:hover{background:#f5f5f5;background:var(--modal-bg-tertiary);color:#333;color:var(--modal-text-primary)}.error-message{background:#dc3545;background:var(--error-color,#dc3545);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--modal-border-primary);border-left:4px solid #dc3545;border-left:4px solid var(--error-color,#dc3545);color:#fff;font-size:14px;padding:12px 24px}.environment-form{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.form-group{gap:8px}.form-group label{color:var(--modal-text-primary)}.form-group input,.form-group textarea{background:var(--modal-bg-tertiary);border:1px solid var(--modal-border-primary);color:var(--modal-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:12px}.form-group input:focus,.form-group textarea:focus{border-color:#014c75;border-color:var(--modal-primary-color);box-shadow:0 0 0 3px #014c7540;box-shadow:0 0 0 3px var(--modal-focus-ring)}.form-group input:disabled,.form-group textarea:disabled{opacity:.6}.variables-container{background:#f5f5f5;background:var(--modal-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--modal-border-primary);border-radius:8px;overflow-y:auto;padding:20px}.environment-modal-actions{align-items:center;background:#f8f9fa;background:var(--modal-bg-secondary);border-top:1px solid #e1e4e8;border-top:1px solid var(--modal-border-primary);display:flex;justify-content:space-between;margin-top:auto;padding:20px 24px}.left-actions,.right-actions{align-items:center;display:flex;gap:12px}.environment-modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:12px 20px;transition:all .2s ease}.save-button{background:#014c75;background:var(--modal-primary-color);box-shadow:0 2px 8px #014c7533}.save-button:hover:not(:disabled){background:#013b5b;background:var(--modal-primary-hover);box-shadow:0 4px 12px #014c754d;transform:translateY(-1px)}.save-button:disabled{box-shadow:none;opacity:.6}.cancel-button,.save-button:disabled{background:#6c757d;background:var(--secondary-color,#6c757d)}.cancel-button{border:1px solid #e1e4e8;border:1px solid var(--modal-border-primary);color:#fff}.cancel-button:hover:not(:disabled){background:#5a6268;background:var(--secondary-hover,#5a6268);transform:translateY(-1px)}.delete-button{background:#dc3545;background:var(--error-color,#dc3545);box-shadow:0 2px 8px #dc354533;color:#fff}.delete-button:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}@media (max-width:768px){.environment-modal{max-height:95vh;width:95%}.environment-form,.environment-modal-actions,.environment-modal-header{padding:16px}.environment-modal-actions{flex-direction:column;gap:12px}.left-actions,.right-actions{justify-content:center;width:100%}.variables-container{max-height:200px}}.environment-modal-overlay{animation:fadeIn .2s ease}.environment-modal{animation:slideIn .3s ease}.environment-editor-modal{animation:slideIn .25s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 22px 60px #0000006b;display:flex;flex-direction:column;max-height:min(88vh,860px);overflow:hidden;width:min(600px,calc(100vw - 40px))}.environment-editor-modal .environment-modal-header{background:var(--card-bg);border-bottom-color:var(--border-color);padding:18px 24px}.environment-editor-modal .environment-modal-header h2{color:var(--text-color);font-size:1.05rem;font-weight:650}.environment-editor-modal .close-button{border:1px solid #0000;color:var(--text-secondary)}.environment-editor-modal .close-button:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}.environment-editor-modal .environment-form{gap:18px;min-height:0;overflow-y:auto;padding:22px 24px 0}.environment-editor-modal .form-group{gap:7px}.environment-editor-modal .form-group label{color:var(--text-secondary);font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.environment-editor-modal .form-group input,.environment-editor-modal .form-group textarea{background:var(--background-color);border-color:var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color)}.environment-editor-modal .form-group input:focus,.environment-editor-modal .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.environment-editor-modal .variables-container{background:var(--background-color);border-color:var(--border-color);overflow:hidden;padding:0}.environment-editor-modal .variable-editor{height:auto;min-height:220px}.environment-editor-modal .variable-editor-header{background:color-mix(in srgb,var(--primary-color) 7%,var(--card-bg));border-bottom-color:var(--border-color);box-shadow:none;padding:14px 16px}.environment-editor-modal .scope-badge{background:var(--primary-color)!important;color:#fff;color:var(--button-text,#fff)}.environment-editor-modal .scope-indicator h3{color:var(--text-color);font-size:.95rem;font-weight:650}.environment-editor-modal .variable-editor .empty-state{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;min-height:190px;padding:32px 18px!important}.environment-editor-modal .empty-state-content{max-width:330px}.environment-editor-modal .empty-state-icon{color:var(--primary-color);opacity:1}.environment-editor-modal .variable-editor .empty-state h3{color:var(--text-color);font-size:1rem}.environment-editor-modal .variable-editor .empty-state p{color:var(--text-secondary);margin-bottom:18px;max-width:300px}.environment-editor-modal .variable-editor .add-variable-form{background:var(--background-color);border-color:var(--border-color);border-radius:10px;box-sizing:border-box;margin:20px auto 0!important;max-width:400px;padding:16px!important;width:100%}.environment-editor-modal .variable-editor .add-variable-form .form-actions{background:#0000!important;border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;gap:8px;justify-content:flex-end;margin:16px 0 0!important;padding:14px 0 0!important;position:static;width:100%}.environment-editor-modal .variable-editor .add-variable-form .form-actions button{box-sizing:border-box;min-height:36px;min-width:0!important;padding:8px 12px!important;width:auto!important}.environment-editor-modal .variable-editor .add-variable-btn{background:var(--primary-color)!important;box-shadow:none!important;color:#fff!important;color:var(--button-text,#fff)!important}.environment-editor-modal .variable-editor .add-variable-btn:hover:not(:disabled){background:var(--primary-hover)!important;box-shadow:none!important}.environment-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bd;box-sizing:border-box;padding:24px}.environment-editor-modal{border-radius:14px;max-height:min(90vh,920px);width:min(780px,100%)}.env-editor-header{align-items:flex-start;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:20px;justify-content:space-between;padding:20px 24px}.env-editor-heading{align-items:flex-start;display:flex;gap:14px;min-width:0}.env-editor-heading-icon,.env-section-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 34%,#0000);color:var(--primary-color);display:inline-flex;flex:0 0 auto;justify-content:center}.env-editor-heading-icon{border-radius:10px;height:38px;width:38px}.env-editor-heading-icon svg{height:18px;width:18px}.env-editor-eyebrow{color:var(--primary-color);display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.env-editor-title-row{align-items:center;display:flex;gap:10px}.env-editor-title-row h2{color:var(--text-color);font-size:1.12rem;font-weight:680;margin:0}.env-editor-heading p{color:var(--text-secondary);font-size:.8rem;line-height:1.45;margin:5px 0 0}.env-editor-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 34px;height:34px;justify-content:center;padding:0;width:34px}.env-editor-close:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}.env-editor-close svg{stroke:currentColor;color:currentColor!important;height:17px;margin:0!important;width:17px}.env-editor-form{overflow:hidden}.env-editor-body,.env-editor-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.env-editor-body{background:var(--background-color);gap:16px;overflow-y:auto;padding:22px 24px}.env-editor-error{background:color-mix(in srgb,#dc3545 10%,#0000);background:color-mix(in srgb,var(--error-color,#dc3545) 10%,#0000);border:1px solid color-mix(in srgb,#dc3545 45%,#0000);border:1px solid color-mix(in srgb,var(--error-color,#dc3545) 45%,#0000);border-radius:8px;color:#dc3545;color:var(--error-color,#dc3545);font-size:.82rem;padding:11px 13px}.env-form-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:11px;padding:18px}.env-section-heading,.env-section-heading-main{align-items:flex-start;display:flex;gap:11px;min-width:0}.env-section-heading{margin-bottom:17px}.env-section-heading--split{gap:18px;justify-content:space-between}.env-section-icon{border-radius:8px;height:30px;width:30px}.env-section-icon svg{height:14px;width:14px}.env-section-heading h3{color:var(--text-color);font-size:.9rem;font-weight:650;margin:1px 0 3px}.env-section-heading p{color:var(--text-secondary);font-size:.76rem;line-height:1.45;margin:0}.env-variable-count{background:var(--background-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);flex:0 0 auto;font-size:.7rem;font-weight:600;padding:5px 9px}.env-field-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.env-field{display:flex;flex-direction:column;gap:7px;min-width:0}.env-field label{color:var(--text-secondary);font-size:.69rem;font-weight:680;letter-spacing:.045em;text-transform:uppercase}.env-field label>span:not(.env-optional){color:var(--primary-color)}.env-optional{color:var(--text-muted);font-size:.62rem;font-weight:550;margin-left:5px}.env-field input,.env-field textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.82rem;outline:none;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.env-field input{min-height:40px}.env-field textarea{min-height:82px;resize:vertical}.env-field input:focus,.env-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,#0000)}.env-field input::placeholder,.env-field textarea::placeholder{color:var(--text-muted);opacity:.8}.env-field-hint{color:var(--text-muted);font-size:.68rem}.env-variables-shell{background:var(--background-color);border:1px solid var(--border-color);border-radius:9px;overflow:hidden}.environment-editor-modal .env-variables-shell{background:var(--card-bg);border-color:var(--border-color)}.env-variables-shell .variable-editor{height:auto;min-height:210px}.env-variables-shell .variables-list{min-height:210px}.env-variables-shell .variable-editor .empty-state{box-sizing:border-box;margin:0!important;max-width:none!important;min-height:210px;padding:28px 20px!important;width:100%!important}.env-variables-shell .empty-state-content,.env-variables-shell .variable-editor .empty-state{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important}.env-variables-shell .empty-state-content{margin:0 auto!important;max-width:420px;padding:0!important;width:100%}.env-variables-shell .empty-state-icon{color:var(--primary-color);opacity:.8}.environment-editor-modal .env-variables-shell .empty-state-icon{color:var(--primary-color);opacity:1}.environment-editor-modal .env-variables-shell .empty-state-icon svg{stroke:currentColor;color:currentColor}.env-variables-shell .empty-state-icon svg{height:34px;width:34px}.env-variables-shell .empty-state h3{color:var(--text-color);font-size:.92rem;margin-bottom:6px}.env-variables-shell .empty-state p{color:var(--text-secondary);font-size:.76rem;margin:0 auto 16px;max-width:360px}.env-variables-shell .empty-state-action{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;color:#fff;color:var(--button-text,#fff);font-size:.76rem;font-weight:650;min-height:36px;padding:8px 13px}.environment-editor-modal .env-variables-shell .empty-state-action{background:var(--primary-color);border-color:var(--primary-color);color:var(--button-text)}.environment-editor-modal .env-variables-shell .empty-state-action:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--button-text)}.env-variables-shell .variable-editor .add-variable-form{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;margin:0!important;max-width:none;padding:18px!important;width:100%}.env-variables-shell .add-variable-form .form-section{background:#0000;border:0;border-radius:0;display:flex;flex-direction:column;gap:13px;margin:0;padding:0}.env-variables-shell .add-variable-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(140px,.45fr);margin:0}.env-variables-shell .add-variable-form .input-group{display:flex;flex-direction:column;gap:6px;min-width:0}.env-variables-shell .add-variable-form .input-label{color:var(--text-secondary);font-size:.67rem;font-weight:680;letter-spacing:.045em;margin:0;text-align:left;text-transform:uppercase}.env-variables-shell .add-variable-form .form-input,.env-variables-shell .add-variable-form .form-select{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:.8rem;min-height:40px;padding:9px 11px}.env-variables-shell .add-variable-form .form-input:focus,.env-variables-shell .add-variable-form .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,#0000)}.env-variables-shell .add-variable-form .form-actions{background:#0000!important;border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;gap:8px;justify-content:flex-end;margin:16px 0 0!important;padding:14px 0 0!important;position:static;width:100%}.env-variables-shell .add-variable-form .form-actions button{border-radius:8px!important;font-size:.76rem!important;min-height:36px;min-width:0!important;padding:8px 12px!important;width:auto!important}.env-variables-shell .add-variable-form .add-variable-btn{background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;box-shadow:none!important;color:#fff!important;color:var(--button-text,#fff)!important}.env-variables-shell .add-variable-form .cancel-add-btn{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}.env-editor-footer{align-items:center;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;gap:14px;justify-content:space-between;padding:15px 24px}.env-editor-footer .left-actions,.env-editor-footer .right-actions{align-items:center;display:flex;gap:9px}.env-editor-footer button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:650;gap:7px;justify-content:center;min-height:38px;padding:8px 14px}.env-cancel-button{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color)}.env-cancel-button:hover{background:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.env-save-button{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;color:var(--button-text,#fff)}.env-save-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.env-delete-button{background:#0000;border:1px solid color-mix(in srgb,#dc3545 55%,#0000);border:1px solid color-mix(in srgb,var(--error-color,#dc3545) 55%,#0000);color:#dc3545;color:var(--error-color,#dc3545)}.env-delete-button:hover:not(:disabled){background:color-mix(in srgb,#dc3545 10%,#0000);background:color-mix(in srgb,var(--error-color,#dc3545) 10%,#0000)}.env-editor-footer button:disabled{cursor:not-allowed;opacity:.45}.env-editor-footer button svg{stroke:currentColor;color:currentColor!important;height:14px;margin:0!important;width:14px}@media (max-width:700px){.environment-modal-overlay{padding:10px}.environment-editor-modal{max-height:calc(100svh - 20px)}.env-editor-body,.env-editor-footer,.env-editor-header{padding-left:16px;padding-right:16px}.env-field-grid,.env-variables-shell .add-variable-form .form-row{grid-template-columns:1fr}.env-section-heading--split{align-items:flex-start;flex-direction:column;gap:10px}.env-editor-footer{align-items:stretch;flex-direction:column}.env-editor-footer .left-actions,.env-editor-footer .right-actions{width:100%}.env-editor-footer .right-actions{display:grid;grid-template-columns:1fr 1fr}.env-delete-button{width:100%}}.environment-editor-modal .empty-state-action{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.environment-editor-modal .environment-modal-actions{background:var(--card-bg);border-top-color:var(--border-color);margin-top:18px;padding:16px 24px}.environment-editor-modal .environment-modal-actions button{border-radius:8px;border-radius:var(--radius-sm,8px);font-weight:650;min-height:38px;padding:8px 14px}.environment-editor-modal .cancel-button{background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-color)}.environment-editor-modal .save-button{background:var(--primary-color);box-shadow:none;color:#fff;color:var(--button-text,#fff)}.environment-editor-modal .save-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:none}.environment-editor-modal .environment-modal-actions svg{stroke:currentColor;color:currentColor!important;margin:0!important}.variable-preview-tooltip{background:#2a2a2a;background:var(--card-bg,#2a2a2a);border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-width:400px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}.tooltip-header{align-items:center;background:#ffffff05;border-bottom:1px solid #444;border-bottom:1px solid var(--border-color,#444);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.tooltip-header h4{color:#e6e6e6;color:var(--text-color,#e6e6e6);font-size:.9rem;font-weight:600;margin:0}.tooltip-actions{align-items:center;display:flex;gap:8px}.toggle-values-btn{align-items:center;background:none;border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;padding:4px 6px;transition:all .2s ease}.toggle-values-btn:hover{background:#ffffff0d;border-color:#555;border-color:var(--border-hover,#555);color:#e6e6e6;color:var(--text-color,#e6e6e6)}.close-btn{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:1.2rem;height:20px;padding:0;transition:color .2s ease;width:20px}.close-btn:hover{color:#e6e6e6;color:var(--text-color,#e6e6e6)}.tooltip-content{max-height:200px;overflow-y:auto;padding:12px 16px}.no-variables{color:#888;color:var(--text-muted,#888);font-style:italic;margin:0;padding:8px 0;text-align:center}.variables-list{display:flex;flex-direction:column;gap:6px}.variable-item{align-items:center;background:#ffffff05;border-radius:4px;display:flex;font-family:Monaco,Menlo,monospace;font-family:var(--font-mono,"Monaco","Menlo",monospace);font-size:.8rem;gap:8px;padding:6px 8px}.variable-key{color:#014c75;color:var(--primary-color,#014c75);flex-shrink:0;font-weight:500}.variable-separator{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);flex-shrink:0}.variable-value{color:#e6e6e6;color:var(--text-color,#e6e6e6);flex:1 1;word-break:break-all}.tooltip-footer{background:#ffffff03;border-radius:0 0 8px 8px;border-top:1px solid #444;border-top:1px solid var(--border-color,#444);padding:8px 16px;text-align:center}.tooltip-footer small{color:#888;color:var(--text-muted,#888);font-size:.75rem}.variable-preview-tooltip{animation:tooltipFadeIn .2s ease-out}@media (max-width:768px){.variable-preview-tooltip{left:50%!important;max-height:70vh;max-width:90vw;position:fixed;right:auto!important;top:50%!important;transform:translate(-50%,-50%)}.tooltip-content{max-height:300px}}.collection-variables-manager{background:var(--background-color);box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:clamp(16px,3vw,24px)}.collection-variables-header{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);display:flex;justify-content:space-between;margin-bottom:0;padding:18px clamp(20px,3vw,32px)}.header-title{align-items:center;gap:10px}.collection-variables-manager .header-icon{color:#014c75;color:var(--primary-color,#014c75);font-size:20px}.header-title h3{color:#333;color:var(--text-color,#333);font-size:20px;font-weight:600;margin:0}.saving-indicator{animation:pulse 1.5s infinite;color:#f59e0b;color:var(--warning-color,#f59e0b);font-size:14px;font-weight:500}.save-success{animation:fadeInOut 2s ease;color:var(--success-color,#10b981);font-size:14px;font-weight:500}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-5px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.collection-info{align-items:center;display:flex}.collection-name{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);font-size:.8rem;font-weight:550;padding:6px 12px}.collection-variables-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px}.loading-spinner{border:3px solid #e1e4e8;border-top:3px solid #014c75;border:3px solid var(--border-color,#e1e4e8);margin-bottom:15px}.error-message{background:#fef2f2;background:var(--danger-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-border,#fecaca);border-radius:6px;color:#dc2626;color:var(--danger-text,#dc2626);justify-content:space-between;margin-bottom:20px;padding:15px}.retry-button{background:#dc3545;background:var(--danger-color,#dc3545);border-radius:4px;font-size:12px;padding:6px 12px;transition:background-color .2s}.retry-button:hover:not(:disabled){background:#c82333;background:var(--danger-hover,#c82333)}.retry-button:disabled{cursor:not-allowed;opacity:.6}.variables-description{all:unset;margin-bottom:25px}.info-box{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);display:flex;gap:15px;padding:20px}.info-icon{flex-shrink:0;font-size:20px;margin-top:2px}.info-content h4,.info-icon{color:#014c75;color:var(--primary-color,#014c75)}.info-content h4{font-size:16px;font-weight:600;margin:0 0 8px}.info-content p{color:#333;color:var(--text-color,#333);font-size:14px;line-height:1.5;margin:0 0 12px}.precedence-order{background:color-mix(in srgb,var(--primary-color) 10%,var(--background-color));border-left:3px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--primary-color);font-size:13px;padding:8px 12px}.variables-content{flex:1 1;min-height:0}.header-actions{gap:16px}.view-mode-toggle{background:var(--background-color);border-radius:12px;border-radius:var(--radius-md,12px);gap:4px;padding:4px}.mode-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;font-weight:550;gap:6px;padding:8px 12px;transition:all .12s ease}.mode-btn:hover:not(.active){background:var(--hover-bg);color:var(--text-color)}.mode-btn.active{background:var(--primary-color);box-shadow:none;color:#fff;color:var(--button-text,#fff)}[data-theme=dark] .collection-variables-manager,body.dark-theme .collection-variables-manager{background:#002234;background:var(--card-bg,#002234);color:#e0e0e0;color:var(--text-color,#e0e0e0)}[data-theme=dark] .collection-variables-header,body.dark-theme .collection-variables-header{border-bottom-color:#003956;border-bottom-color:var(--border-color,#003956)}[data-theme=dark] .header-title h3,body.dark-theme .header-title h3{color:#e0e0e0;color:var(--text-color,#e0e0e0)}[data-theme=dark] .collection-variables-manager .header-icon,body.dark-theme .collection-variables-manager .header-icon{color:#014c75;color:var(--text-color,#014c75)}[data-theme=dark] .collection-name,body.dark-theme .collection-name{background:#00111a;background:var(--background-color,#00111a);border-color:#003956;border-color:var(--border-color,#003956);color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}[data-theme=dark] .loading-spinner,body.dark-theme .loading-spinner{border:3px solid #003956;border-top:3px solid #014c75;border:3px solid var(--border-color,#003956);border-top-color:var(--primary-color,#014c75)}[data-theme=dark] .info-box,body.dark-theme .info-box{background:linear-gradient(135deg,#00111a,#002234);background:linear-gradient(135deg,var(--background-color,#00111a) 0,var(--card-bg,#002234) 100%);border-color:#003956;border-color:var(--border-color,#003956)}[data-theme=dark] .info-content h4,body.dark-theme .info-content h4{color:#014c75;color:var(--primary-color,#014c75)}[data-theme=dark] .info-content p,body.dark-theme .info-content p{color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}[data-theme=dark] .precedence-order,body.dark-theme .precedence-order{background:#014c7533;border-left-color:#014c75;border-left-color:var(--primary-color,#014c75);color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}[data-theme=dark] .error-message,body.dark-theme .error-message{background:#2d1117;background:var(--danger-bg,#2d1117);border-color:#5d1a1d;border-color:var(--danger-border,#5d1a1d);color:#fca5a5;color:var(--danger-text,#fca5a5)}[data-theme=dark] .save-success,body.dark-theme .save-success{color:#10b981;color:var(--success-color,#10b981)}[data-theme=dark] .saving-indicator,body.dark-theme .saving-indicator{color:#f59e0b;color:var(--warning-color,#f59e0b)}.canvas-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--designer-card);border:1px solid var(--designer-border);border-radius:8px;box-shadow:var(--designer-shadow-md);padding:6px;position:absolute;right:16px;top:16px;z-index:100}.canvas-controls,.controls-group{align-items:center;display:flex}.controls-divider{background-color:var(--designer-border);height:24px;margin:0 6px;width:1px}.canvas-controls .control-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--designer-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0!important;position:relative;transition:all .15s ease;width:32px}.control-btn:hover{background:var(--designer-primary);color:#fff;filter:brightness(1.1)}.control-btn:active{filter:none}.control-btn.active{background:color-mix(in srgb,var(--designer-primary) 15%,#0000);color:var(--designer-primary)}.control-btn.disabled,.control-btn[disabled]{cursor:not-allowed;opacity:.4;pointer-events:none}.control-btn:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--designer-primary) 40%,#0000);outline:none}.control-btn .icon{height:16px;width:16px}.zoom-indicator{align-items:center;background:var(--designer-component-bg);border-radius:4px;color:var(--designer-text-secondary);display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:52px;padding:0 8px;position:relative;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.zoom-indicator:hover{background:var(--designer-border-light)}.zoom-value{font-feature-settings:"tnum";color:var(--designer-text-primary);font-variant-numeric:tabular-nums}.control-btn:after{background:#21252b;border:1px solid #ffffff0d;border-radius:4px;bottom:-36px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(title);font-size:11px;left:50%;letter-spacing:.3px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(8px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.control-btn:hover:after{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.control-btn.disabled:after,.control-btn[disabled]:after{display:none}@media (max-width:768px){.canvas-controls{flex-wrap:wrap;justify-content:center;width:calc(100% - 32px)}.controls-divider{display:none}.controls-group{margin:4px 0}}.canvas-controls::-webkit-scrollbar{height:6px;width:6px}.canvas-controls::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.canvas-controls::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.canvas-controls::-webkit-scrollbar-thumb:hover{background-color:#fff3}.endpoint-node-modern{border-radius:8px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:visible;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.node-card-outer{background-color:#21252b;background-color:var(--card-bg,#21252b);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;box-shadow:0 4px 16px #0003;transition:all .2s ease}.endpoint-node-modern:hover .node-card-outer{border-color:#fff3;border-color:var(--primary-color,#fff3);box-shadow:0 6px 18px #00000040;transform:translateY(-2px)}.endpoint-node-modern.selected .node-card-outer{border-color:var(--primary-color);box-shadow:0 8px 20px #0000004d;outline:2px solid var(--primary-color)}.endpoint-node-modern.dragging .node-card-outer{box-shadow:0 12px 24px #0006;transform:scale(1.02);z-index:1000}.node-card-header{background:#ffffff08;background:var(--header-bg,#ffffff08);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-color,#ffffff0d)}.endpoint-details{flex-grow:1;overflow:hidden;padding:12px}.http-method{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;min-width:40px;padding:2px 6px;text-transform:uppercase}.http-method.get{background:#10b981e6;color:#fff}.http-method.post{background:#4f46e5e6;color:#fff}.http-method.put{background:#f59e0be6;color:#fff}.http-method.delete{background:#ef4444e6;color:#fff}.http-method.patch{background:#9333eae6;color:#fff}.endpoint-path{color:#e1e5e9;color:var(--text-secondary,#e1e5e9);font-family:SF Mono,Roboto Mono,monospace;margin-left:8px;max-width:180px}.endpoint-title-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.endpoint-title-text{color:#e2e8f0;color:var(--text-primary,#e2e8f0);flex:1 1;font-size:13px;font-weight:600}.endpoint-path-row{align-items:center;color:#a0aec0;color:var(--text-secondary,#a0aec0);display:flex;font-family:SF Mono,Roboto Mono,monospace;font-size:12px;gap:8px}.path-text{flex:1 1;line-height:1.3;word-break:break-all}.endpoint-summary{color:#718096;color:var(--text-muted,#718096);font-size:11px;line-height:1.3;margin-top:4px}.endpoint-node-modern.selected{outline:2px solid var(--primary-color)}.endpoint-node-modern.drag-over{background:#60a5fa1a;background:rgba(var(--primary-color-rgb,96,165,250),.1);border:1px dashed var(--primary-color)}@media (max-width:1200px){.endpoint-node-modern{max-width:300px;min-width:260px}}@media (max-width:768px){.endpoint-node-modern{max-width:250px;min-width:180px}.endpoint-details,.node-card-header{padding:10px 12px}.http-method{font-size:9px;min-width:35px;padding:2px 4px}.endpoint-path{font-size:11px;max-width:140px}}.endpoint-node-modern:focus{border-color:#014c75;border-color:var(--focus-color,#014c75);box-shadow:0 0 0 2px #5865f24d;outline:none}.endpoint-node-modern:focus-visible{outline:2px solid #014c75;outline:2px solid var(--focus-color,#014c75);outline-offset:2px}.endpoint-node-modern.appear{animation:nodeAppear .3s ease-out}.endpoint-node-modern.disappear{animation:nodeDisappear .2s ease-in forwards}.endpoint-node-modern.deleting,.endpoint-node-modern.deleting *{animation:none!important;transition:none!important}.schema-node-modern{background:#1a1a1a;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;isolation:isolate;max-width:320px;min-width:280px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.schema-node-modern:hover{border-color:#444;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.schema-node-modern.selected{border-color:#014c75;box-shadow:0 0 0 2px #014c7533}.schema-node-modern.dragging{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#1a1a1a;box-shadow:0 8px 20px #0000004d;opacity:1;transform:rotate(1deg) scale(1.02);z-index:1000}.schema-node-modern .node-content{padding:0}.schema-node-modern .node-header{align-items:center;background:#252525;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:12px}.schema-node-modern .schema-icon{align-items:center;background:#333;border-radius:4px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.schema-node-modern .node-info{flex:1 1;min-width:0;padding:0 10px}.schema-node-modern .node-title{color:#fff;font-size:14px;font-weight:600;line-height:1.2;margin:0 0 4px}.schema-node-modern .node-description{color:#aaa;font-size:12px;line-height:1.3;margin:0}.schema-node-modern .node-controls{align-items:center;display:flex;gap:4px}.schema-node-modern .control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.schema-node-modern .control-btn:hover{background:#fff3;color:#fff}.schema-node-modern .node-body{padding:12px}.schema-node-modern .schema-details{align-items:center;display:flex;gap:12px;justify-content:space-between}.schema-node-modern .type-tag{background:#014c75;font-size:11px;font-weight:600;justify-content:center;padding:4px 10px}.schema-node-modern .status-badge,.schema-node-modern .type-tag{align-items:center;border-radius:4px;color:#fff;display:inline-flex;letter-spacing:.5px;text-transform:uppercase}.schema-node-modern .status-badge{background:#ffffff1a;font-size:10px;font-weight:700;padding:3px 8px}.schema-node-modern .selection-outline{animation:selectionPulse 2s infinite;border:1px dashed #014c75;border-radius:9px;bottom:-2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}@media (max-width:1200px){.schema-node-modern{max-width:300px;min-width:260px}}.schema-node-modern:focus{border-color:#9333ea;box-shadow:0 0 0 2px #9333ea4d;outline:none}.schema-node-modern:focus-visible{outline:2px solid #9333ea;outline-offset:2px}.schema-node-modern .connection-dot{border-color:#1a1a1a}.schema-node-modern.appear{animation:nodeAppear .3s ease-out}.schema-node-modern.disappear{animation:nodeDisappear .2s ease-in forwards}.schema-node-modern .node-card-outer{display:flex;flex-direction:column;height:100%;width:100%}.schema-node-modern .node-card-header{align-items:center;background:#252525;border-bottom:1px solid #333;display:flex;padding:12px}.schema-node-modern .node-card-icon{align-items:center;display:flex;justify-content:center;margin-right:8px}.schema-node-modern .icon-bg{align-items:center;background:#333;border-radius:4px;color:#4a9cd1;display:flex;height:24px;justify-content:center;width:24px}.schema-node-modern .node-card-type-badge{color:#aaa;font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:auto;text-transform:uppercase}.schema-node-modern .node-card-status{background:#014c7533;border-radius:4px;color:#4a9cd1;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.schema-node-modern .node-card-content{flex-grow:1;overflow:hidden;padding:12px}.schema-node-modern .node-card-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-node-modern .node-card-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.schema-node-modern .node-card-children{background-color:#1a1a1a;margin:0;overflow:hidden;padding:0}.resource-node-modern{background:#1a1a1a;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;isolation:isolate;max-width:320px;min-width:280px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.resource-node-modern:hover{border-color:#ff6c37;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.resource-node-modern.selected{border-color:#ff6c37;box-shadow:0 0 0 2px #ff6c3733}.resource-node-modern.dragging{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#1a1a1a;box-shadow:0 8px 20px #0000004d;opacity:1;transform:rotate(1deg) scale(1.02);z-index:1000}.resource-node-modern .selection-outline{animation:selectionPulse 2s infinite;border:1px dashed #ff6c37;border-radius:9px;bottom:-2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}@media (max-width:1200px){.resource-node-modern{max-width:300px;min-width:260px}}.resource-node-modern:focus{border-color:#ff6c37;box-shadow:0 0 0 2px #ff6c3733;outline:none}.resource-node-modern:focus-visible{outline:2px solid #ff6c37;outline-offset:2px}.resource-node-modern .connection-dot{border-color:#1a1a1a}.resource-node-modern.appear{animation:nodeAppear .3s ease-out}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.resource-node-modern.disappear{animation:nodeDisappear .2s ease-in forwards}@keyframes nodeDisappear{to{opacity:0;transform:scale(.8)}}.resource-node-modern .node-card-outer{display:flex;flex-direction:column;height:100%;width:100%}.resource-node-modern .node-card-header{align-items:center;background:#252525;border-bottom:1px solid #333;display:flex;padding:12px}.resource-node-modern .node-card-icon{align-items:center;display:flex;justify-content:center;margin-right:8px}.resource-node-modern .icon-bg{align-items:center;background:#333;border-radius:4px;color:#ff6c37;display:flex;height:24px;justify-content:center;width:24px}.resource-node-modern .node-card-type-badge{color:#aaa;font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:auto;text-transform:uppercase}.resource-node-modern .node-card-status{background:#ff6c3733;border-radius:4px;color:#ff6c37;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.resource-node-modern .node-card-content{flex-grow:1;overflow:hidden;padding:12px}.resource-node-modern .node-card-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-node-modern .node-card-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.resource-node-modern .node-card-children{background-color:#1a1a1a;margin:0;overflow:hidden;padding:0}.enhanced-node{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:10px;border-radius:var(--designer-radius,10px);box-shadow:var(--designer-shadow-md);font-family:inherit;isolation:isolate;max-width:320px;min-width:280px;transition:border-color .15s ease,box-shadow .15s ease}.enhanced-node:hover{border-color:var(--designer-primary);box-shadow:var(--designer-shadow-hover)}.enhanced-node.selected{border-color:var(--designer-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--designer-primary) 40%,#0000)}.selection-outline{border-radius:8px;bottom:-1px;left:-1px;right:-1px;top:-1px;z-index:10}.enhanced-node.dragging{background:var(--designer-card);box-shadow:var(--designer-shadow-hover);opacity:1;z-index:1000}.enhanced-node-header{background:var(--designer-component-bg);border-bottom:1px solid var(--designer-border);padding:12px}.node-icon-container{background:color-mix(in srgb,var(--designer-primary) 15%,#0000);border-radius:6px;color:var(--designer-primary)}.node-type-badge{color:var(--designer-text-secondary);letter-spacing:.12em;margin-right:auto}.node-delete-btn{background:#ffffff1a;border:none;color:#f87171;height:24px;width:24px}.enhanced-node-content{background:var(--designer-card);flex-grow:1;padding:12px}.node-card-children{background-color:var(--designer-card)!important;overflow:hidden}.node-card-children,.node-card-content{isolation:isolate;position:relative;z-index:1}.node-card-content{background-color:var(--designer-card);flex-grow:1;padding:12px}.endpoint-node-modern.dragging .node-card-children,.enhanced-node.dragging .node-card-children,.resource-node-modern.dragging .node-card-children,.schema-node-modern.dragging .node-card-children{background-color:var(--designer-card)!important;opacity:1}.node-card-outer{background-color:var(--designer-card)!important;isolation:isolate;overflow:hidden;position:relative;z-index:1}.enhanced-node .node-title{font-size:14px}.enhanced-node .node-description{font-size:12px}.enhanced-node .selection-indicator{background:#014c75;height:100%;left:0;opacity:1;position:absolute;top:0;width:3px}.endpoint-node-modern.info-node{border-color:#67e8f9}.endpoint-node-modern.info-node:hover{border-color:#06b6d4}.endpoint-node-modern.info-node .icon-bg{color:#06b6d4}.endpoint-node-modern.info-node .node-card-status{background:#06b6d433;color:#06b6d4}.endpoint-node-modern.security-node{border-color:#fca5a5}.endpoint-node-modern.security-node:hover{border-color:#ef4444}.endpoint-node-modern.security-node .node-card-content{background:#ef44440d}.endpoint-node-modern.security-node .icon-bg{color:#ef4444}.endpoint-node-modern.security-node .node-card-status{background:#ef444433;color:#ef4444}.endpoint-node-modern.parameter-node{border-color:#fcd34d}.endpoint-node-modern.parameter-node:hover{border-color:#014c75}.endpoint-node-modern.parameter-node .node-card-content{background:#f59e0b0d}.endpoint-node-modern.parameter-node .icon-bg{color:#014c75}.endpoint-node-modern.parameter-node .node-card-status{background:#f59e0b33;color:#014c75}.endpoint-node-modern.tag-node{border-color:#bef264}.endpoint-node-modern.tag-node:hover{border-color:#84cc16}.endpoint-node-modern.tag-node .node-card-content{background:#84cc160d}.endpoint-node-modern.tag-node .icon-bg{color:#84cc16}.endpoint-node-modern.tag-node .node-card-status{background:#84cc1633;color:#84cc16}.method-badge{align-items:center;color:#fff;display:inline-flex;justify-content:center;margin-right:8px;padding:3px 8px}.method-badge.get{background:#0ea5e933;color:#38bdf8}.method-badge.post{background:#22c55e33;color:#4ade80}.method-badge.put{background:#f59e0b33;color:#fcd34d}.method-badge.delete{background:#ef444433;color:#f87171}.method-badge.patch{background:#8b5cf633;color:#e5f3ff}.endpoint-path{font-family:var(--tester-mono,"Monaco","Menlo",monospace);font-size:12px}.endpoint-details{margin-top:8px}.schema-details{margin-top:6px}.schema-type{background:#8b5cf61a;border-radius:4px;color:#e5f3ff;display:inline-block;font-size:11px;padding:2px 6px}.node-card-outer{display:flex;flex-direction:column;height:100%;width:100%}.node-card-header{background-color:var(--designer-component-bg);border-bottom:1px solid var(--designer-border);isolation:isolate;padding:12px;position:relative;z-index:1}.node-card-icon{align-items:center;display:flex;justify-content:center}.icon-bg{background:color-mix(in srgb,var(--designer-primary) 15%,#0000);border-radius:6px;color:var(--designer-primary);height:24px;width:24px}.node-card-type-badge{color:var(--designer-text-secondary);font-size:.66rem;letter-spacing:.12em;margin-right:auto}.node-card-status,.node-card-type-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);text-transform:uppercase}.node-card-status{background:color-mix(in srgb,var(--designer-primary) 12%,#0000);border:1px solid color-mix(in srgb,var(--designer-primary) 25%,var(--designer-border));border-radius:999px;color:var(--designer-primary);font-size:.62rem;font-weight:600;letter-spacing:.06em;padding:3px 8px}.node-card-title{color:var(--designer-text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.node-card-desc{color:var(--designer-text-secondary);font-size:12px;line-height:1.4}.selection-outline{animation:selectionPulse 2s infinite;border:1px dashed var(--designer-primary);border-radius:9px;bottom:-2px;left:-2px;right:-2px;top:-2px}@keyframes selectionPulse{0%,to{opacity:.4}50%{opacity:.7}}.endpoint-node-modern .node-card-title,.endpoint-node-modern .node-title,.enhanced-node .node-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-node-modern .node-card-desc,.endpoint-node-modern .node-description,.enhanced-node .node-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.endpoint-node-modern .node-card-content,.enhanced-node-content,.resource-node-modern .node-card-content,.schema-node-modern .node-card-content{overflow:hidden}.endpoint-node-modern .node-card-children,.resource-node-modern .node-card-children,.schema-node-modern .node-card-children{background-color:var(--designer-card)!important;overflow:hidden}.endpoint-node-modern,.enhanced-node,.resource-node-modern,.schema-node-modern{background-color:var(--designer-card)!important}.endpoint-node-modern.dragging,.enhanced-node.dragging,.resource-node-modern.dragging,.schema-node-modern.dragging{background-color:var(--designer-card)!important;isolation:isolate}.canvas-empty-state{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:none;bottom:0;display:flex;justify-content:center;left:0;min-height:420px;position:absolute;right:0;top:0;width:100%;z-index:2}.empty-state-content{align-items:center;animation:fadeIn .5s cubic-bezier(.4,0,.2,1);background:var(--designer-card);border:1.5px solid var(--designer-border);border-radius:var(--designer-radius-lg);box-shadow:var(--designer-shadow-md);display:flex;flex-direction:column;margin:0 auto;max-width:420px;min-width:340px;padding:40px 36px 32px}.empty-state-icon{margin-bottom:18px}.empty-state-icon-bg{align-items:center;background:var(--designer-primary-light);border-radius:16px;box-shadow:0 2px 8px #014c7514;color:var(--designer-primary);display:flex;height:64px;justify-content:center;width:64px}.empty-state-title{color:var(--designer-text-primary);font-size:22px;font-weight:600;margin-bottom:8px;text-align:center}.empty-state-desc{color:var(--designer-text-secondary);font-size:15px;margin-bottom:28px;max-width:320px;text-align:center}.quick-actions{display:flex;gap:16px;margin-top:4px}.quick-action-btn{align-items:center;background:var(--designer-primary);border:none;border-radius:var(--designer-radius-sm);box-shadow:0 1px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:4px;outline:none;padding:10px 18px;transition:background .18s,box-shadow .18s,transform .13s}.quick-action-btn:focus,.quick-action-btn:hover{background:var(--designer-primary-hover);box-shadow:0 2px 8px #014c7526;transform:translateY(-2px) scale(1.03)}.quick-action-btn:active{background:var(--designer-primary);box-shadow:0 1px 2px #014c7514;transform:scale(.98)}@media (max-width:1400px){.workspace-left:not(.collapsed){min-width:240px;width:240px}.workspace-right:not(.collapsed){min-width:280px;width:280px}}@media (max-width:1100px){.workspace-left:not(.collapsed){min-width:220px;width:220px}.workspace-right:not(.collapsed){min-width:260px;width:260px}}.visual-api-designer{--designer-connector:#38bdf8;background:var(--designer-bg);color:var(--designer-text-primary);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-base);height:100%;line-height:var(--line-height)}.visual-api-designer.transitioning{opacity:.9}.mode-transition-loading{align-items:center;background:var(--designer-bg);bottom:0;color:var(--designer-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;min-height:400px;position:absolute;right:0;top:0;z-index:1000}.mode-transition-loading .loading-spinner{animation:spin 1s linear infinite;border-radius:50%;border-top:3px solid var(--designer-border-light);border:3px solid var(--designer-border-light);border-top-color:var(--designer-primary);height:32px;margin-bottom:16px;width:32px}.mode-transition-loading p{color:var(--designer-text-muted);font-size:16px;font-weight:500;margin:0}.flexible-canvas{background:var(--designer-canvas-bg);height:100%;min-height:600px;overflow:hidden;position:relative;width:100%}.flexible-canvas .canvas-grid{background-image:linear-gradient(var(--designer-grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--designer-grid-line) 1px,#0000 1px);background-size:20px 20px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.positioned-node{contain:layout style paint;cursor:move;height:120px;min-height:120px;min-width:200px;pointer-events:all;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:200px;will-change:transform}.positioned-node:hover{transform:translate(-50%,-50%) scale(1.02);z-index:5!important}.positioned-node.selected{border:2px solid var(--designer-primary)!important;transform:translate(-50%,-50%) scale(1.05)}.positioned-node.selected .node-element{border-color:var(--designer-primary)!important}.positioned-node.dragging{contain:layout style paint;cursor:grabbing!important;filter:drop-shadow(0 8px 25px rgba(0,0,0,.5));opacity:.9;transition:none!important;will-change:transform,opacity;z-index:1000!important}.positioned-node.dragging *{cursor:grabbing!important}.positioned-node.deleting,.positioned-node.deleting *{animation:none!important;transition:none!important}.loading-canvas{align-items:center;background:var(--designer-bg);border:2px dashed var(--designer-border);border-radius:8px;color:var(--designer-text-secondary);display:flex;font-size:16px;height:400px;justify-content:center;margin:20px}.drag-handle{color:#fff9;font-size:12px;transition:opacity .2s ease}.drag-handle:hover{background:#fff3!important;cursor:grab!important;opacity:1!important}.drag-handle:active{cursor:grabbing!important}.resize-handles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.resize-handle{background:#014c75cc;border:1px solid #ffffff4d;border-radius:2px;opacity:0;pointer-events:auto;position:absolute;transition:opacity .2s ease,background-color .2s ease;z-index:15}.resize-handle.resize-nw{cursor:nw-resize;height:8px;left:-4px;top:-4px;width:8px}.resize-handle.resize-ne{cursor:ne-resize;height:8px;right:-4px;top:-4px;width:8px}.resize-handle.resize-sw{bottom:-4px;cursor:sw-resize;height:8px;left:-4px;width:8px}.resize-handle.resize-se{bottom:-4px;cursor:se-resize;height:8px;right:-4px;width:8px}.resize-handle.resize-n{cursor:n-resize;top:-4px}.resize-handle.resize-n,.resize-handle.resize-s{height:8px;left:50%;transform:translateX(-50%);width:20px}.resize-handle.resize-s{bottom:-4px;cursor:s-resize}.resize-handle.resize-e{cursor:e-resize;right:-4px}.resize-handle.resize-e,.resize-handle.resize-w{height:20px;top:50%;transform:translateY(-50%);width:8px}.resize-handle.resize-w{cursor:w-resize;left:-4px}.positioned-node.resizing{border:2px dashed #014c75cc;box-shadow:0 0 20px #014c7580}.positioned-node.resizing .resize-handle{background:#014c75;box-shadow:0 0 8px #014c7599}.positioned-node .node-element{background:var(--designer-component-bg);border:2px solid var(--designer-border);border-radius:var(--designer-radius);box-shadow:var(--designer-shadow-md);color:var(--designer-text-primary);max-width:240px;min-width:160px;padding:16px}.positioned-node.selected .node-element{border-color:var(--designer-primary);box-shadow:var(--designer-shadow-lg)}.positioned-node.info-node .node-element{background:linear-gradient(135deg,#014c75,#013b5b);border-color:#014c75}.positioned-node.endpoint-node .node-element{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669}.positioned-node.schema-node .node-element{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626}.flexible-node{position:relative;-webkit-user-select:none;user-select:none}.flexible-node .node-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.flexible-node .node-type-badge{align-self:flex-start;background:#ffffff1a;border-radius:4px;color:#fffc;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.flexible-node .node-title{color:#fff;font-size:14px;font-weight:600;line-height:1.3}.flexible-node .node-description{color:#ffffffb3;font-size:12px;line-height:1.4;margin-bottom:8px}.flexible-node .node-actions{opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.flexible-node:hover .node-actions{opacity:1}.flexible-node .node-action-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.flexible-node .node-action-btn:hover{background:#fff3}.flexible-node .node-action-btn.delete:hover{background:#ef4444}.flexible-node.info-type .node-type-badge{background:#014c754d;color:#014c75}.flexible-node.endpoint-type .node-type-badge{background:#10b9814d;color:#10b981}.flexible-node.schema-type .node-type-badge{background:#ef44444d;color:#ef4444}.enhanced-node{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--designer-component-bg);background:var(--node-bg-color,var(--designer-component-bg));border:1px solid var(--node-border-color,var(--designer-border));border-radius:8px;box-shadow:0 1px 3px #0000001a;color:var(--designer-text-primary);cursor:pointer;display:flex;flex-direction:column;height:100%;min-width:120px;overflow:hidden;padding:0;pointer-events:auto;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%}.enhanced-node:hover{border-color:var(--node-color,var(--designer-primary));box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.positioned-node .endpoint-node-modern,.positioned-node .resource-node-modern,.positioned-node .schema-node-modern{height:100%;left:0;min-height:120px;min-width:280px;position:absolute;top:0;width:100%}.canvas-node .endpoint-node-modern,.canvas-node .resource-node-modern,.canvas-node .schema-node-modern{cursor:grab;pointer-events:auto}.canvas-node.dragging .endpoint-node-modern,.canvas-node.dragging .resource-node-modern,.canvas-node.dragging .schema-node-modern{cursor:grabbing}.enhanced-node.selected{border-color:var(--node-color,var(--designer-primary))}.enhanced-node-header{align-items:center;background:var(--designer-primary);background:var(--node-color,var(--designer-primary));border-bottom:none;display:flex;justify-content:space-between;padding:8px 12px;position:relative}.node-icon-container{align-items:center;background:#fff3;border-radius:4px;color:#fff;display:flex;height:24px;justify-content:center;margin-right:8px;width:24px}.node-type-badge{color:#fff;flex:1 1;letter-spacing:.5px}.node-delete-btn{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.node-delete-btn:hover{background:#ef44444d;color:#fff}.enhanced-node-content{background:var(--designer-component-bg);background:var(--node-bg-color,var(--designer-component-bg));display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:10px 12px}.enhanced-node .node-title{color:var(--designer-text-primary);font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px;word-break:break-word}.enhanced-node .node-description{color:var(--designer-text-secondary);font-size:11px;line-height:1.4;margin-top:6px;opacity:.8}.endpoint-details{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.method-badge{border:1px solid;border-radius:3px;font-size:9px;letter-spacing:.3px;padding:2px 6px}.method-badge.get{background:#10b98126;border-color:#10b9814d;color:#10b981}.method-badge.post{background:#014c7526;border-color:#014c754d;color:#014c75}.method-badge.put{background:#f59e0b26;border-color:#f59e0b4d;color:#014c75}.method-badge.delete{background:#ef444426;border-color:#ef44444d;color:#ef4444}.method-badge.patch{background:#014c7526;border-color:#014c754d;color:#014c75}.endpoint-path{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;color:var(--designer-text-secondary);font-family:JetBrains Mono,Monaco,Cascadia Code,monospace;font-size:10px;padding:1px 4px}.schema-details{margin:6px 0}.schema-type{font-size:10px;letter-spacing:.3px;text-transform:uppercase}.selection-indicator{background:var(--designer-primary);background:var(--node-color,var(--designer-primary));border-radius:1px 0 0 1px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.enhanced-node.selected .selection-indicator{opacity:1}.node-status{display:flex;flex-direction:column;gap:4px;pointer-events:none;position:absolute;right:8px;top:8px}.status-badge{border-radius:8px;font-size:8px;letter-spacing:.2px;padding:1px 4px}.status-badge.deprecated{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.status-badge.snapped{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.enhanced-node.endpoint-node{--node-color:#10b981;--node-bg-color:#f0fdf4;--node-border-color:#22c55e}.enhanced-node.resource-node{--node-color:#014c75;--node-bg-color:#e5f3ff;--node-border-color:#013b5b}.enhanced-node.schema-node{--node-color:#ef4444;--node-bg-color:#fef2f2;--node-border-color:#dc2626}.enhanced-node.parameter-node{--node-color:#f59e0b;--node-bg-color:#fffbeb;--node-border-color:#d97706}.enhanced-node.security-node{--node-color:#8b5cf6;--node-bg-color:#f5f3ff;--node-border-color:#7c3aed}.enhanced-node.info-node{--node-color:#014c75;--node-bg-color:#e5f3ff;--node-border-color:#013b5b}.enhanced-node.tag-node{--node-color:#6b7280;--node-bg-color:#f9fafb;--node-border-color:#9ca3af}.enhanced-node{--node-bg-color:color-mix(in srgb,var(--designer-component-bg) 80%,var(--node-bg-color,#0000) 20%)}.enhanced-node-content{background:var(--node-bg-color)}.drag-over-indicator{align-items:center;animation:pulse 1s ease-in-out infinite;background:var(--designer-primary);border-radius:var(--designer-radius);box-shadow:var(--designer-shadow-lg);color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;pointer-events:none}.flexible-canvas.drag-over{background:#014c750d}.flexible-canvas.drag-over .canvas-grid{background-image:linear-gradient(var(--designer-primary) 1px,#0000 1px),linear-gradient(90deg,var(--designer-primary) 1px,#0000 1px);opacity:.3}.visual-designer-toolbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--designer-canvas-bg);border-bottom:1px solid var(--designer-border);box-shadow:var(--designer-shadow);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.toolbar-left{gap:20px}.toolbar-left,.toolbar-right{align-items:center;display:flex}.toolbar-right{gap:16px}.toolbar-group{align-items:center;border-right:1px solid var(--designer-border-light);display:flex;gap:12px;padding:0 12px}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-btn{align-items:center;background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:var(--designer-primary);border-color:var(--designer-primary);color:#fff;filter:brightness(1.1)}.toolbar-btn:active:not(:disabled){filter:none}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.toolbar-btn.success{background:var(--designer-success-light);border-color:var(--designer-success);color:var(--designer-success)}.toolbar-btn.success:hover:not(:disabled){background:var(--designer-success);color:#fff}.toolbar-btn.error{background:var(--designer-error-light);border-color:var(--designer-error);color:var(--designer-error)}.toolbar-btn.error:hover:not(:disabled){background:var(--designer-error);color:#fff}.view-mode-toggle{background:var(--designer-border-light);border:1px solid var(--designer-border);border-radius:var(--designer-radius)}.toggle-btn{align-items:center;background:#0000;border:none;color:var(--designer-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:10px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-btn.active{background:var(--designer-primary);box-shadow:var(--designer-shadow);color:#fff;color:var(--button-text,#fff)}.toggle-btn.active:hover:not(:disabled){filter:brightness(1.1)}.toggle-btn:hover:not(.active){background:var(--designer-primary-light);color:var(--designer-primary)}.toggle-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.toggle-btn:disabled:hover{background:#0000;color:var(--designer-text-secondary)}.visual-designer-toolbar .toolbar-left{background:var(--designer-border-light);border:1px solid var(--designer-border);border-radius:var(--designer-radius);gap:0;overflow:hidden;padding:0}.visual-designer-toolbar .toolbar-left .toolbar-group{border-right:1px solid var(--designer-border);gap:0;padding:0}.visual-designer-toolbar .toolbar-left .toolbar-group:last-child{border-right:none}.visual-designer-toolbar .toolbar-left .toolbar-btn{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--designer-text-secondary);font-weight:500;min-height:40px;padding:10px 18px;position:relative;transition:background .18s,color .18s}.visual-designer-toolbar .toolbar-left .toolbar-btn+.toolbar-btn{box-shadow:inset 1px 0 0 0 var(--designer-border)}.visual-designer-toolbar .toolbar-left .toolbar-btn:hover:not(:disabled){background:var(--designer-primary-light);color:var(--designer-primary);transform:none}.visual-designer-toolbar .toolbar-left .toolbar-btn:disabled{opacity:.35}.visual-designer-toolbar .toolbar-left .toolbar-btn-primary{background:var(--designer-primary)!important;border-color:var(--border-color)!important;box-shadow:0 0 0 1px var(--designer-primary)!important;color:#fff!important;font-weight:600;letter-spacing:.3px}.visual-designer-toolbar .toolbar-left .toolbar-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.visual-designer-toolbar .toolbar-left .toolbar-btn:focus-visible{outline:2px solid var(--designer-primary);outline-offset:-2px}.visual-designer-toolbar .toolbar-left label.toolbar-btn{cursor:pointer}@media (max-width:900px){.visual-designer-toolbar .toolbar-left{border-radius:var(--designer-radius-sm)}.visual-designer-toolbar .toolbar-left .toolbar-btn{font-size:13px;padding:8px 14px}}.designer-content{flex:1 1;flex-direction:column}.designer-content,.designer-content>.diff-container{display:flex;min-height:0;min-width:0;overflow:hidden;width:100%}.designer-content>.diff-container{flex:1 1;height:100%}.diff-container>.contract-diff-viewer{flex:1 1;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.design-workspace{background:var(--designer-bg);display:flex;flex:1 1;min-height:0;overflow:hidden}.workspace-left{background:var(--designer-card);border-right:1px solid var(--designer-border);display:flex;flex-direction:column;max-width:320px;min-width:260px;position:relative;transition:width .3s ease,min-width .3s ease;width:280px}.workspace-left:hover .sidebar-toggle,.workspace-right:hover .sidebar-toggle{opacity:1}.workspace-left.collapsed{background-color:rgba(var(--designer-card-rgb),.85);min-width:28px;overflow:visible;width:28px}.workspace-center{background:var(--designer-canvas-bg);flex:1 1;min-width:0;overflow:hidden}.workspace-center,.workspace-right{display:flex;flex-direction:column;position:relative}.workspace-right{background:var(--designer-card);border-left:1px solid var(--designer-border);max-width:350px;min-width:280px;transition:width .3s ease,min-width .3s ease;width:300px}.workspace-right.collapsed{background-color:rgba(var(--designer-card-rgb),.85);min-width:28px;overflow:visible;width:28px}.sidebar-label{color:var(--designer-text-secondary);font-size:13px;font-weight:500;padding-top:15px;position:relative;text-align:center;width:100%}.vertical-text{left:50%;letter-spacing:1px;position:absolute;text-orientation:mixed;text-transform:uppercase;top:50%;transform:rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.sidebar-toggle{align-items:center;background:var(--designer-card);border:1px solid var(--designer-border);border-radius:4px;box-shadow:0 2px 5px #0000001a;color:var(--designer-text-muted);cursor:pointer;display:flex;height:60px;justify-content:center;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:22px;z-index:100}.workspace-left.collapsed .sidebar-toggle,.workspace-right.collapsed .sidebar-toggle{animation:pulse 2s infinite;color:var(--designer-primary)}.workspace-left:not(.collapsed) .sidebar-toggle{box-shadow:-2px 0 5px #00000026;opacity:.85;right:-12px}.workspace-right:not(.collapsed) .sidebar-toggle{box-shadow:2px 0 5px #00000026;left:-12px;opacity:.85}.left-toggle{border-bottom-left-radius:0;border-top-left-radius:0;right:-11px}.right-toggle{border-bottom-right-radius:0;border-top-right-radius:0;left:-11px}.sidebar-toggle:hover{background:var(--designer-accent-hover);box-shadow:0 3px 8px #0003;color:var(--designer-text-light);opacity:1}.sidebar-toggle:after{background:#000000bf;border-radius:4px;bottom:-30px;color:#fff;content:attr(title);font-size:12px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap}.sidebar-toggle:hover:after{opacity:1;visibility:visible}.design-canvas{background:var(--designer-canvas-bg);overflow:hidden;width:100%}.design-canvas>.base-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:20px 20px;inset:0;pointer-events:none;position:absolute;z-index:0}.canvas-drop-zones{gap:20px;padding:20px}.drop-zone{align-items:center;background:var(--designer-component-bg);border-radius:var(--designer-radius);display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.drop-zone.drag-over{border-style:solid}.drop-zone-header{left:16px;position:absolute;right:16px;top:12px}.drop-zone-title{background:var(--designer-component-bg);border-radius:var(--designer-radius-sm);font-size:14px;padding:4px 8px}.drop-zone-add-btn{align-items:center;background:var(--designer-primary);border:none;border-radius:var(--designer-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.drop-zone-add-btn:hover{background:var(--designer-primary-hover);transform:scale(1.1)}.drop-zone-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;margin-top:20px}.drop-zone-icon{color:var(--designer-text-muted);font-size:24px;margin-bottom:8px}.drop-zone-text{color:var(--designer-text-secondary);font-size:12px;line-height:1.4;text-align:center}.drop-zone-hint{color:var(--designer-text-muted);font-size:10px;text-align:center}.legacy-canvas-controls-2{align-items:center;background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius);box-shadow:var(--designer-shadow);display:flex;gap:8px;padding:8px;position:absolute;right:16px;top:16px}.canvas-control-btn{align-items:center;background:#0000;border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.canvas-control-btn:hover{background:var(--designer-primary);border-color:var(--designer-primary);color:#fff}.legacy-zoom-indicator{color:var(--designer-text-muted);font-size:11px;min-width:40px;padding:0 8px;text-align:center}.preview-container{border:none!important;flex:1 1;overflow-y:auto;padding:0}.spec-content-container{max-height:60vh;overflow:auto}.spec-content-container .spec-content{margin:0}.preview-stats .stat-card{cursor:pointer;transition:transform .12s ease,background .12s ease}.preview-stats .stat-card:hover{transform:translateY(-1px)}.split-container,.split-design{display:flex;flex:1 1;overflow:hidden}.split-preview{background:var(--designer-card);border-left:1px solid var(--designer-border);overflow-y:auto;width:50%}.resize-handle{align-items:center;background:var(--designer-border);cursor:col-resize;display:flex;justify-content:center;position:relative;transition:all .2s ease;width:6px;z-index:10}.resize-handle:hover{background:var(--designer-accent);width:8px}.resize-handle:before{background:var(--designer-text-secondary);border-radius:1px;content:"";height:40px;opacity:.4;position:absolute;transition:all .2s ease;width:2px}.resize-handle:hover:before{background:#fff;box-shadow:0 0 4px #0003;opacity:.8}.resize-handle:active{background:var(--designer-accent)}.resize-handle:active:before{background:#fff;opacity:1}.split-container>div[data-panel]{display:flex;flex-direction:column}.split-container>div[data-panel].split-design{overflow:hidden}.split-container>div[data-panel].split-preview{border-left:none;overflow:hidden}.designer-status-bar{align-items:center;background:var(--designer-card);border-top:1px solid var(--designer-border);box-shadow:0 -1px 3px #0000000d;color:var(--designer-text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:12px 20px}.status-left,.status-right{align-items:center;display:flex;gap:20px}.save-status{align-items:center;border-radius:var(--designer-radius-sm);display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.save-status.saved{background:var(--designer-success-light);color:var(--designer-success)}.save-status.saving{background:var(--designer-warning-light);color:var(--designer-warning)}.save-status.unsaved{background:var(--designer-error-light);color:var(--designer-error)}.component-palette{background:var(--designer-card);display:flex;flex-direction:column;height:100%;padding:0}.palette-header{background:var(--designer-card);border-bottom:1px solid var(--designer-border);flex-shrink:0;padding:16px}.palette-header h3{align-items:center;color:var(--designer-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.search-icon{color:var(--designer-text-muted);font-size:14px;left:10px}input.palette-search{background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);font-size:12px;padding:8px 10px 8px 32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.palette-search:focus{border-color:var(--designer-primary);box-shadow:0 0 0 2px #014c7533}.palette-search::placeholder{color:var(--designer-text-muted)}.palette-categories{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:12px 16px}.palette-category{flex-shrink:0}.category-header{align-items:center;color:var(--designer-text-secondary);display:flex;font-size:10px;font-weight:600;gap:6px;letter-spacing:.8px;margin:0 0 8px;text-transform:uppercase}.category-components{display:flex;flex-direction:column;gap:6px}.component-item{align-items:center;background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);cursor:grab;display:flex;gap:10px;padding:10px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.component-item:hover{background:color-mix(in srgb,var(--designer-primary) 10%,#0000);border-color:var(--designer-primary);box-shadow:var(--designer-shadow-hover)}.component-item:active{cursor:grabbing}.component-icon{align-items:center;background:color-mix(in srgb,var(--designer-primary) 20%,#0000);border-radius:var(--designer-radius-sm);color:var(--icon-color);display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.component-item:hover .component-icon{background:var(--designer-primary);color:#fff}.component-details{flex:1 1;min-width:0}.component-name{color:var(--designer-text-primary);font-size:12px;font-weight:600;line-height:1.2;margin-bottom:2px}.component-description{font-size:10px;line-height:1.3}.component-description,.no-results{color:var(--designer-text-secondary)}.no-results{padding:40px 16px;text-align:center}.no-results p{font-size:12px;margin:0}.properties-panel{padding:16px}.panel-header{border-bottom:1px solid var(--designer-border-light);margin-bottom:16px;padding-bottom:12px}.panel-header h3{align-items:center;color:var(--designer-text-primary);display:flex;font-size:16px;gap:8px;margin:0 0 6px}.element-type{background:var(--designer-border-light);border-radius:var(--designer-radius-sm);color:var(--designer-text-secondary);display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase}.legacy-no-selection-a{align-items:center;color:var(--designer-text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 16px;text-align:center}.legacy-no-selection-a h3{color:var(--designer-text-primary);font-size:15px;font-weight:500;margin-bottom:8px}.legacy-no-selection-a p{font-size:13px;line-height:1.4;margin:0;max-width:200px}.form-group label{color:var(--designer-text-primary)}.form-group input,.form-group select,.form-group textarea{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);font-size:13px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--designer-primary);box-shadow:0 0 0 2px #014c751a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--designer-text-muted);font-size:13px}.form-group textarea{font-family:inherit;line-height:1.4}.form-group select{cursor:pointer}.form-group .checkbox-label,.form-group .radio-label{align-items:center;cursor:pointer;display:flex;font-size:13px;font-weight:400;margin-bottom:6px}.validation-errors{background:var(--designer-error-light);border:1px solid var(--designer-error);border-radius:var(--designer-radius);margin-top:20px;padding:16px}.validation-errors h4{align-items:center;color:var(--designer-error);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.error-item{color:var(--designer-error);font-size:13px;line-height:1.4;padding:6px 0}.endpoint-node,.schema-node{background:var(--designer-card);border:2px solid var(--designer-border);border-radius:var(--designer-radius-lg);box-shadow:var(--designer-shadow-md);cursor:pointer;margin-bottom:16px;max-width:none;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%}.endpoint-node:hover,.schema-node:hover{border-color:var(--designer-primary);box-shadow:var(--designer-shadow-lg);transform:translateY(-2px)}.endpoint-node.selected,.schema-node.selected{border-color:var(--designer-primary);box-shadow:0 0 0 3px #014c7526,var(--designer-shadow-lg)}.endpoint-node.dragging,.schema-node.dragging{opacity:.9;transform:rotate(1deg) scale(1.02);z-index:1000}.node-header{align-items:center;background:var(--designer-bg);border-bottom:1px solid var(--designer-border-light);display:flex;gap:12px;padding:16px}.method-badge,.type-badge{align-items:center;border-radius:var(--designer-radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;letter-spacing:.5px;min-width:48px;text-transform:uppercase}.method-badge.get{background:#10b981}.method-badge.post{background:#014c75}.method-badge.put{background:#f59e0b}.method-badge.delete{background:#ef4444}.method-badge.patch{background:#013b5b}.method-badge.head{background:#8b5cf6}.method-badge.options{background:#012a41}.node-title{flex:1 1;min-width:0}.endpoint-path,.schema-name{color:var(--designer-text-primary);font-size:15px;font-weight:600;margin-bottom:2px}.endpoint-path,.endpoint-summary,.schema-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-summary,.schema-type{color:var(--designer-text-secondary);font-size:12px}.schema-type{font-weight:500;text-transform:capitalize}.deprecated-badge{background:var(--designer-warning);border-radius:var(--designer-radius-sm);color:#fff;font-size:10px;font-weight:600;margin-left:8px;padding:4px 8px}.node-controls{align-items:center;display:flex;flex-shrink:0;gap:6px}.delete-btn,.expand-btn{align-items:center;background:var(--designer-border-light);border:none;border-radius:var(--designer-radius-sm);color:var(--designer-text-secondary);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.expand-btn:hover{background:var(--designer-info);color:#fff;transform:scale(1.05)}.delete-btn:hover{background:var(--designer-error);color:#fff;transform:scale(1.05)}.expand-btn.expanded{background:var(--designer-info);color:#fff}.node-description,.node-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--designer-text-secondary);display:-webkit-box;font-size:12px;overflow:hidden;text-overflow:ellipsis}.node-description,.node-summary,.schema-properties{border-bottom:1px solid var(--designer-border);padding:8px 12px}.property-item{align-items:center;display:flex;font-size:11px;gap:8px;padding:2px 0}.property-name{color:var(--designer-text-primary);flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-type{background:#0000000d;border-radius:2px;font-family:Courier New,monospace;font-size:10px;padding:1px 4px}.more-properties{color:var(--designer-text-secondary);font-style:italic;justify-content:center}.node-handles{height:8px}.handle{height:12px;width:12px}.handle-input{left:-6px}.handle-output{right:-6px}.handle-dot{border:2px solid var(--designer-primary);height:8px;transition:all .2s ease;width:8px}.conn-handle{align-items:center;background:var(--designer-connector);border:none;border-radius:50%;box-shadow:0 2px 10px #38bdf840;cursor:crosshair;display:flex;height:16px;justify-content:center;opacity:.28;position:absolute;transition:all .2s ease;width:16px;z-index:20}.conn-handle:before{background:#fff;border-radius:50%;content:"";height:8px;transform:scale(.6);transition:transform .15s ease;width:8px}.positioned-node:hover .conn-handle{opacity:1}.positioned-node.selected .conn-handle{opacity:.9}.conn-handle:hover{background:#7dd3fc;box-shadow:0 6px 16px #38bdf873}.conn-handle:hover:before{transform:scale(.8)}.conn-in{left:-8px;top:50%;transform:translate(-50%,-50%)}.conn-out{right:-8px;top:50%;transform:translate(50%,-50%)}.edges-layer .edge-path{stroke:var(--designer-connector);stroke-width:2;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.edges-layer .edge-path.default{stroke:var(--designer-connector);opacity:.8}.edges-layer .edge-path.smooth{stroke:var(--designer-connector);opacity:.9}.edges-layer .edge-path.preview{stroke:var(--designer-connector);stroke-dasharray:8 4;animation:dashFlow 1s linear infinite;opacity:.7}.edges-layer .edge-path.selected{stroke:var(--designer-connector);stroke-width:3;filter:drop-shadow(0 0 10px rgba(56,189,248,.65));opacity:1}.edge-label{fill:#fff;stroke:#0009;stroke-width:3px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:11px;letter-spacing:.2px;paint-order:stroke}.positioned-node.can-connect{outline:2px dashed #22c55e;outline-offset:2px}.edge-context-menu{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:8px;box-shadow:var(--designer-shadow-lg);min-width:140px;padding:6px}.edge-context-menu .edge-menu-item{background:#0000;border:none;border-radius:6px;color:var(--designer-text-primary);cursor:pointer;padding:8px 10px;text-align:left;width:100%}.edge-context-menu .edge-menu-item:hover{background:var(--designer-component-bg)}.edge-context-menu .edge-menu-item.destructive:hover{background:#dc354526;color:#ffb0b8}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.selection-outline{animation:dash 1s linear infinite;border-radius:10px;bottom:-4px;left:-4px;right:-4px;top:-4px}@media (max-width:1400px){.workspace-left{min-width:240px;width:260px}.workspace-right{min-width:280px;width:300px}}@media (max-width:1200px){.workspace-left{min-width:220px;width:240px}.workspace-right{min-width:260px;width:280px}.toolbar-btn{font-size:13px;min-height:36px;padding:6px 10px}.component-palette,.properties-panel{padding:12px}}@media (max-width:1024px){.visual-designer-toolbar{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.toolbar-left,.toolbar-right{flex-wrap:wrap;gap:8px;justify-content:center}.design-workspace{background:var(--designer-bg);flex-direction:column}.workspace-left,.workspace-right{border:none;border-bottom:1px solid var(--designer-border);height:200px;max-width:none;min-width:0;min-width:auto;width:100%}.workspace-right{border-bottom:none;border-top:1px solid var(--designer-border)}.workspace-center{flex:1 1;min-height:400px}.split-container{flex-direction:column!important}.split-container>div[data-panel].split-preview{border-left:none!important;border-top:1px solid var(--designer-border)!important;max-height:70vh!important;min-height:50vh!important}.split-container>div[data-panel-group]{flex-direction:column!important}.resize-handle{cursor:row-resize!important;height:6px!important;width:100%!important}.resize-handle:hover{height:8px!important;width:100%!important}.resize-handle:before{height:2px!important;width:40px!important}.split-preview{height:300px;width:100%}.split-container>div[data-panel].split-preview,.split-preview{border-left:none;border-top:1px solid var(--designer-border)}}@media (max-width:768px){.visual-designer-toolbar{padding:10px}.toolbar-group{gap:6px;padding:0 4px}.toolbar-btn{font-size:12px;min-height:32px;padding:6px 8px}.component-palette,.properties-panel{padding:10px}.workspace-left,.workspace-right{height:160px}.workspace-center{min-height:300px}.component-item{padding:8px}.component-icon{font-size:10px;height:24px;width:24px}.form-group input,.form-group select,.form-group textarea{font-size:12px;padding:6px 8px}}.component-item,.form-group,.validation-errors{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.palette-category{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.save-status.saving{animation:pulse 1.5s ease-in-out infinite}.component-item:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.toggle-btn:focus,.toolbar-btn:focus{outline:2px solid var(--designer-primary);outline-offset:2px}.component-item:focus:not(:focus-visible),.toggle-btn:focus:not(:focus-visible),.toolbar-btn:focus:not(:focus-visible){outline:none}.loading-spinner{border:2px solid var(--designer-border-light);border-top-color:var(--designer-primary)}.selection-outline{animation:dash 2s linear infinite;border:2px dashed var(--designer-primary);border-radius:var(--designer-radius-lg);bottom:-6px;left:-6px;pointer-events:none;position:absolute;right:-6px;top:-6px}@keyframes dash{to{stroke-dashoffset:-20}}.node-handles{background:var(--designer-component-bg);height:12px;position:relative}.handle{cursor:crosshair;height:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.handle-input{left:-8px}.handle-output{right:-8px}.handle-dot{background:var(--designer-card);border:3px solid var(--designer-primary);border-radius:50%;height:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:12px}.handle:hover .handle-dot{background:var(--designer-primary);border-color:var(--designer-primary-hover);box-shadow:0 0 8px #014c7566;transform:scale(1.2)}.btn-primary{background:var(--designer-primary);border:1px solid var(--designer-primary)}.btn-primary:hover{background:var(--designer-primary-hover);border-color:var(--designer-primary-hover)}.btn-secondary{background:var(--designer-secondary);border:1px solid var(--designer-secondary)}.btn-secondary:hover{background:var(--designer-secondary-hover);border-color:var(--designer-secondary-hover)}.btn-outline{border:1px solid var(--designer-primary);color:var(--designer-primary)}.btn-outline:hover{background:var(--designer-primary);color:#fff}.badge{border-radius:var(--designer-radius-sm);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge-primary{background:var(--designer-primary-light);color:var(--designer-primary)}.badge-success{background:var(--designer-success-light);color:var(--designer-success)}.badge-warning{background:var(--designer-warning-light);color:var(--designer-warning)}.badge-error{background:var(--designer-error-light);color:var(--designer-error)}.badge-info{background:var(--designer-info-light);color:var(--designer-info)}.card{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius);box-shadow:var(--designer-shadow);overflow:hidden}.card-header{background:var(--designer-bg);border-bottom:1px solid var(--designer-border-light);padding:16px 20px}.card-body{padding:20px}.card-footer{background:var(--designer-component-bg);border-top:1px solid var(--designer-border-light);padding:16px 20px}.divider{height:1px;margin:16px 0}.divider,.divider-vertical{background:var(--designer-border-light)}.divider-vertical{margin:0 16px;width:1px}.preview-container::-webkit-scrollbar,.workspace-left::-webkit-scrollbar,.workspace-right::-webkit-scrollbar{width:6px}.preview-container::-webkit-scrollbar-track,.workspace-left::-webkit-scrollbar-track,.workspace-right::-webkit-scrollbar-track{background:var(--designer-border-light);border-radius:3px}.preview-container::-webkit-scrollbar-thumb,.workspace-left::-webkit-scrollbar-thumb,.workspace-right::-webkit-scrollbar-thumb{background:var(--designer-border);border-radius:3px}.preview-container::-webkit-scrollbar-thumb:hover,.workspace-left::-webkit-scrollbar-thumb:hover,.workspace-right::-webkit-scrollbar-thumb:hover{background:var(--designer-text-secondary)}.design-canvas{display:flex;flex-direction:column;height:100%;position:relative}.legacy-canvas-controls{align-items:center;background:var(--primary-color);border-bottom:1px solid var(--designer-border);box-shadow:var(--designer-shadow);display:flex;justify-content:space-between;padding:12px 16px;z-index:10}.zoom-controls{align-items:center;background:var(--designer-border-light);border-radius:var(--designer-radius);display:flex;gap:8px;padding:4px}.zoom-btn{background:#0000;border:none;border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);cursor:pointer;font-size:16px;font-weight:600;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.zoom-btn:hover{background:var(--designer-primary);color:#fff}.zoom-level{color:var(--designer-text-primary);font-size:14px;font-weight:500;min-width:60px;padding:0 12px;text-align:center}.canvas-actions{display:flex;gap:8px}.canvas-btn{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.canvas-btn:hover{background:var(--designer-primary);border-color:var(--designer-primary);color:#fff}.design-canvas-content{background:var(--designer-bg);background-image:radial-gradient(circle at 1px 1px,#014c751a 1px,#0000 0);background-size:20px 20px;flex:1 1;min-height:100%;overflow:auto;padding:24px;position:relative}.canvas-section{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-lg);box-shadow:var(--designer-shadow-md);margin-bottom:24px;overflow:hidden}.section-header{background:var(--designer-component-bg);border-bottom:1px solid var(--designer-border-light);padding:16px 20px}.section-header h3{color:var(--designer-text-primary)}.add-endpoint-btn,.add-schema-btn{background:var(--designer-primary);border:none;border-radius:var(--designer-radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.add-endpoint-btn:hover,.add-schema-btn:hover{background:var(--designer-primary-hover);box-shadow:var(--designer-shadow-hover);transform:translateY(-1px)}.api-info-section{margin-bottom:32px}.api-info-card{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.info-field{gap:4px}.info-field,.validation-panel{display:flex;flex-direction:column}.validation-panel{background:var(--designer-card);border-top:1px solid var(--designer-border);max-height:300px;min-height:48px;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.validation-panel.collapsed{max-height:48px}.validation-header{align-items:center;background:var(--designer-card);border-bottom:1px solid var(--designer-border);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.validation-header:hover{background:var(--designer-component-bg)}.validation-status{align-items:center;display:flex;flex:1 1;gap:12px}.status-icon{flex-shrink:0;font-size:16px}.status-icon.success{color:var(--designer-success)}.status-icon.warning{color:var(--designer-warning)}.status-icon.error{color:var(--designer-error)}.status-text{color:var(--designer-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.status-count{background:var(--designer-component-bg);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);font-size:12px;font-weight:500;padding:3px 8px}.status-count.success{background:#28a74533;color:var(--designer-success)}.status-count.warning{background:#ffc10733;color:var(--designer-warning)}.status-count.error{background:#dc354533;color:var(--designer-error)}.validation-controls{align-items:center;display:flex;gap:12px}.filter-dropdown{align-items:center;display:flex;gap:6px}.filter-icon{color:var(--designer-text-muted);font-size:12px}.filter-select{min-width:120px;width:auto}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:var(--designer-radius-sm);color:var(--designer-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.collapse-btn:hover{background:var(--designer-component-bg);color:var(--designer-text-primary)}.chevron{font-size:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron.collapsed{transform:rotate(-90deg)}.validation-content{flex:1 1;min-height:0;overflow-y:auto}.status-chip{align-items:center;background:var(--designer-component-bg);border:1px solid var(--designer-border);color:var(--designer-text-secondary);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.7rem;gap:6px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.status-chip:before{background:currentColor;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:7px;width:7px}.status-chip.success{background:color-mix(in srgb,var(--designer-success) 8%,var(--designer-component-bg));border-color:color-mix(in srgb,var(--designer-success) 35%,var(--designer-border));color:var(--designer-success)}.status-chip.warning{background:color-mix(in srgb,var(--designer-warning) 8%,var(--designer-component-bg));border-color:color-mix(in srgb,var(--designer-warning) 35%,var(--designer-border));color:var(--designer-warning)}.status-chip.error{background:color-mix(in srgb,var(--designer-error) 8%,var(--designer-component-bg));border-color:color-mix(in srgb,var(--designer-error) 35%,var(--designer-border));color:var(--designer-error)}.card-valid{background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);margin:8px 20px 12px}.no-issues{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:22px 20px 16px;text-align:center}.success-icon{color:var(--designer-success);flex-shrink:0;font-size:22px}.no-issues-text{align-items:center;display:flex;flex-direction:column;gap:2px}.no-issues-text h4{color:var(--designer-text-primary);font-size:13px;font-weight:600;margin:0}.no-issues-text p{color:var(--designer-text-secondary);font-size:12px;margin:0}.issues-list{padding:8px 0}.issue-item{align-items:flex-start;border-bottom:1px solid var(--designer-border);cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.issue-item:hover{background:var(--designer-component-bg)}.issue-item:last-child{border-bottom:none}.issue-icon{flex-shrink:0;font-size:14px;margin-top:2px}.issue-item.error .issue-icon{color:var(--designer-error)}.issue-item.warning .issue-icon{color:var(--designer-warning)}.issue-content{flex:1 1;min-width:0}.issue-message{color:var(--designer-text-primary);font-size:12px;font-weight:500;margin-bottom:4px}.issue-path{color:var(--designer-text-muted);font-family:Monaco,Consolas,monospace;font-family:var(--tester-mono,"Monaco","Consolas",monospace);font-size:10px}.issue-type{border:1px solid var(--designer-border);border-radius:999px;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.62rem;font-weight:600;letter-spacing:.06em;margin-top:2px;padding:2px 8px;text-transform:uppercase}.issue-item.error .issue-type{background:color-mix(in srgb,var(--designer-error) 8%,#0000);border-color:color-mix(in srgb,var(--designer-error) 35%,var(--designer-border))}.issue-item.warning .issue-type{background:color-mix(in srgb,var(--designer-warning) 8%,#0000);border-color:color-mix(in srgb,var(--designer-warning) 35%,var(--designer-border))}.issue-item.error .issue-type{background:#dc354533;color:var(--designer-error)}.issue-item.warning .issue-type{background:#ffc10733;color:var(--designer-warning)}.info-field label{color:var(--designer-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-field span{background:var(--designer-border-light);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);font-size:14px;font-weight:500;padding:8px 12px}.empty-section{color:var(--designer-text-secondary);padding:40px 20px;text-align:center}.empty-section p{font-size:14px;line-height:1.5;margin:0}.drag-overlay-item{background:var(--designer-card);border:2px solid var(--designer-primary);border-radius:var(--designer-radius);box-shadow:var(--designer-shadow-lg);color:var(--designer-primary);font-size:14px;font-weight:500;padding:12px 16px}.canvas-drop-zones{display:flex;flex-direction:column;gap:24px;height:100%;overflow-y:auto;padding:40px;transform-origin:top left;transition:transform .2s ease}.drop-zone{background:var(--designer-card);border:2px dashed var(--designer-border);border-radius:12px;min-height:140px;padding:20px;position:relative;transition:all .3s ease}.drop-zone.drag-over{background:#014c751a;border-color:var(--designer-primary);transform:translateY(-2px)}.drop-zone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.drop-zone-title{align-items:center;color:var(--designer-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px}.drop-zone-title svg{color:var(--designer-primary);height:18px;width:18px}.drop-zone-items{display:flex;flex-direction:column;gap:12px;width:100%}.zone-item{background:var(--designer-background);border:1px solid var(--designer-border);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.zone-item:hover{background:var(--designer-border-light);border-color:var(--designer-primary-hover)}.zone-item.selected{background:#014c751a;border-color:var(--designer-primary)}.zone-item-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.zone-item-type{background:#014c7533;border-radius:4px;color:var(--designer-primary);font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.zone-item-name{color:var(--designer-text-primary);font-size:14px;font-weight:500}.zone-item-description{color:var(--designer-text-secondary);font-size:12px;line-height:1.4}.canvas-start-message{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.start-message-content h3{color:var(--designer-text-primary);font-size:24px;font-weight:600;margin-bottom:8px}.start-message-content p{color:var(--designer-text-secondary);font-size:16px;line-height:1.5;max-width:400px}.dragging-component,.dragging-component *{cursor:grabbing!important}.drag-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--designer-primary),var(--designer-primary-hover));border:1px solid #fff3;border-radius:var(--designer-radius);box-shadow:var(--designer-shadow-lg);color:#fff;font-size:12px;font-weight:500;max-width:200px;padding:8px 12px}.drag-preview-content{display:flex;flex-direction:column;gap:4px}.drag-preview-header{align-items:center;display:flex;gap:6px}.drag-preview-type{background:#fff3;border-radius:12px;font-size:10px;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.drag-preview-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-item.dragging{opacity:.6;transform:scale(.95);transition:all .15s ease}.component-item.touch-dragging{background:var(--designer-primary-light);border-color:var(--designer-primary);box-shadow:var(--designer-shadow-hover);transform:scale(1.02)}.flexible-canvas.drag-over{animation:gridPulse 2s ease-in-out infinite;background-image:radial-gradient(circle at 20px 20px,var(--designer-primary) 1px,#0000 1px);background-size:20px 20px}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.drop-zone-indicator{background:#014c751a;border:2px dashed var(--designer-primary);border-radius:var(--designer-radius);pointer-events:none;position:absolute;transition:all .2s ease;z-index:100}.drop-zone-indicator.active{background:#28a7451a;border-color:var(--designer-success);box-shadow:0 0 20px #28a7454d}.snap-grid{background-image:linear-gradient(var(--designer-border) 1px,#0000 1px),linear-gradient(90deg,var(--designer-border) 1px,#0000 1px);background-size:20px 20px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.snap-grid.visible{opacity:.4}@media (hover:none) and (pointer:coarse){.component-item{min-height:60px;padding:12px}.component-item.touch-dragging{transform:scale(1.05);z-index:1000}}@media (prefers-reduced-motion:reduce){.component-item,.drag-preview,.drop-zone-indicator,.snap-grid{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.drag-preview{background:ButtonFace;border:2px solid;color:ButtonText}.drop-zone-indicator{border-width:3px}}.properties-panel .properties-header{background:var(--designer-card);border-bottom:1px solid var(--designer-border);flex-shrink:0;padding:20px 24px 16px}.properties-panel .panel-title{align-items:center;color:var(--designer-text-primary);display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin:0}.selected-node-badge{align-items:center;gap:8px}.node-type-badge{align-items:center;background:color-mix(in srgb,var(--designer-primary) 12%,#0000);border:1px solid color-mix(in srgb,var(--designer-primary) 25%,var(--designer-border));border-radius:999px;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.66rem;font-weight:600;letter-spacing:.06em;padding:3px 8px}.properties-panel .properties-content{flex:1 1;overflow-y:auto;padding:0}.properties-form{padding:0}.form-section{border-bottom:1px solid var(--designer-border-light);padding:20px 24px}.properties-form .form-section:hover{border-color:#0000;box-shadow:none}.section-title{color:var(--designer-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.72rem;letter-spacing:.14em;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.form-field{margin-bottom:16px}.form-field.has-error .app-select-trigger,.form-field.has-error .form-input,.form-field.has-error .form-textarea{border-color:var(--designer-error);box-shadow:0 0 0 2px #dc35451a}.form-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:.68rem;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.required-indicator{color:var(--designer-error);font-weight:600}.help-icon{cursor:help}.form-input,.form-textarea{background:var(--designer-canvas-bg);font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 2px #014c751a}.form-textarea{font-family:inherit;line-height:1.4;min-height:80px}.form-checkbox-wrapper{color:var(--designer-text-primary);font-size:13px;gap:10px}.form-checkbox{display:none}.checkbox-custom{background:var(--designer-canvas-bg);border:1px solid var(--designer-border);border-radius:3px;flex-shrink:0;height:16px;transition:all .2s ease;width:16px}.form-checkbox:checked+.checkbox-custom{background:var(--designer-primary);border-color:var(--designer-primary);color:#fff}.checkbox-label{font-weight:500}.form-row{grid-template-columns:1fr}@media (min-width:300px){.form-row{grid-template-columns:1fr 1fr}}.error-message{color:var(--designer-error);font-weight:500;gap:4px}.legacy-no-selection-b{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.legacy-no-selection-b .no-selection-content{max-width:240px}.legacy-no-selection-b .no-selection-icon{color:var(--designer-text-muted);margin-bottom:16px;opacity:.6}.legacy-no-selection-b h4{color:var(--designer-text-primary);font-size:15px;font-weight:600;margin:0 0 8px}.legacy-no-selection-b p{color:var(--designer-text-secondary);font-size:13px;line-height:1.4;margin:0}.properties-actions{border-top:1px solid var(--designer-border-light);padding:20px 24px}.delete-button{background:var(--designer-canvas-bg);border:1px solid color-mix(in srgb,var(--designer-error) 35%,var(--designer-border));border-radius:var(--designer-radius-sm);color:var(--designer-error);display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:550;gap:6px;padding:8px 14px;transition:all .15s ease}.delete-button:hover{background:color-mix(in srgb,var(--designer-error) 10%,var(--designer-canvas-bg));border-color:var(--designer-error)}.delete-button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--designer-error) 25%,#0000);outline:none}@media (max-width:768px){.form-section,.properties-actions,.properties-panel .properties-header{padding-left:16px;padding-right:16px}.form-row{grid-template-columns:1fr}}.properties-panel{background:var(--designer-card);border-left:1px solid var(--designer-border);color:var(--designer-text-secondary);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.form-field{margin-bottom:24px;position:relative;transition:all .2s ease}.form-field:last-child{margin-bottom:0}.form-field.has-error .form-label{color:#f87171;color:var(--designer-error,#f87171)}.form-field.has-error .form-select{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.form-label{align-items:center;color:var(--designer-text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:10px;transition:color .2s ease}.form-input-wrapper{position:relative;transition:all .2s ease;width:100%}.required-indicator{animation:pulse 2s infinite;color:#ef4444;font-weight:700;margin-left:2px}.help-icon{align-items:center;border-radius:50%;color:var(--designer-text-muted);cursor:pointer;display:flex;justify-content:center;margin-left:2px;opacity:.7;padding:6px;position:relative;transition:all .15s ease}.help-icon:hover{background:color-mix(in srgb,var(--designer-primary) 15%,#0000);color:var(--designer-primary);opacity:1}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background:linear-gradient(135deg,#002938,#00111a);border:1px solid #014c754d;border-radius:6px;bottom:125%;box-shadow:0 5px 15px #014c7533;color:#b8d4e3;font-size:12px;font-weight:400;left:50%;line-height:1.5;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .2s,transform .3s;visibility:hidden;width:200px;z-index:100}.tooltip .tooltip-text:after{border:5px solid #0000;border-top-color:#002938;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-text{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.error-message{align-items:center;animation:slideIn .3s ease;background:#ef44441a;border-radius:4px;display:flex;gap:8px;margin-top:6px;padding:6px 8px}.properties-header{align-items:center;background:var(--designer-card);border-bottom:1px solid var(--designer-border);display:flex;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.panel-title{color:var(--designer-text-primary);font-weight:600}.panel-icon-container{align-items:center;background:color-mix(in srgb,var(--designer-primary) 15%,#0000);border-radius:6px;color:var(--designer-primary);display:flex;height:28px;justify-content:center;padding:6px;width:28px}.panel-title .icon{opacity:.85}.selected-node-badge{display:flex;margin-left:auto}.node-type-badge{animation:fadeIn .5s ease;background:color-mix(in srgb,var(--designer-primary) 15%,#0000);border:1px solid color-mix(in srgb,var(--designer-primary) 30%,#0000);border-radius:20px;color:var(--designer-primary);font-size:10px;font-weight:700;letter-spacing:.8px;padding:5px 12px;text-transform:uppercase;transition:all .15s ease}.node-type-badge:hover{filter:brightness(1.1)}.node-type-badge.schema{background:linear-gradient(135deg,#014c7533,#013b5b33);border-color:#4a9cd14d;color:#4a9cd1}.node-type-badge.endpoint{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#6ee7b74d;color:#6ee7b7}.node-type-badge.info{background:linear-gradient(135deg,#014c754d,#013b5b4d);border-color:#67e8f94d;color:#67e8f9}.node-type-badge.parameter{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#fcd34d4d;color:#fcd34d}.node-type-badge.security{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#fca5a54d;color:#fca5a5}.properties-content{flex:1 1;overflow-y:auto;padding:20px 24px;scroll-behavior:smooth}.no-selection{animation:fadeInUp .5s ease;color:var(--designer-text-secondary);flex-direction:column;height:100%;padding:40px 24px;text-align:center}.no-selection,.no-selection-icon-container{align-items:center;display:flex;justify-content:center}.no-selection-icon-container{background:color-mix(in srgb,var(--designer-primary) 12%,#0000);border:1px dashed var(--designer-border);border-radius:50%;height:64px;margin-bottom:18px;width:64px}.no-selection-icon{color:var(--designer-primary);transition:all .3s ease}.no-selection-icon-container:hover .no-selection-icon{filter:brightness(1.1);transform:scale(1.05)}.no-selection-title{color:var(--designer-text-primary);font-size:15px;font-weight:600;margin-bottom:8px}.no-selection-desc{color:var(--designer-text-secondary);font-size:13px;line-height:1.5;max-width:240px}.property-section{background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);margin-bottom:20px;overflow:hidden;padding:16px;position:relative;transition:border-color .15s ease}.property-section:hover{border-color:var(--designer-border-light)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:18px}.section-title{align-items:center;border-bottom:1px solid var(--designer-border);color:var(--designer-text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.3px;margin:0 0 6px;padding-bottom:12px;width:100%}.section-title .icon{color:var(--designer-primary)}.property-field{margin-bottom:20px;position:relative}.property-field:last-child{margin-bottom:0}.property-field label{color:var(--designer-text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;transition:color .2s ease}.form-row{gap:15px}.form-col{min-width:0}.form-label-with-action{align-items:center;display:flex;justify-content:space-between}.form-action-link{color:var(--designer-primary);font-size:11px;opacity:.8;text-decoration:none;transition:all .2s ease}.form-action-link:hover{opacity:1;text-decoration:underline}.input-with-icon{position:relative}.input-icon{color:var(--designer-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-left{left:12px}.input-icon-right{right:12px}.input-with-left-icon input{padding-left:40px}.input-with-right-icon input{padding-right:40px}.form-input,.form-textarea{-webkit-appearance:none;appearance:none;background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);font-size:13px;line-height:1.5;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-input:hover,.form-textarea:hover{border-color:var(--designer-border-light)}.form-input:focus,.form-textarea:focus{border-color:var(--designer-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--designer-primary) 40%,#0000);outline:none}.form-input.error,.form-textarea.error{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.form-input::placeholder,.form-textarea::placeholder{color:var(--designer-text-muted);transition:opacity .2s ease}.form-input:focus::placeholder,.form-textarea:focus::placeholder{opacity:.7}.form-select{width:100%}.form-select.error{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.error-message{color:#f87171}.form-row{flex-wrap:wrap;margin:0 -8px}.form-col{flex:1 1;min-width:140px;padding:0 8px}.properties-actions{align-items:center;background:var(--designer-card);border-top:1px solid var(--designer-border);bottom:0;display:flex;gap:12px;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:5}.collapsible-section{margin-bottom:16px}.collapsible-header{align-items:center;background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .15s ease}.collapsible-header:hover{background:var(--designer-border-light);border-color:var(--designer-border-light)}.collapsible-title{align-items:center;color:var(--designer-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.collapsible-icon{color:var(--designer-text-muted);transition:transform .3s ease}.collapsible-section.open .collapsible-icon{transform:rotate(180deg)}.collapsible-content{background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:0 0 var(--designer-radius-sm) var(--designer-radius-sm);border-top:none;max-height:0;opacity:0;overflow:hidden;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.collapsible-section.open .collapsible-content{margin-top:-1px;max-height:500px;opacity:1;padding:16px}.delete-button{align-items:center;background:linear-gradient(180deg,#dc262626,#b91c1c33);border:1px solid #ef444433;border-radius:8px;box-shadow:0 2px 6px #dc262626;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:46px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:12px 16px;position:relative;transition:all .25s cubic-bezier(.175,.885,.32,1.275);width:100%}.delete-button:after{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;opacity:0;padding-bottom:120%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease,opacity .3s ease;width:120%}.delete-button:hover{background:linear-gradient(180deg,#dc262659,#b91c1c66);box-shadow:0 4px 12px #dc262640;color:#f87171;transform:translateY(-2px)}.delete-button:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.delete-button:active{box-shadow:0 2px 4px #dc262633;transform:translateY(0)}.save-button{background:var(--designer-primary);border:1px solid var(--designer-primary);border-radius:var(--designer-radius-sm);color:#fff;color:var(--button-text,#fff);display:inline-flex;font-size:.82rem;font-weight:550;gap:6px;justify-content:center;margin-left:auto;padding:8px 16px;transition:all .15s ease}.checkbox-field{padding:8px 0}.checkbox-field,.form-checkbox-wrapper{align-items:center;display:flex;position:relative}.form-checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background-color:var(--designer-component-bg);border:2px solid var(--designer-border);border-radius:4px;display:flex;height:20px;justify-content:center;margin-right:10px;position:relative;transition:all .15s ease;width:20px}.form-checkbox:checked~.checkbox-custom{background-color:var(--designer-primary);border-color:var(--designer-primary)}.checkbox-custom svg{color:#fff;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.form-checkbox:checked~.checkbox-custom svg{opacity:1;transform:scale(1)}.form-checkbox-wrapper:hover .checkbox-custom{border-color:var(--designer-border-light)}.form-checkbox:focus~.checkbox-custom{box-shadow:0 0 0 3px color-mix(in srgb,var(--designer-primary) 25%,#0000)}.checkbox-label{color:var(--designer-text-secondary);font-size:13px;transition:color .2s ease}.form-checkbox-wrapper:hover .checkbox-label{color:var(--designer-text-primary)}.code-snippet{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#e1e5e9;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:13px;line-height:1.5;margin:12px 0;overflow-x:auto;padding:16px;position:relative}.code-snippet-header{align-items:center;background:#00000040;border-bottom:1px solid #ffffff0d;border-radius:6px 6px 0 0;color:#a0aec0;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin:-16px -16px 12px;padding:8px 12px}.code-snippet-actions{display:flex;gap:8px}.code-snippet-btn{background:#ffffff1a;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s ease}.code-snippet-btn:hover{background:#ffffff26;color:#e1e5e9}.json-key{color:#9ecbff}.json-value{color:#79c0ff}.json-string{color:#a5d6ff}.json-number{color:#f97583}.json-boolean,.json-null{color:#ff7b72}.radio-group{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0}.radio-option{flex:1 1;min-width:90px;position:relative}.radio-label{align-items:center;background:var(--designer-component-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;overflow:hidden;padding:10px 14px;position:relative;text-align:center;transition:all .15s ease}.radio-label:hover{border-color:var(--designer-border-light);color:var(--designer-text-primary)}.radio-option input[type=radio]{opacity:0;position:absolute;z-index:-1}.radio-option input[type=radio]:checked+.radio-label{background:color-mix(in srgb,var(--designer-primary) 15%,#0000);border-color:var(--designer-primary);color:var(--designer-primary);font-weight:700}.radio-option input[type=radio]:focus+.radio-label{box-shadow:0 0 0 2px color-mix(in srgb,var(--designer-primary) 40%,#0000)}.properties-content::-webkit-scrollbar{height:8px;width:8px}.properties-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.properties-content::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ffffff14;border:2px solid #0000;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.properties-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.properties-content::-webkit-scrollbar-corner{background:#0000}.properties-panel.loading:before{animation:loadingBar 2s linear infinite;background:linear-gradient(90deg,#014c75,#4a9cd1,#10b981,#014c75);background-size:300% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes loadingBar{0%{background-position:100% 0}to{background-position:0 0}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:100}.properties-panel.loading .loading-overlay{opacity:1;pointer-events:all}.loading-spinner{border:3px solid #014c7533;border-top-color:#014c75}.save-success{align-items:center;animation:slideInFromRight .3s ease,fadeOut .5s ease 3s forwards;background:#10b98133;border-radius:0 0 0 5px;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 16px;position:absolute;right:0;top:0;z-index:101}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}.tabs-nav{-ms-overflow-style:none;border-bottom:1px solid var(--designer-border);display:flex;margin-bottom:20px;overflow-x:auto;padding-bottom:1px;position:relative;scrollbar-width:thin;scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none;height:0}.tab-item{border-bottom:2px solid #0000;color:var(--designer-text-secondary);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0 4px;padding:12px 20px;position:relative;transition:all .15s ease;white-space:nowrap}.tab-item:first-child{margin-left:0}.tab-item:last-child{margin-right:0}.tab-item:hover{color:var(--designer-text-primary)}.tab-item:after{background:var(--designer-primary);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.tab-item:hover:after{transform:scaleX(.3)}.tab-item.active{color:var(--designer-primary)}.tab-item.active:after{transform:scaleX(1)}@media (max-width:1200px){.properties-panel{width:300px}}@media (max-width:992px){.properties-panel{width:280px}.form-input,.form-textarea{padding:10px 12px}}@media (max-width:768px){.properties-panel{border-left:none;border-top:1px solid #ffffff1a;box-shadow:0 -5px 25px #00000080;position:absolute;right:0;width:100%;z-index:10}.properties-content{max-height:60vh}.properties-header{padding:14px}.panel-title{font-size:15px}}.properties-panel-toggle{align-items:center;background:linear-gradient(135deg,#014c75,#4a9cd1);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 15px #014c7566;color:#fff;cursor:pointer;display:none;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:50px;z-index:100}.properties-panel-toggle:hover{box-shadow:0 5px 20px #014c7580;transform:scale(1.1)}@media (max-width:768px){.properties-panel-toggle{display:flex}.properties-panel.collapsed{transform:translateX(100%)}}.test-endpoint-section{margin-top:12px}.test-endpoint-btn{align-items:center;background:var(--designer-primary);border:1px solid var(--designer-primary);border-radius:var(--designer-radius-sm);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:550;gap:6px;justify-content:center;padding:8px 14px;transition:all .15s ease;width:100%}.test-endpoint-btn:hover:not(:disabled){filter:brightness(1.1)}.test-endpoint-btn:disabled{cursor:not-allowed;opacity:.55}.test-endpoint-btn.testing{cursor:wait;opacity:.7}.test-endpoint-btn .spinner{animation:spin 1s linear infinite}.test-result{border-radius:6px;font-size:13px;margin-top:12px;padding:12px}.test-result.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.test-result.error{color:#ef4444}.test-error,.test-success{align-items:center;align-items:flex-start;display:flex;flex-direction:column;gap:8px}.test-success small{color:#22c55eb3;margin-top:4px}.app-select{position:relative;width:100%}.app-select-trigger{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;font:inherit;font-size:.86rem;justify-content:space-between;padding:9px 11px;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.app-select-trigger:hover{border-color:var(--accent)}.app-select-trigger:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}.app-select-trigger:disabled{cursor:not-allowed;opacity:.55}.app-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select-chevron{color:var(--text-secondary);flex-shrink:0}.app-select-list{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0;position:fixed;z-index:1000}.app-select-option{color:var(--text-color);cursor:pointer;font-size:.86rem;overflow:hidden;padding:9px 12px;text-overflow:ellipsis;white-space:nowrap}.app-select-option:hover{background:var(--hover-bg)}.app-select-option--active{background:var(--surface-sunken);color:var(--accent);font-weight:600}.app-select-option--active:hover{background:var(--hover-bg)}.visualization-tab{display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden;padding:clamp(16px,3vw,24px)}.visualization-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.header-left{align-items:baseline;display:inline-flex;flex-wrap:nowrap;white-space:nowrap}.header-left .ts-eyebrow{display:inline;white-space:nowrap}.chart-suggestions{align-items:center;border-left:1px solid var(--border-color);display:flex;gap:8px;padding-left:8px}.ts-btn-suggestion{text-transform:capitalize}.error-banner{align-self:flex-start;background:color-mix(in srgb,var(--danger-color) 8%,#0000);border:1px solid color-mix(in srgb,var(--danger-color) 30%,var(--tester-hairline));border-radius:var(--tester-radius-btn,8px);color:var(--danger-color);display:inline-flex;font-size:.82rem;font-weight:500;margin:0;max-width:100%;padding:8px 14px}.error-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;line-height:1;padding:4px}.error-close:hover{background:color-mix(in srgb,var(--text-color) 12%,#0000)}.visualization-workspace{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow:hidden}.visualization-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:var(--card-shadow);display:flex;gap:4px;overflow-x:auto;padding:4px}.visualization-tabs::-webkit-scrollbar{height:4px}.visualization-tabs::-webkit-scrollbar-track{background:#0000}.visualization-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.viz-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;gap:4px;transition:all .15s ease}.viz-tab:hover{background:var(--hover-bg);border-color:var(--border-color)}.viz-tab.active{background:var(--primary-light);border-color:var(--primary-color)}.viz-tab-trigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;font-family:inherit;gap:8px;padding:8px 12px;text-align:left;white-space:nowrap}.viz-tab-trigger:focus{outline:none}.tab-name{color:var(--text-color);font-size:.85rem;font-weight:600}.viz-tab.active .tab-name{color:var(--primary-color)}.tab-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;line-height:1;margin-left:4px;padding:2px;transition:all .15s ease}.tab-close:hover{background:color-mix(in srgb,var(--danger-color) 10%,var(--hover-bg));color:var(--danger-color)}.visualization-container{flex:1 1;min-height:300px;overflow:auto}.no-visualization{color:var(--text-secondary);flex-direction:column;height:100%;margin:0 auto;max-width:480px;padding:32px 16px;text-align:center}.no-visualization,.no-viz-icon{align-items:center;display:flex;justify-content:center}.no-viz-icon{background:var(--hover-bg);border:2px dashed var(--border-color);border-radius:50%;font-size:48px;height:88px;margin-bottom:16px;opacity:.5;width:88px}.no-visualization h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 10px}.no-visualization p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 20px}.visualization-content{animation:tsSlideUp .35s cubic-bezier(.16,1,.3,1)}.visualization-card{display:flex;flex-direction:column;min-height:100%;padding:16px}.visualization-card:has(>.ts-kpi-grid:only-child){height:auto;min-height:0}.visualization-card>div{flex:1 1;min-height:0}.visualization-card>*+*{margin-top:16px}.visualization-card>.ts-kpi-grid{align-items:start;flex:none;margin-bottom:0}@media (max-width:768px){.visualization-header{align-items:flex-start;flex-direction:column;gap:14px}.header-actions{justify-content:flex-start;width:100%}.chart-suggestions{border-left:none;border-top:1px solid var(--border-color);margin-top:4px;padding:8px 0 0;width:100%}}.chart-visualization,.network-visualization{width:100%}.chart-visualization .chart-container{min-height:300px;position:relative}.chart-visualization canvas,.network-visualization canvas{display:block;height:auto;max-width:100%}.response-table-container,.visualization-table{width:100%}.response-table-container h3{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 12px}.data-table,.response-table{background:var(--card-bg);border:1px solid var(--border-color);border-collapse:collapse;border-radius:12px;border-radius:var(--tester-radius-sm,12px);overflow:hidden;width:100%}.data-table th,.response-table th{background:var(--tester-inset);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-size:.68rem;font-weight:600;letter-spacing:.14em;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.data-table td,.response-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;padding:12px 16px}.data-table tbody tr:hover,.response-table tbody tr:hover{background:color-mix(in srgb,var(--tester-accent) 6%,var(--card-bg))}.data-table tbody tr:nth-child(2n),.response-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--tester-accent) 3%,var(--card-bg))}.data-table tbody tr:nth-child(2n):hover,.response-table tbody tr:nth-child(2n):hover{background:color-mix(in srgb,var(--tester-accent) 6%,var(--card-bg))}.api-status-monitor{padding:16px}.api-status-monitor .status-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.api-status-monitor .status-header h3{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0}.api-status-monitor .last-updated{color:var(--text-secondary);font-size:.75rem}.api-status-monitor .overall-status{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius-sm,8px);display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.api-status-monitor .status-indicator{background:var(--text-secondary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.api-status-monitor .overall-status.status-healthy .status-indicator{background:var(--success-color)}.api-status-monitor .overall-status.status-degraded .status-indicator{background:var(--warning-color)}.api-status-monitor .overall-status.status-down .status-indicator{background:var(--danger-color)}.api-status-monitor .status-text{color:var(--text-color);font-size:.85rem;font-weight:600;letter-spacing:normal;text-transform:none}.api-status-monitor .services-status{display:flex;flex-direction:column;gap:8px;margin-top:16px}.api-status-monitor .service-item{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius-sm,8px);display:flex;font-size:.82rem;justify-content:space-between;padding:10px 14px}.api-status-monitor .service-name{color:var(--text-color);font-weight:500}.api-status-monitor .service-response-time{color:var(--text-secondary);font-family:var(--tester-mono)}.api-status-visualization{padding:0}.status-header h3{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 12px}.status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.status-item{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius-sm,8px);padding:14px;text-align:center}.status-item.status-success{background:color-mix(in srgb,var(--success-color) 8%,var(--tester-inset));border-color:var(--success-color)}.status-item.status-warning{background:color-mix(in srgb,var(--warning-color) 8%,var(--tester-inset));border-color:var(--warning-color)}.status-item.status-error{background:color-mix(in srgb,var(--danger-color) 8%,var(--tester-inset));border-color:var(--danger-color)}.status-code{font-size:1.4rem;font-weight:700;margin-bottom:4px}.status-item.status-success .status-code{color:var(--success-color)}.status-item.status-warning .status-code{color:var(--warning-color)}.status-item.status-error .status-code{color:var(--danger-color)}.status-label,.status-text{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.response-size,.response-time{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:4px}.json-tree{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--tester-radius-sm,12px);overflow:hidden}.json-content{background:var(--tester-inset);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-size:.82rem;line-height:1.5;margin:0;overflow-x:auto;padding:16px}.template-editor-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.template-editor-modal .modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000a6;inset:0;position:absolute;z-index:1}.template-editor-modal .modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--tester-radius,16px);box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90vw;z-index:2}.modal-header{background:var(--background-color)}.modal-header h3{font-size:1rem}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;line-height:1;padding:4px;transition:all .15s ease}.modal-close:hover{background:var(--hover-bg);color:var(--text-color)}.modal-body{background:var(--background-color);flex:1 1;overflow-y:auto;padding:20px}.template-section{margin-bottom:16px}.template-section label{color:var(--text-color);display:block;font-size:.82rem;font-weight:500;margin-bottom:6px}.data-preview,.template-select,.template-textarea{font-size:.85rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.data-preview,.template-select,.template-select .app-select-trigger,.template-textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--tester-radius-btn,8px);color:var(--text-color);padding:10px 12px}.template-select .app-select-trigger:focus-visible,.template-select .app-select-trigger:hover{border-color:var(--primary-color)}.template-select .app-select-list{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--tester-radius-btn,8px);box-shadow:0 10px 30px #00000040}.template-select .app-select-option{color:var(--text-color)}.template-select .app-select-option--active,.template-select .app-select-option:hover{background:var(--hover-bg);color:var(--primary-color)}.template-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 12%,#0000);outline:none}.template-textarea{min-height:160px;resize:vertical}.data-preview,.template-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--tester-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);line-height:1.5}.data-preview{font-size:.75rem;margin:0;max-height:200px;overflow-x:auto;white-space:pre-wrap}.modal-footer{background:var(--background-color);border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.spec-statistics{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--tester-radius-sm,12px);padding:16px}.stats-header{margin-bottom:12px}.stats-header h4{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0 0 4px}.stats-description{color:var(--text-secondary);font-size:.78rem;margin:0}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat-item{background:var(--tester-inset);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--tester-radius-btn,8px);padding:14px 10px;text-align:center}.stat-value{margin-bottom:4px}.stat-label{font-family:var(--tester-mono);font-size:.6rem;letter-spacing:.08em}.loading-visualization{align-items:center;color:var(--text-secondary);display:flex;height:200px;justify-content:center}.loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--primary-color);margin-right:12px}:is(.visualization-container,.modal-body,.template-textarea,.json-content,.data-preview)::-webkit-scrollbar{height:8px;width:8px}:is(.visualization-container,.modal-body,.template-textarea,.json-content,.data-preview)::-webkit-scrollbar-track{background:#0000;border-radius:4px}:is(.visualization-container,.modal-body,.template-textarea,.json-content,.data-preview)::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}:is(.visualization-container,.modal-body,.template-textarea,.json-content,.data-preview)::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@media (prefers-reduced-motion:reduce){.loading-spinner,.modal-close,.visualization-content{animation:none;transition:none}}@media (max-width:768px){.modal-content{max-height:95vh;width:95vw}.modal-body{padding:16px}.stats-grid,.status-grid,.ts-kpi-grid{grid-template-columns:1fr}}@media (max-width:480px){.data-table td,.data-table th,.response-table td,.response-table th{font-size:.8rem;padding:10px 12px}}.error-boundary{align-items:center;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;margin:1rem 0;min-height:200px;padding:2rem}.error-boundary-content{max-width:400px;text-align:center}.error-boundary .error-icon{margin-bottom:1rem}.error-boundary h3{color:#333;font-size:1.25rem;margin-bottom:.5rem}.error-boundary p{color:#666;line-height:1.5;margin-bottom:1rem}.error-retry-button:hover{background:#013b5b!important;transform:translateY(-1px)}.error-retry-button:active{transform:translateY(0)}.error-recovery-message{animation:pulse 2s infinite;color:#666!important;font-style:italic}.spec-preview.modern{overflow:hidden;position:relative;z-index:10}.spec-preview.modern,.spec-preview.modern .preview-container{display:flex;flex-direction:column;gap:12px;height:100%;scroll-behavior:smooth}.spec-preview.modern .preview-container{border:none!important;flex:1 1;min-height:0;overflow-y:auto}.spec-preview.modern *{scroll-behavior:smooth}.spec-preview.modern .preview-header{align-items:center;background:var(--card-bg);background:var(--tester-surface,var(--card-bg));border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-lg);border-radius:var(--tester-radius,var(--border-radius-lg));box-shadow:0 4px 18px color-mix(in srgb,var(--primary-color) 4%,#0000);box-shadow:0 4px 18px color-mix(in srgb,var(--tester-accent,var(--primary-color)) 4%,#0000);display:flex;justify-content:space-between;margin:20px;overflow:visible;padding:18px 24px;position:relative;z-index:15}.preview-header h3{align-items:center;color:var(--text-color);display:flex;font-family:inherit;font-family:var(--tester-mono,inherit);font-size:.78rem;font-weight:600;gap:10px;letter-spacing:.1em;line-height:1.2;margin:0;text-transform:uppercase}.preview-header .header-icon{align-items:center;background:var(--primary-color);background:var(--tester-accent,var(--primary-color));border-radius:var(--border-radius-sm);border-radius:var(--tester-radius-btn,var(--border-radius-sm));color:#fff;color:var(--button-text,#fff);display:flex;height:20px;justify-content:center;opacity:.95;padding:4px;width:20px}.preview-controls{align-items:center;display:flex;gap:10px;overflow:visible;position:relative;z-index:16}.format-toggle{display:flex;gap:6px}.format-toggle .format-btn{align-items:center;background:#0000;border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-sm);border-radius:var(--tester-radius-btn,var(--border-radius-sm));color:var(--text-color);color:var(--text-secondary,var(--text-color));cursor:pointer;display:inline-flex;font-family:inherit;font-family:var(--tester-mono,inherit);font-size:11px;font-weight:600;gap:6px;height:30px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase;transition:all var(--transition-speed) ease}.format-toggle .format-btn.active{background:var(--primary-light);background:var(--tester-inset,var(--primary-light));border-color:var(--tester-accent,var(--primary-color))}.format-toggle .format-btn.active,.format-toggle .format-btn:hover{color:var(--primary-color);color:var(--tester-accent,var(--primary-color))}.format-toggle .format-btn:hover{border-color:color-mix(in srgb,var(--tester-accent,var(--primary-color)) 45%,var(--tester-hairline,var(--border-color)))}.export-buttons{align-items:center;display:flex;gap:6px;position:relative;z-index:17}.export-btn,.spec-preview.modern .debug-btn{align-items:center;background:#0000;border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-sm);border-radius:var(--tester-radius-btn,var(--border-radius-sm));color:var(--text-color);color:var(--text-secondary,var(--text-color));cursor:pointer;display:inline-flex;font-size:12px;height:30px;justify-content:center;padding:0;transition:all var(--transition-speed) ease;width:30px}.export-btn:hover,.spec-preview.modern .debug-btn:hover{background:#0000;background:var(--tester-inset,#0000);border-color:color-mix(in srgb,var(--tester-accent,var(--primary-color)) 45%,var(--tester-hairline,var(--border-color)));color:var(--primary-color);color:var(--tester-accent,var(--primary-color))}.export-btn.success{border-color:var(--success-color);color:var(--success-color)}.spec-preview.modern .debug-btn.error{border-color:var(--danger-color);color:var(--danger-color)}.spec-preview.modern .debug-btn.success{border-color:var(--success-color);color:var(--success-color)}.spec-preview.modern .debug-btn.neutral{border-color:var(--tester-hairline,var(--border-color));color:var(--text-muted);color:var(--text-secondary,var(--text-muted))}.export-wrapper{position:relative;z-index:18}.export-menu{background:var(--card-bg);background:var(--tester-surface,var(--card-bg));border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius);border-radius:var(--tester-radius-sm,var(--border-radius));box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 8%,#0000);box-shadow:0 6px 24px color-mix(in srgb,var(--tester-accent,var(--primary-color)) 8%,#0000);display:flex;flex-direction:column;gap:4px;min-width:140px;padding:6px;position:absolute;right:0;top:36px;z-index:19}.export-menu .menu-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;display:flex;font-size:12px;gap:8px;height:32px;padding:0 8px;transition:all var(--transition-speed) ease}.export-menu .menu-item:hover{background:var(--hover-bg);border-color:var(--border-color)}.icon-btn{align-items:center;display:inline-flex;height:30px;justify-content:center;min-width:30px;padding:0;width:30px}.spec-preview.modern .btn-icon,.spec-preview.modern .btn-icon:hover{background:#0000;color:currentColor;font-size:16px}.spec-preview.modern .header-icon,.spec-preview.modern .header-icon:hover{background:#0000;color:currentColor;font-size:16px;opacity:1}.badge{align-items:center;background:var(--danger-bg);border-radius:999px;color:var(--danger-text);display:inline-flex;font-size:10px;height:16px;justify-content:center;line-height:1;margin-left:6px;min-width:16px;padding:0 4px}.preview-error-banner{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);color:var(--text-color);margin-top:16px;overflow:hidden;padding:16px 20px;position:relative;z-index:14}.preview-error-banner:before{background:var(--danger-color);border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.preview-info-banner{align-items:flex-start;background:var(--info-light);border:1px solid var(--primary-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);color:var(--text-color);display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative}.preview-info-banner:before{background:var(--primary-color);border-radius:0 2px 2px 0;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:3px}.preview-info-banner .info-icon{align-items:center;background:var(--primary-color);border-radius:var(--border-radius-sm);color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;opacity:.9;padding:4px;width:20px}.preview-info-banner .info-message{color:var(--text-color);font-size:14px;line-height:1.5;margin:0;opacity:.9}.preview-content{background:var(--card-bg);background:var(--tester-surface,var(--card-bg));border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-lg);border-radius:var(--tester-radius,var(--border-radius-lg));box-shadow:0 4px 18px color-mix(in srgb,var(--primary-color) 4%,#0000);box-shadow:0 4px 18px color-mix(in srgb,var(--tester-accent,var(--primary-color)) 4%,#0000);margin:20px;overflow:hidden;padding:8px}.editor-wrapper,.preview-content{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.editor-wrapper.split{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.editor-pane{border-radius:var(--border-radius-sm);min-height:520px;overflow:hidden;position:relative;z-index:1}.floating-toolbar{align-items:center;display:flex;flex-direction:row;gap:8px;position:absolute;right:12px;top:12px;z-index:16}.floating-toolbar .toolbar-btn{align-items:center;background:var(--card-bg);background:var(--tester-inset,var(--card-bg));border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-sm);border-radius:var(--tester-radius-btn,var(--border-radius-sm));color:var(--text-color);color:var(--text-secondary,var(--text-color));cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding-left:4px;transition:all var(--transition-speed) ease;width:42px}.floating-toolbar .toolbar-btn:hover{background:var(--card-bg);background:var(--tester-surface,var(--card-bg));border-color:color-mix(in srgb,var(--tester-accent,var(--primary-color)) 45%,var(--tester-hairline,var(--border-color)));color:var(--primary-color);color:var(--tester-accent,var(--primary-color))}.floating-toolbar .toolbar-btn.success{border-color:var(--success-color);color:var(--success-color)}.floating-toolbar .toolbar-btn.error{border-color:var(--danger-color);color:var(--danger-color)}.preview-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px}.stat-card{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);gap:12px;overflow:hidden;padding:14px;position:relative;transition:all var(--transition-speed) ease}.stat-card:before{background:color-mix(in srgb,var(--tester-accent) 80%,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-speed) ease;width:28px}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:color-mix(in srgb,var(--tester-accent) 45%,var(--tester-hairline))}.stat-card.clickable:hover:before,.stat-card.ok:before{opacity:1}.stat-card.warn:before{background:var(--warning-color);opacity:1}.spec-preview.modern .stat-icon{color:var(--tester-accent);font-size:20px}.stat-label{color:var(--text-muted);color:var(--text-secondary,var(--text-muted));font-family:inherit;font-family:var(--tester-mono,inherit);font-size:10px;font-weight:600;letter-spacing:.14em}.stat-value{font-size:1.15rem;font-weight:650}.issue-list{margin:0;max-height:200px;overflow:auto}.issue-row{border-bottom:1px solid var(--danger-border);font-size:13px;line-height:1.4;padding:8px 0}.issue-row:last-child{border-bottom:none}.issue-row.error{color:var(--danger-color)}.issue-row.warning{color:var(--warning-color)}.debug-info{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-sm);border-radius:var(--tester-radius-btn,var(--border-radius-sm));display:flex;gap:12px;justify-content:space-between;margin:20px;padding:10px 16px}.debug-info h4{letter-spacing:.08em;margin:0}.debug-info h4,.spec-preview.modern .debug-btn-text{color:var(--text-color);color:var(--text-secondary,var(--text-color));font-family:inherit;font-family:var(--tester-mono,inherit);font-size:11px;font-weight:600;text-transform:uppercase}.spec-preview.modern .debug-btn-text{align-items:center;background:#0000;border:1px solid var(--tester-hairline,var(--border-color));border-radius:var(--border-radius-sm);border-radius:var(--tester-radius-btn,var(--border-radius-sm));cursor:pointer;display:inline-flex;gap:8px;height:30px;letter-spacing:.04em;padding:0 12px;transition:all var(--transition-speed) ease}.spec-preview.modern .debug-btn-text:hover{background:#0000;background:var(--tester-inset,#0000);border-color:color-mix(in srgb,var(--tester-accent,var(--primary-color)) 45%,var(--tester-hairline,var(--border-color)));color:var(--primary-color);color:var(--tester-accent,var(--primary-color))}.spec-preview.modern .debug-btn-text:focus{box-shadow:inset 0 0 0 2px var(--primary-color);outline:none}.spec-preview.modern .debug-btn-text:active{transform:translateY(1px)}@media (max-width:820px){.format-toggle .format-btn span{display:none}.preview-header{padding:16px 20px!important}.preview-header h3{font-size:16px!important}.preview-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;padding:8px}}@media (max-width:600px){.floating-toolbar{right:8px;top:10px}.preview-header{border-radius:var(--border-radius-lg)!important;padding:14px 16px!important}.preview-header h3{font-size:15px!important;gap:10px!important}.preview-header .header-icon{height:20px!important;padding:4px!important;width:20px!important}.preview-info-banner{gap:10px!important;padding:14px 16px!important}.preview-info-banner .info-message{font-size:13px!important}.preview-stats{gap:6px;grid-template-columns:1fr;margin:8px 0;padding:6px}.stat-card{flex-direction:column;gap:6px;padding:12px;text-align:center}.editor-wrapper.split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.preview-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.spinner-container{margin-bottom:16px}.spinner{color:var(--primary-color);font-size:24px}.loading-subtitle{color:var(--text-muted);font-size:12px;margin-top:8px;opacity:.7}.preview-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.error-icon-large{color:var(--danger-color);font-size:48px;margin-bottom:16px}.preview-error h4{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 8px}.preview-error p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0 0 24px}.retry-button{background:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all var(--transition-speed) ease}.retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.preview-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.empty-icon{color:var(--text-muted);font-size:48px}.empty-title{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 8px}.empty-description{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0;max-width:400px}.error-icon{color:var(--danger-color);margin-right:8px}.error-message{color:var(--text-color);flex:1 1}.error-dismiss{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;font-size:18px;margin-left:12px;padding:4px;transition:all var(--transition-speed) ease}.error-dismiss:hover{background:var(--danger-bg-hover);color:var(--danger-color)}.stat-content{display:flex;flex-direction:column;gap:2px}.glass-effect{background:var(--tester-surface)}.error-dismiss:focus,.export-btn:focus,.format-btn:focus,.menu-item:focus,.retry-button:focus,.spec-preview.modern .debug-btn:focus,.toolbar-btn:focus{box-shadow:inset 0 0 0 2px var(--primary-color);outline:none}.export-btn:active,.format-btn:active,.spec-preview.modern .debug-btn:active,.toolbar-btn:active{transform:translateY(1px)}.export-btn:disabled,.format-btn:disabled,.retry-button:disabled,.spec-preview.modern .debug-btn:disabled,.toolbar-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}::selection{background:var(--primary-light);color:var(--primary-color)}.issue-list::-webkit-scrollbar,.preview-container::-webkit-scrollbar{height:6px;width:6px}.issue-list::-webkit-scrollbar-track,.preview-container::-webkit-scrollbar-track{background:#0000;border-radius:3px}.issue-list::-webkit-scrollbar-thumb,.preview-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px;opacity:.3}.issue-list::-webkit-scrollbar-thumb:hover,.preview-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color);opacity:.5}.preview-content,.preview-header,.preview-stats{animation:tsRise .42s cubic-bezier(.16,1,.3,1) both}.spec-preview.modern [title]{cursor:help}.badge.warning{background:var(--warning-color);color:#fff}.badge.success{background:var(--success-color);color:#fff}.badge.info{background:var(--primary-color);color:#fff}:root{--color-primary:#014c75;--color-primary-hover:#013b5b;--color-primary-pressed:#012a41;--color-primary-light:#e5f3ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--text-primary:#333;--text-secondary:#6c757d;--text-tertiary:#9ca3af;--bg-primary:#f8f9fa;--bg-surface:#fff;--bg-hover:#f5f5f5;--border-light:#e1e4e8;--border-hover:#d1d5db}.diff-summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2%}@media (prefers-color-scheme:dark){:root{--color-primary:#4fc3e7;--color-primary-hover:#3ba8c7;--color-primary-pressed:#2b8aa7;--color-primary-light:#4fc3e71a;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--bg-primary:#1f2937;--bg-surface:#374151;--bg-hover:#4b5563;--border-light:#4b5563;--border-hover:#6b7280}}.summary-card{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#e1e4e8);border-radius:.75rem;box-shadow:0 2px 8px #014c751a;padding:1.25rem}.summary-card:hover{border-color:#d1d5db;border-color:var(--border-hover,#d1d5db);box-shadow:0 8px 25px #014c7533;transform:translateY(-2px)}.card-header{align-items:flex-start;display:flex;gap:.875rem;margin-bottom:.75rem}.card-icon{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);border-radius:.5rem;color:#6c757d;color:var(--text-secondary,#6c757d);height:2.25rem;width:2.25rem}.card-icon.breaking{background:#ef44441a;color:#ef4444;color:var(--color-error,#ef4444)}.card-icon.green,.card-icon.safe{background:#10b9811a;color:#10b981;color:var(--color-success,#10b981)}.card-icon.blue{background:#e5f3ff;background:var(--color-primary-light,#e5f3ff);color:#014c75;color:var(--color-primary,#014c75)}.card-icon.orange{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning,#f59e0b)}.card-icon.red{background:#ef44441a;color:#ef4444;color:var(--color-error,#ef4444)}.card-content{min-width:0}.card-content h3{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;font-weight:500;letter-spacing:.025em;margin:0 0 .25rem;text-transform:uppercase}.card-value{color:var(--text-primary,#333);font-size:1.875rem;margin:0}.card-footer{margin-top:.75rem}.card-subtitle{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.75rem;font-weight:500}.summary-card.total-changes .card-icon{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);color:#6c757d;color:var(--text-secondary,#6c757d)}.summary-card.breaking-changes{border-left:3px solid #ef4444;border-left:3px solid var(--color-error,#ef4444)}.summary-card.breaking-changes:hover{border-left-color:#ef4444;border-left-color:var(--color-error,#ef4444)}.summary-card.non-breaking-changes{border-left:3px solid #10b981;border-left:3px solid var(--color-success,#10b981)}.summary-card.non-breaking-changes:hover{border-left-color:#10b981;border-left-color:var(--color-success,#10b981)}.summary-card.compatibility-score{position:relative}.summary-card.compatibility-score:after{background:#014c75;background:var(--color-primary,#014c75);border-radius:50%;box-shadow:0 2px 4px #014c754d;content:"";height:12px;position:absolute;right:1rem;top:1rem;width:12px}.summary-card.compatibility-score.excellent:after{background:#10b981;background:var(--color-success,#10b981);box-shadow:0 2px 4px #10b9814d}.summary-card.compatibility-score.good:after{background:#014c75;background:var(--color-primary,#014c75);box-shadow:0 2px 4px #014c754d}.summary-card.compatibility-score.moderate:after{background:#f59e0b;background:var(--color-warning,#f59e0b);box-shadow:0 2px 4px #f59e0b4d}.summary-card.compatibility-score.poor:after{background:#ef4444;background:var(--color-error,#ef4444);box-shadow:0 2px 4px #ef44444d}@media (max-width:640px){.diff-summary-cards{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.summary-card{padding:1rem}.card-header{gap:.75rem}.card-icon{height:2rem;width:2rem}.card-value{font-size:1.5rem}}@media (max-width:480px){.diff-summary-cards{grid-template-columns:1fr 1fr}}.empty-comparison-state{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-light,#e1e4e8);border-radius:12px;grid-column:1/-1;margin:2%;padding:3rem 2rem;text-align:center}.empty-comparison-icon{align-items:center;background:#10b9811a;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.success-icon{color:#10b981;color:var(--color-success,#10b981);height:2rem;width:2rem}.empty-comparison-state h3{color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.empty-comparison-state p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:1rem;line-height:1.5;margin:0 0 2rem}.identical-versions-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.version-detail{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-light,#e1e4e8);border-radius:8px;color:#333;color:var(--text-primary,#333);font-size:.9rem;padding:.75rem 1.5rem}.version-detail strong{color:#014c75;color:var(--color-primary,#014c75);margin-right:.5rem}.compatibility-status{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;color:var(--color-success,#10b981);display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem}.shield-icon{height:1.25rem;width:1.25rem}.diff-comparison-panel{--bg-primary:#f8f9fa;--bg-surface:#fff;--bg-hover:#f5f5f5;--text-primary:#333;--text-secondary:#6c757d;--border-light:#e1e4e8;--color-primary:#014c75;border:1px solid #003956;border:1px solid var(--border-light,#003956);border-radius:.75rem;flex:1 1;flex-direction:column;margin:2%;min-height:0;overflow:hidden}.comparison-header,.diff-comparison-panel{background:#fff;background:var(--bg-surface,#fff);display:flex}.comparison-header{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-light,#e1e4e8);flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.view-mode-selector{background:#fff;background:var(--bg-surface,#fff);border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.view-mode-btn:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.view-mode-btn.active{background:#fff;background:var(--bg-primary,#fff);box-shadow:0 1px 3px #0000001a;box-shadow:0 1px 3px var(--shadow-light,#0000001a);color:#333;color:var(--text-primary,#333)}.comparison-actions{align-items:center;display:flex;gap:.5rem}.action-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-light,#e1e4e8);border-radius:.375rem;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.action-btn:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);border-color:#e1e4e8;border-color:var(--border-light,#e1e4e8);color:#333;color:var(--text-primary,#333)}.comparison-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.side-by-side-view{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:0}.spec-panel{border-right:1px solid #e1e4e8;border-right:1px solid var(--border-light,#e1e4e8);display:flex;flex-direction:column;min-height:0}.spec-panel:last-child{border-right:none}.panel-header{background:#fff;background:var(--bg-surface,#fff);border-bottom:1px solid var(--border-light,#e1e4e8);flex-shrink:0;padding:1rem 1.5rem}.panel-header h4{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin:0;text-transform:uppercase}.spec-content{flex:1 1;overflow:auto;padding:0}.spec-content pre{background:#fff;background:var(--bg-surface,#fff);border:none;color:#333;color:var(--text-primary,#333);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5;margin:0;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.spec-content code{background:#0000;border:none;color:inherit;padding:0}.unified-view{display:flex;flex-direction:column;height:100%}.unified-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.diff-content{background:#fff;background:var(--background-color,#fff);flex:1 1;overflow:auto}.diff-lines{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5}.diff-line-group{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-ultra-light,#f3f4f6)}.diff-line{align-items:flex-start;border-left:3px solid #0000;display:flex;padding:.25rem 0}.diff-line.removed{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border-left-color:#ef4444;border-left-color:var(--color-error,#ef4444)}.diff-line.added{background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);border-left-color:#10b981;border-left-color:var(--color-success,#10b981)}.diff-line.unchanged{background:#0000}.line-number{color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:inline-block;flex-shrink:0;font-weight:500;padding:0 .75rem;text-align:right;-webkit-user-select:none;user-select:none;width:3rem}.line-content{color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1;padding-right:1rem;white-space:pre-wrap;word-break:break-word}.visual-view{display:flex;flex-direction:column;height:100%}.visual-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.visual-content{flex:1 1;overflow:auto;padding:1.5rem}.endpoints-comparison{display:flex;flex-direction:column;gap:.75rem}.endpoint-change{align-items:center;background:#f8fafc;background:var(--bg-surface,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.endpoint-change:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db)}.endpoint-info{gap:.75rem}.method{background:#f3f4f6;background:var(--color-neutral-bg,#f3f4f6);border-radius:.25rem;color:#6b7280;color:var(--color-neutral,#6b7280);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.path{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500}.change-type{align-items:center;display:flex;gap:.5rem}.change-badge{border-radius:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .625rem;text-transform:capitalize}.change-badge.addition{background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);color:#10b981;color:var(--color-success,#10b981)}.change-badge.removal{background:#fef2f2;background:var(--color-error-bg,#fef2f2);color:#ef4444;color:var(--color-error,#ef4444)}.change-badge.modification{background:#fffbeb;background:var(--color-warning-bg,#fffbeb);color:#f59e0b;color:var(--color-warning,#f59e0b)}.no-visual-changes{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-visual-changes .icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af);height:2.5rem;margin-bottom:1rem;width:2.5rem}.no-specs-message{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;height:100%;justify-content:center;padding:4rem 2rem;text-align:center}.no-specs-message .icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af);height:3rem;margin-bottom:1rem;width:3rem}.no-specs-message h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.no-specs-message p{font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.comparison-header{align-items:stretch;flex-direction:column;gap:1rem}.comparison-actions,.view-mode-selector{justify-content:center}.side-by-side-view{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.spec-panel{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);border-right:none}.spec-panel:last-child{border-bottom:none}.endpoint-change{align-items:stretch;flex-direction:column;gap:.75rem}.change-type{justify-content:center}}@media (max-width:480px){.action-btn,.view-mode-btn{font-size:.8125rem;padding:.375rem .5rem}.spec-content pre{font-size:.75rem;padding:1rem}.line-number{width:2.5rem}.line-content,.line-number{font-size:.75rem}}.dark .diff-comparison-panel,.diff-comparison-panel[data-theme=dark]{--bg-primary:#00111a;--bg-surface:#002234;--bg-hover:#013b5b;--text-primary:#fff;--text-secondary:#b8d4e3;--text-tertiary:#7a9bad;--border-light:#003956;--color-primary:#014c75;--shadow-light:#0000004d;--color-error:#ef4444;--color-error-bg:#2d1117;--color-success:#10b981;--color-success-bg:#0f2419;--color-warning:#f59e0b;--color-warning-bg:#1f1a14;--color-neutral:#b8d4e3;--color-neutral-bg:#002234}@media (prefers-color-scheme:dark){.diff-comparison-panel{--bg-primary:#00111a;--bg-surface:#002234;--bg-hover:#013b5b;--text-primary:#fff;--text-secondary:#b8d4e3;--text-tertiary:#7a9bad;--border-light:#003956;--color-primary:#014c75;--shadow-light:#0000004d;--color-error:#ef4444;--color-error-bg:#2d1117;--color-success:#10b981;--color-success-bg:#0f2419;--color-warning:#f59e0b;--color-warning-bg:#1f1a14;--color-neutral:#b8d4e3;--color-neutral-bg:#002234}}.changes-list{--bg-primary:#f8f9fa;--bg-surface:#fff;--bg-hover:#f5f5f5;--text-primary:#333;--text-secondary:#6c757d;--border-light:#e1e4e8;--color-primary:#014c75;--color-error:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-light,#e1e4e8);border-radius:.75rem;margin:2%;overflow:hidden}.changes-header{align-items:center;background:#fff;background:var(--bg-surface,#fff);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-light,#e1e4e8);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.changes-header h3{color:#333;color:var(--text-primary,#333);font-size:1.125rem;font-weight:600;margin:0}.changes-count{background:#fff;background:var(--bg-surface,#fff);border-radius:.375rem;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;font-weight:500;padding:.25rem .625rem}.changes-items{max-height:32rem;overflow-y:auto}.change-item{background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-light,#e1e4e8);transition:all .2s ease}.change-item:last-child{border-bottom:none}.change-item:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.change-item.breaking{border-left:3px solid #ef4444;border-left:3px solid var(--color-error,#ef4444)}.change-item.safe{border-left:3px solid #10b981;border-left:3px solid var(--color-success,#10b981)}.change-header{cursor:pointer;justify-content:space-between;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.change-header,.change-main{align-items:flex-start;display:flex}.change-main{flex:1 1;gap:.875rem;min-width:0}.change-indicators{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.change-icon{color:#6c757d;color:var(--text-secondary,#6c757d);height:1.125rem;width:1.125rem}.change-icon.addition{color:#10b981;color:var(--color-success,#10b981)}.change-icon.removal{color:#ef4444;color:var(--color-error,#ef4444)}.change-icon.modification{color:#f59e0b;color:var(--color-warning,#f59e0b)}.breaking-indicator{color:#ef4444;color:var(--color-error,#ef4444);height:.875rem;width:.875rem}.safe-indicator{color:#10b981;color:var(--color-success,#10b981);height:.875rem;width:.875rem}.change-content{flex:1 1;min-width:0}.change-path{color:#333;color:var(--text-primary,#333);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500;margin-bottom:.25rem;word-break:break-all}.change-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;line-height:1.4}.change-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.change-type{border-radius:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.change-type.addition{background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);color:#10b981;color:var(--color-success,#10b981)}.change-type.removal{background:#fef2f2;background:var(--color-error-bg,#fef2f2);color:#ef4444;color:var(--color-error,#ef4444)}.change-type.modification{background:#fffbeb;background:var(--color-warning-bg,#fffbeb);color:#f59e0b;color:var(--color-warning,#f59e0b)}.expand-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:1.5rem;justify-content:center;transition:all .2s ease;width:1.5rem}.expand-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.change-details{background:#fafbfc;background:var(--bg-ultra-light,#fafbfc);border-top:1px solid #f3f4f6;border-top:1px solid var(--border-ultra-light,#f3f4f6);padding:0 1.5rem 1rem 3.25rem}.change-detail-section{margin-bottom:1rem}.change-detail-section:last-child{margin-bottom:0}.change-detail-section h4{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.change-detail-section p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0}.change-detail-section.impact{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-border,#fecaca);border-radius:.5rem;padding:.75rem}.change-detail-section.impact h4{color:#ef4444;color:var(--color-error,#ef4444)}.change-detail-section.impact p{color:#dc2626;color:var(--color-error-text,#dc2626)}.change-detail-section.recommendation{background:#eff6ff;background:var(--color-info-bg,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-info-border,#bfdbfe);border-radius:.5rem;padding:.75rem}.change-detail-section.recommendation h4{color:#014c75;color:var(--color-info,#014c75)}.change-detail-section.recommendation p{color:#014c75;color:var(--color-info-text,#014c75)}.value-comparison{grid-gap:.75rem;display:grid;gap:.75rem}.new-value,.old-value{display:flex;flex-direction:column;gap:.375rem}.value-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.old-value .value-label{color:#ef4444;color:var(--color-error,#ef4444)}.new-value .value-label{color:#10b981;color:var(--color-success,#10b981)}.new-value code,.old-value code{background:#f8fafc;background:var(--bg-code,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.375rem;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:block;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;max-height:8rem;overflow-y:auto;padding:.75rem;white-space:pre-wrap;word-break:break-all}.examples{margin-top:.75rem}.example-item{margin-bottom:.5rem}.example-item code{background:#f8fafc;background:var(--bg-code,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.375rem;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:block;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;padding:.5rem .75rem}.search-highlight{background:#fbbf24;background:var(--color-highlight,#fbbf24);border-radius:.25rem;color:#92400e;color:var(--color-highlight-text,#92400e);font-weight:600;padding:.125rem .25rem}.changes-list-empty{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;margin:2%;padding:3rem 1.5rem;text-align:center}.changes-list-empty .empty-icon{color:#10b981;color:var(--color-success,#10b981);height:2.5rem;margin-bottom:1rem;width:2.5rem}.changes-list-empty h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.changes-list-empty p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.changes-header{align-items:flex-start;flex-direction:column;gap:.75rem}.change-header{align-items:stretch;flex-direction:column;gap:.875rem}.change-main{align-items:flex-start}.change-actions{align-self:flex-end}.change-details{padding-left:1.5rem}.value-comparison{grid-template-columns:1fr}}.changes-list[data-theme=dark],.dark .changes-list{--bg-primary:#00111a;--bg-surface:#002234;--bg-hover:#013b5b;--text-primary:#fff;--text-secondary:#b8d4e3;--text-tertiary:#7a9bad;--border-light:#003956;--color-primary:#014c75;--color-error:#ef4444;--color-error-bg:#2d1117;--color-error-border:#404040;--color-error-text:#fca5a5;--color-success:#10b981;--color-success-bg:#0f2419;--color-info:#014c75;--color-info-bg:#e5f3ff;--color-info-border:#b8d4e3;--color-info-text:#014c75;--color-warning:#f59e0b;--color-warning-bg:#1f1a14;--color-highlight:#f59e0b;--color-highlight-text:#92400e}@media (prefers-color-scheme:dark){.changes-list{--bg-primary:#00111a;--bg-surface:#002234;--bg-hover:#013b5b;--text-primary:#fff;--text-secondary:#b8d4e3;--text-tertiary:#7a9bad;--border-light:#003956;--color-primary:#014c75;--color-error:#ef4444;--color-error-bg:#2d1117;--color-error-border:#404040;--color-error-text:#fca5a5;--color-success:#10b981;--color-success-bg:#0f2419;--color-info:#014c75;--color-info-bg:#e5f3ff;--color-info-border:#b8d4e3;--color-info-text:#014c75;--color-warning:#f59e0b;--color-warning-bg:#1f1a14;--color-highlight:#f59e0b;--color-highlight-text:#92400e}}.contract-diff-viewer{--bg-primary:var(--designer-bg);--bg-surface:var(--designer-card);--bg-hover:var(--hover-bg);--text-primary:var(--designer-text-primary);--text-secondary:var(--designer-text-secondary);--text-tertiary:var(--designer-text-muted);--text-placeholder:var(--designer-text-muted);--border-light:var(--designer-border);--border-hover:var(--designer-border-light);--color-primary:var(--designer-primary);--color-primary-hover:var(--designer-primary-hover);--color-primary-alpha:color-mix(in srgb,var(--designer-primary) 14%,#0000);--color-success:var(--designer-success);--color-warning:var(--designer-warning);--color-error:var(--designer-error);--shadow-light:var(--designer-shadow);background:var(--designer-bg);color:var(--designer-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;height:100%}.contract-diff-viewer .diff-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 2rem}.contract-diff-viewer .diff-title{align-items:center;display:flex;gap:.75rem}.contract-diff-viewer .title-icon{color:var(--color-primary);height:1.5rem;width:1.5rem}.contract-diff-viewer .diff-title h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.diff-actions{align-items:center;display:flex;gap:.75rem}.btn{align-items:center;background:#0000;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn-outline{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-hover);color:var(--text-primary)}.contract-diff-viewer .version-selection{grid-gap:1.5rem;align-items:end;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:grid;gap:1.5rem;grid-template-columns:1fr 1fr auto;padding:1.5rem 2rem}.contract-diff-viewer .version-selector{display:flex;flex-direction:column;gap:.5rem}.contract-diff-viewer .version-selector label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.contract-diff-viewer .select-wrapper{position:relative}.contract-diff-viewer .select-wrapper select{width:100%}.contract-diff-viewer .select-wrapper select:disabled{background:var(--bg-surface);cursor:not-allowed;opacity:.5}.contract-diff-viewer .select-wrapper select .placeholder-option,.contract-diff-viewer .select-wrapper select option[value=""]{color:var(--text-placeholder);font-style:italic}.contract-diff-viewer .select-icon{display:none}.compare-actions{display:flex;flex-direction:row;gap:.5rem}.error-banner{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:1px solid #fca5a5;border-left:4px solid #ef4444;border:1px solid var(--color-error,#fca5a5);border-left:4px solid var(--color-error,#ef4444);color:var(--color-error-text,#dc2626);font-size:.875rem;gap:.75rem;padding:1rem 2rem}.loading-state{font-size:.875rem;gap:.75rem;padding:3rem 2rem}.diff-results{flex:1 1;flex-direction:column;overflow:hidden}.diff-controls,.diff-results{display:flex;gap:1.5rem;padding:1.5rem 2rem}.diff-controls{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);justify-content:space-between}.search-box{flex:1 1;max-width:24rem;position:relative}.search-box:hover .search-input{border-color:var(--border-hover)}.search-box:focus-within .search-input{border-color:var(--color-primary)}.search-icon{align-items:center;display:flex;height:1rem;justify-content:center;left:.875rem;pointer-events:none;transition:all .2s ease;width:1rem;z-index:1}.search-box:hover .search-icon{color:var(--color-primary);opacity:1}.search-box:focus-within .search-icon{color:var(--color-primary);opacity:1;transform:translateY(-50%) scale(1.05)}.search-input{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem .875rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha);outline:none}.search-input::placeholder{color:var(--text-placeholder)}.filter-controls{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.filter-controls select{min-width:140px;width:auto}.filter-controls select:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.5}.filter-tabs{background:var(--bg-surface);border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.filter-tab{align-items:center;background:#0000;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.filter-tab:hover{background:var(--bg-hover)}.filter-tab.active{background:var(--bg-primary);box-shadow:0 1px 3px var(--shadow-light);color:var(--text-primary)}.empty-state{padding:4rem 2rem}.empty-icon{color:var(--text-tertiary);height:3rem;margin-bottom:1rem;width:3rem}.empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.empty-state p{font-size:.875rem;max-width:28rem}.default-state{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem}.contract-diff-viewer .summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.contract-diff-viewer .summary-card{background:var(--bg-primary)!important;border:1px solid var(--border-light);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.contract-diff-viewer .summary-card:hover{border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a}.contract-diff-viewer .summary-card.breaking{border-left:4px solid var(--color-error)}.contract-diff-viewer .summary-card.safe{border-left:4px solid var(--color-success)}.contract-diff-viewer .summary-card.compatibility{border-left:4px solid var(--color-warning)}.contract-diff-viewer .card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.contract-diff-viewer .card-icon{color:var(--text-secondary)!important;height:1rem;width:1rem}.contract-diff-viewer .card-header span{color:var(--text-secondary)!important;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.contract-diff-viewer .card-value{color:var(--text-primary)!important;font-size:2rem;font-weight:700;margin-bottom:.25rem}.contract-diff-viewer .card-description{color:var(--text-secondary)!important;font-size:.875rem;line-height:1.4}.no-comparison-state{background:var(--bg-surface);border-radius:.75rem;flex-direction:column;padding:3rem 2rem;text-align:center}.no-comparison-icon,.no-comparison-state{align-items:center;border:1px solid var(--border-light);display:flex;justify-content:center}.no-comparison-icon{background:var(--bg-primary);border-radius:50%;color:var(--text-secondary);height:3rem;margin-bottom:1rem;width:3rem}.no-comparison-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.no-comparison-state p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;max-width:24rem}.diff-tabs{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;gap:4px;margin-bottom:1.5rem;padding:4px}.diff-tabs,.tab{display:inline-flex}.tab{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.tab:disabled{cursor:not-allowed;opacity:.5}.tab:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.contract-diff-viewer .tab.active{background:var(--color-primary-alpha);color:var(--color-primary);font-weight:600}@media (max-width:768px){.diff-header{align-items:stretch;flex-direction:column;gap:1rem}.version-selection{gap:1rem;grid-template-columns:1fr}.compare-actions{flex-direction:row;justify-content:space-between}.diff-controls{align-items:stretch;flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-tabs{justify-content:center}}.comparison-benefits{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;margin:2rem 0;padding:1.5rem}.comparison-benefits h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 1rem}.comparison-benefits ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.comparison-benefits li{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.comparison-benefits li svg{color:var(--color-primary);flex-shrink:0;height:16px;width:16px}.toolbar-btn-primary{background:var(--designer-primary)!important;border:1px solid var(--designer-primary)!important;color:#fff!important;color:var(--button-text,#fff)!important}.toolbar-btn-primary:hover:not(:disabled){background:var(--designer-primary-hover)!important;border-color:var(--designer-primary-hover)!important}.toolbar-btn-primary:disabled{background:var(--designer-border)!important;border-color:var(--designer-border)!important;color:var(--designer-text-muted)!important;cursor:not-allowed}.contract-diff-viewer.contract-diff-empty{align-items:center;flex:1 1 auto;height:100%;justify-content:center;max-width:none;min-height:0;overflow:hidden;padding:20px;width:100%}.contract-diff-viewer.contract-diff-empty .empty-state{align-self:stretch;flex:1 1 auto;margin:0;max-width:none;min-height:0;overflow-y:auto;width:100%}.contract-diff-viewer .empty-state{align-items:center;background:var(--bg-surface);border:1px dashed color-mix(in srgb,var(--color-primary) 35%,var(--border-light));border-radius:16px;border-radius:var(--designer-radius-lg,16px);box-shadow:var(--designer-shadow);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:20px;min-height:440px;padding:48px 32px;text-align:center}.contract-diff-viewer .empty-icon{align-items:center;background:color-mix(in srgb,var(--color-primary) 14%,#0000);border-radius:16px;color:var(--color-primary);display:flex;height:56px;justify-content:center;margin-bottom:18px;position:relative;width:56px}.contract-diff-viewer .empty-icon svg{height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px}.contract-diff-viewer .empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:650;margin:0 0 8px}.contract-diff-viewer .empty-state p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 24px;max-width:540px}.contract-diff-viewer .empty-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.contract-diff-viewer .help-text{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:10px;border-radius:var(--designer-radius-sm,10px);max-width:440px;padding:16px 18px;text-align:left}.contract-diff-viewer .help-text strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:12px}.contract-diff-viewer .help-text ol{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;padding-left:20px}.contract-diff-viewer .help-text li{margin-bottom:8px}.contract-diff-viewer .refresh-btn{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;border-radius:var(--designer-radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 14px;transition:filter .15s ease}.contract-diff-viewer .refresh-btn:hover{background:var(--color-primary);filter:brightness(1.08)}.contract-diff-viewer .error-state,.contract-diff-viewer .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.contract-diff-viewer .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin-bottom:16px;width:32px}.contract-diff-viewer .retry-btn{background:var(--color-error);border:none;border-radius:6px;color:#fff;color:var(--button-text,#fff);cursor:pointer;margin-top:16px;padding:10px 20px;transition:background .2s ease}.contract-diff-viewer .retry-btn:hover{background:color-mix(in srgb,var(--color-error) 82%,#000)}@media (max-width:640px){.contract-diff-viewer.contract-diff-empty{padding:16px}.contract-diff-viewer .empty-state{margin:16px;padding:40px 20px}.contract-diff-viewer .empty-icon{font-size:40px}.contract-diff-viewer .empty-state h3{font-size:20px}.contract-diff-viewer .help-text{max-width:100%;padding:16px}}.arazzo-workspace{background:var(--designer-bg);color:var(--designer-text-primary);height:100%;overflow:auto;padding:28px}.arazzo-add-step,.arazzo-header,.arazzo-header-actions,.arazzo-step-actions,.arazzo-workflow-heading{align-items:center;display:flex}.arazzo-header{gap:24px;justify-content:space-between;margin-bottom:24px}.arazzo-eyebrow{color:var(--designer-primary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.arazzo-header h2,.arazzo-workflow-heading h3{margin:4px 0 6px}.arazzo-header p,.arazzo-workflow-heading p{color:var(--designer-text-secondary);margin:0}.arazzo-header-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.arazzo-button,.arazzo-step-actions button{align-items:center;background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);cursor:pointer;display:inline-flex;font:inherit;gap:7px;justify-content:center;padding:8px 12px}.arazzo-button:hover:not(:disabled),.arazzo-step-actions button:hover:not(:disabled){border-color:var(--designer-primary)}.arazzo-button:disabled,.arazzo-step-actions button:disabled{cursor:not-allowed;opacity:.5}.arazzo-button-primary{background:var(--designer-primary);border-color:var(--designer-primary);color:#fff}.arazzo-button-primary:hover:not(:disabled){background:var(--designer-primary-hover)}.arazzo-metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.arazzo-metadata-grid label,.arazzo-step-fields label{grid-gap:6px;color:var(--designer-text-secondary);display:grid;font-size:.82rem;font-weight:600;gap:6px}.arazzo-add-step select,.arazzo-metadata-grid input,.arazzo-metadata-grid textarea,.arazzo-step-fields input{background:var(--designer-canvas-bg);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);box-sizing:border-box;color:var(--designer-text-primary);font:inherit;padding:9px 10px;width:100%}.arazzo-full-width{grid-column:1/-1}.arazzo-workflow-card{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-lg);margin-top:24px;padding:20px}.arazzo-workflow-heading{gap:12px;margin-bottom:20px}.arazzo-workflow-heading svg{color:var(--designer-primary);height:28px;width:28px}.arazzo-steps{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:24px 0;padding:0}.arazzo-step{grid-gap:12px;align-items:start;background:var(--designer-canvas-bg);border:1px solid var(--designer-border-light);border-radius:var(--designer-radius-sm);display:grid;gap:12px;grid-template-columns:34px minmax(0,1fr) auto;padding:14px}.arazzo-step-index{background:var(--designer-primary);border-radius:50%;color:#fff;display:grid;font-size:.82rem;font-weight:700;height:28px;place-items:center;width:28px}.arazzo-step-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:.8fr 1.2fr;min-width:0}.arazzo-captures{grid-gap:8px;border:1px dashed var(--designer-border);border-radius:var(--designer-radius-sm);display:grid;gap:8px;padding:10px}.arazzo-capture-row,.arazzo-captures-heading{align-items:center;display:flex;gap:8px}.arazzo-captures-heading{color:var(--designer-text-secondary);font-size:.82rem;font-weight:600;justify-content:space-between}.arazzo-capture-row button,.arazzo-captures-heading button{align-items:center;background:#0000;border:0;border-radius:5px;color:var(--designer-primary);cursor:pointer;display:inline-flex;font:inherit;gap:5px;padding:5px 8px}.arazzo-captures-heading button:hover{background:var(--designer-primary-light)}.arazzo-capture-row input{min-width:0}.arazzo-capture-row input:first-child{flex:0.8 1}.arazzo-capture-row input:nth-child(2){flex:1.2 1}.arazzo-capture-row .arazzo-remove{color:var(--designer-error)}.arazzo-captures p{color:var(--designer-text-muted);font-size:.76rem;line-height:1.4;margin:0}.arazzo-captures code{color:var(--designer-text-secondary)}.arazzo-step-actions{flex-direction:column;gap:6px}.arazzo-step-actions button{padding:6px 8px}.arazzo-step-actions .arazzo-remove{color:var(--designer-error)}.arazzo-add-step{gap:8px;justify-content:flex-end}.arazzo-request-select{width:min(420px,100%)}.arazzo-request-select .app-select-trigger{background:var(--designer-canvas-bg);border-color:var(--designer-border);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);min-height:38px;padding:9px 10px}.arazzo-request-select .app-select-trigger:focus-visible,.arazzo-request-select .app-select-trigger:hover{background:var(--designer-canvas-bg);border-color:var(--designer-primary)}.arazzo-request-select .app-select-chevron,.arazzo-request-select .app-select-value--placeholder{color:var(--designer-text-secondary)}.arazzo-yaml-preview{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-sm);margin-top:24px;padding:14px}.arazzo-yaml-preview summary{cursor:pointer;font-weight:600}.arazzo-yaml-preview pre{background:var(--designer-canvas-bg);border-radius:var(--designer-radius-sm);color:var(--designer-text-primary);margin:14px 0 0;max-height:420px;overflow:auto;padding:14px}.arazzo-error{color:var(--designer-error);margin:-12px 0 18px}.arazzo-run-results{background:var(--designer-card);border:1px solid var(--designer-border);border-radius:var(--designer-radius-lg);margin-top:24px;padding:20px}.arazzo-run-results-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.arazzo-run-results h3{margin:0 0 5px}.arazzo-run-results p{color:var(--designer-text-secondary);margin:0}.arazzo-stop-control{align-items:center;color:var(--designer-text-secondary);display:inline-flex;font-size:.85rem;gap:8px;white-space:nowrap}.arazzo-result-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:18px 0 0;padding:0}.arazzo-result{grid-gap:12px;align-items:center;background:var(--designer-canvas-bg);border:1px solid var(--designer-border-light);border-radius:var(--designer-radius-sm);color:var(--designer-text-secondary);display:grid;font-size:.84rem;gap:12px;grid-template-columns:74px minmax(130px,1fr) auto auto minmax(0,1.8fr);padding:10px 12px}.arazzo-result strong{color:var(--designer-text-primary)}.arazzo-result-status{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.arazzo-result--passed .arazzo-result-status{color:#4ade80}.arazzo-result--failed .arazzo-result-status{color:var(--designer-error)}.arazzo-result--skipped .arazzo-result-status{color:var(--designer-text-muted)}.arazzo-result-message{color:var(--designer-error);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arazzo-run-empty{font-style:italic;margin-top:18px!important}@media (max-width:900px){.arazzo-header{align-items:flex-start;flex-direction:column}.arazzo-header-actions{justify-content:flex-start}.arazzo-step{grid-template-columns:34px minmax(0,1fr)}.arazzo-step-actions{flex-direction:row;grid-column:2}.arazzo-capture-row{flex-wrap:wrap}.arazzo-capture-row input:first-child,.arazzo-capture-row input:nth-child(2){flex:1 1 180px}.arazzo-result{grid-template-columns:74px minmax(120px,1fr) auto auto}.arazzo-result-message{grid-column:2/-1}}@media (max-width:620px){.arazzo-workspace{padding:18px}.arazzo-metadata-grid,.arazzo-step-fields{grid-template-columns:1fr}.arazzo-add-step{align-items:stretch;flex-direction:column}.arazzo-request-select{width:100%}.arazzo-run-results-header{flex-direction:column}.arazzo-result{grid-template-columns:1fr 1fr}.arazzo-result-message{grid-column:1/-1}.arazzo-captures-heading{align-items:flex-start;flex-direction:column}}:root{--vcm-bg-primary:var(--card-bg,#fff);--vcm-bg-secondary:var(--background-color,#f8f9fa);--vcm-bg-hover:var(--hover-bg,#f5f5f5);--vcm-bg-muted:var(--hover-bg,#f3f4f6);--vcm-text-primary:var(--text-color,#333);--vcm-text-secondary:var(--text-secondary,#6c757d);--vcm-text-muted:#9ca3af;--vcm-border-primary:var(--border-color,#e1e4e8);--vcm-border-secondary:#d1d5db;--vcm-primary-color:var(--primary-color,#014c75);--vcm-primary-hover:var(--primary-hover,#013b5b);--vcm-primary-light:var(--primary-light,#e5f3ff);--vcm-error-color:#ef4444;--vcm-error-light:#ef44441a;--vcm-success-color:#10b981;--vcm-shadow:0 20px 40px #014c7526}[data-theme=dark],body.dark-theme{--vcm-bg-primary:var(--card-bg,#002234);--vcm-bg-secondary:var(--background-color,#00111a);--vcm-bg-hover:var(--hover-bg,#013b5b);--vcm-bg-muted:#003956;--vcm-text-primary:var(--text-color,#e0e0e0);--vcm-text-secondary:var(--text-secondary,#b8d4e3);--vcm-text-muted:#7a9bad;--vcm-border-primary:var(--border-color,#003956);--vcm-border-secondary:#004a6b;--vcm-primary-color:var(--primary-color,#014c75);--vcm-primary-hover:var(--primary-hover,#013b5b);--vcm-primary-light:#1e5b8c;--vcm-error-color:#ef4444;--vcm-error-light:#ef444426;--vcm-success-color:#10b981;--vcm-shadow:0 20px 40px #0006}.version-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.version-modal{animation:modalAppear .2s ease-out;background:#fff;background:var(--vcm-bg-primary);border-radius:12px;box-shadow:0 20px 40px #014c7526;box-shadow:var(--vcm-shadow);color:#333;color:var(--vcm-text-primary);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.version-modal-header{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--vcm-border-primary);display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-title{align-items:center;display:flex;gap:12px}.title-icon{color:#014c75;color:var(--vcm-primary-color);font-size:20px}.modal-title h2{color:#333;color:var(--vcm-text-primary);font-size:20px;font-weight:600;margin:0}.close-btn{color:#6c757d;color:var(--vcm-text-secondary)}.close-btn:hover{background:#f5f5f5;background:var(--vcm-bg-hover);color:var(--vcm-text-primary)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.version-modal-form{padding:0 24px 24px}.section-header{gap:8px}.section-icon{color:#6c757d;color:var(--vcm-text-secondary);font-size:16px}.section-header h3{color:var(--vcm-text-primary);font-size:16px}.form-group.required label:after{color:#ef4444;color:var(--vcm-error-color)}.form-group label{color:var(--vcm-text-primary)}.form-group input,.form-group textarea{font-family:inherit}.form-group input.error,.form-group textarea.error{border-color:#ef4444;border-color:var(--vcm-error-color);box-shadow:0 0 0 3px #ef44441a;box-shadow:0 0 0 3px var(--vcm-error-light)}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;background:var(--vcm-bg-hover);color:#6c757d;color:var(--vcm-text-secondary);cursor:not-allowed}.error-message{color:var(--vcm-error-color)}.error-message,.field-hint{font-size:12px;margin-top:4px}.field-hint{color:#6c757d;color:var(--vcm-text-secondary)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:0}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.checkbox-text{color:#333;color:var(--vcm-text-primary);font-size:14px;font-weight:500}.spec-preview-section{background:#f5f5f5;background:var(--vcm-bg-hover);border:1px solid #e1e4e8;border:1px solid var(--vcm-border-primary);border-radius:8px;margin-bottom:32px;padding:16px}.spec-summary{margin-top:12px}.spec-stats{display:flex;flex-direction:column;gap:8px}.stat{color:#6c757d;color:var(--vcm-text-secondary);font-size:14px}.no-spec{color:#9ca3af;color:var(--vcm-text-muted);font-size:14px;font-style:italic}.modal-actions{border-top:1px solid #e1e4e8;border-top:1px solid var(--vcm-border-primary);justify-content:flex-end;padding-top:24px}.btn-primary,.btn-secondary{border:none;gap:8px;padding:12px 20px}.btn-secondary{background:#fff;background:var(--vcm-bg-primary);border:1px solid var(--vcm-border-primary);color:var(--vcm-text-primary)}.btn-secondary:hover:not(:disabled){background:#f5f5f5;background:var(--vcm-bg-hover);border-color:#d1d5db;border-color:var(--vcm-border-secondary)}.btn-primary{background:var(--vcm-primary-color)}.btn-primary:hover:not(:disabled){background:#013b5b;background:var(--vcm-primary-hover)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-icon{font-size:16px}@media (max-width:640px){.version-modal-overlay{padding:16px}.version-modal{max-height:95vh}.version-modal-header{padding:20px 20px 0}.version-modal-form{padding:0 20px 20px}.form-row{gap:16px;grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-title h2{font-size:18px}}.icon-bg{align-items:center;background:#ffffff1f;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.icon-endpoint{background:linear-gradient(135deg,#50c878,#3a9b5c);border:2px solid #3a9b5c;box-shadow:0 2px 8px #50c8784d;color:#fff}.icon-schema{background:linear-gradient(135deg,#4a90e2,#357abd);border:2px solid #357abd;box-shadow:0 2px 8px #4a90e24d;color:#fff}.icon-parameter{background:#54ca5c;border:2px solid #389f40;box-shadow:0 2px 8px #9c5ece4d;color:#fff}.icon-security{background:#b934de;border:2px solid #9427b2;box-shadow:0 2px 8px #e74c3c4d;color:#fff}.icon-info{background:#6bc0cb;border:2px solid #4aa3ae;box-shadow:0 2px 8px #1abc9c4d;color:#fff}.icon-resource{background:#d92064;border:2px solid #b01a51;box-shadow:0 2px 8px #014c754d;color:#fff}.icon-tag{background:#c43469;border:2px solid #a12a55;box-shadow:0 2px 8px #f1c40f4d;color:#fff}.icon-default{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a64d;color:#fff}.http-endpoint{border:2px solid #3a9b5c;border-radius:8px;overflow:hidden}.http-schema{border:2px solid #357abd;border-radius:8px;overflow:hidden}.node-card-icon{margin-right:8px}.node-card-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:8px 12px}.node-card-type-badge{background:#ffffff1f;border-radius:3px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:6px;padding:2px 6px}.positioned-node:hover .icon-bg{transform:scale(1.1)}.endpoint-card,.schema-card{border:2px solid;border-radius:8px;overflow:hidden}.endpoint-card{border-color:#3a9b5c}.schema-card{border-color:#357abd}.node-container{border-radius:8px;margin-bottom:16px;overflow:hidden}.node-container.endpoint{border:2px solid #3a9b5c}.node-container.schema{border:2px solid #357abd}.node-container.parameter{border:2px solid #389f40}.node-container.resource{border:2px solid #b01a51}.node-container.info{border:2px solid #4aa3ae}.node-container.security{border:2px solid #9427b2}.node-container.tag{border:2px solid #a12a55}.endpoint-node,.info-node,.parameter-node,.resource-node,.schema-node,.security-node,.tag-node{border-radius:8px!important;border-style:solid!important;border-width:2px!important;overflow:hidden!important}.endpoint-node{border-color:#3a9b5c!important}.schema-node{border-color:#357abd!important}.parameter-node{border-color:#389f40!important}.resource-node{border-color:#b01a51!important}.info-node{border-color:#4aa3ae!important}.security-node{border-color:#9427b2!important}.tag-node{border-color:#a12a55!important}.enhanced-node.endpoint-node{border-color:#3a9b5c!important}.enhanced-node.schema-node{border-color:#357abd!important}.enhanced-node.parameter-node{border-color:#389f40!important}.enhanced-node.resource-node{border-color:#b01a51!important}.enhanced-node.info-node{border-color:#4aa3ae!important}.enhanced-node.security-node{border-color:#9427b2!important}.enhanced-node.tag-node{border-color:#a12a55!important}.endpoint-node.selected,.endpoint-node.selected .node-element,.enhanced-node.selected,.enhanced-node.selected .node-element,.info-node.selected,.info-node.selected .node-element,.node-container.selected,.node-container.selected .node-element,.node-element.selected,.node-element.selected *,.parameter-node.selected,.parameter-node.selected .node-element,.positioned-node.selected,.positioned-node.selected .node-element,.resource-node.selected,.resource-node.selected .node-element,.schema-node.selected,.schema-node.selected .node-element,.security-node.selected,.security-node.selected .node-element,.tag-node.selected,.tag-node.selected .node-element,[class*=node] .node-element.selected,[class*=node] .node-element.selected *,[class*=node].selected,[class*=node].selected *{box-shadow:none!important;filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;text-shadow:none!important}.collection-mcp-panel{background:var(--background-color);color:var(--text-color);min-height:100%;overflow:auto;padding:28px}.collection-mcp-error,.collection-mcp-loading{align-items:center;color:var(--text-secondary);display:flex;gap:10px;justify-content:center;min-height:280px}.collection-mcp-error{flex-direction:column}.collection-mcp-hero{align-items:flex-start;background:linear-gradient(115deg,var(--card-bg) 0,var(--card-bg) 100%);background:linear-gradient(115deg,var(--surface-elevated,var(--card-bg)) 0,var(--surface,var(--card-bg)) 100%);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;gap:14px;margin:0 auto 20px;max-width:1200px;padding:20px}.collection-mcp-hero-icon{background:#014c75;background:var(--primary-color,#014c75);border-radius:10px;color:#fff;color:var(--button-text,#fff);display:grid;flex:0 0 auto;height:40px;place-items:center;width:40px}.collection-mcp-eyebrow{color:#1b7ca8;color:var(--primary-color,#1b7ca8);display:block;font-size:.73rem;font-weight:700;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.collection-mcp-card h3,.collection-mcp-hero h2{color:var(--text-color);margin:0}.collection-mcp-hero h2{font-size:1.15rem}.collection-mcp-card-heading p,.collection-mcp-client-note p,.collection-mcp-hero p,.collection-mcp-request-heading p,.collection-mcp-token-reveal p,.collection-mcp-token-section p{color:var(--text-secondary);font-size:.86rem;margin:5px 0 0}.collection-mcp-toggle{align-items:center;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-left:auto;padding:8px 10px;white-space:nowrap}.collection-mcp-request input,.collection-mcp-toggle input{accent-color:#014c75;accent-color:var(--primary-color,#014c75)}.collection-mcp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);margin:0 auto;max-width:1200px}.collection-mcp-card{background:var(--surface);background:var(--card-bg,var(--surface));border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm)}.collection-mcp-setup-card{padding:20px}.collection-mcp-connect-card{align-self:start;padding:20px}.collection-mcp-card-heading{align-items:flex-start;display:flex;gap:10px;margin-bottom:18px}.collection-mcp-card-heading>svg{color:#1b7ca8;color:var(--primary-color,#1b7ca8);flex:0 0 auto;margin-top:2px}.collection-mcp-card-heading h3{font-size:1rem}.collection-mcp-field,.collection-mcp-readonly-field{display:block;margin-bottom:15px}.collection-mcp-field>span,.collection-mcp-readonly-field>span,.collection-mcp-token-section>div>span{color:var(--text-secondary);display:block;font-size:.77rem;font-weight:700;letter-spacing:.045em;margin-bottom:6px;text-transform:uppercase}.collection-mcp-field em{color:var(--text-secondary);font-style:normal;font-weight:400;letter-spacing:0;text-transform:none}.collection-mcp-field input,.collection-mcp-field textarea{background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.88rem;outline:none;padding:9px 11px;resize:vertical;width:100%}.collection-mcp-field input:focus,.collection-mcp-field textarea:focus{border-color:#014c75;border-color:var(--primary-color,#014c75);box-shadow:var(--ring)}.collection-mcp-request-heading{align-items:end;display:flex;gap:12px;justify-content:space-between;margin:23px 0 9px}.collection-mcp-request-heading h3{font-size:.95rem}.collection-mcp-request-heading p{font-size:.78rem;margin:0}.collection-mcp-request-list{border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);max-height:340px;overflow:auto}.collection-mcp-request{grid-gap:9px;align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:grid;gap:9px;grid-template-columns:auto auto minmax(0,1fr) auto;padding:10px 11px}.collection-mcp-request:last-child{border-bottom:none}.collection-mcp-request:hover{background:var(--hover-bg)}.collection-mcp-request-info{min-width:0}.collection-mcp-request-info small,.collection-mcp-request-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-mcp-request-info strong{color:var(--text-color);font-size:.86rem}.collection-mcp-request-info small{color:var(--text-secondary);font-size:.75rem;margin-top:2px}.collection-mcp-method{color:var(--text-secondary);font-size:.67rem;font-weight:800;letter-spacing:.03em;min-width:40px;text-align:center}.collection-mcp-method.method-get{color:#10b981;color:var(--method-get,#10b981)}.collection-mcp-method.method-post{color:#3186b5;color:var(--method-post,#3186b5)}.collection-mcp-method.method-patch,.collection-mcp-method.method-put{color:#f59e0b;color:var(--method-put,#f59e0b)}.collection-mcp-method.method-delete{color:#ef4444;color:var(--method-delete,#ef4444)}.collection-mcp-selected{color:#10b981;color:var(--success-color,#10b981)}.collection-mcp-empty{color:var(--text-secondary);font-size:.86rem;padding:20px;text-align:center}.collection-mcp-primary-button,.collection-mcp-secondary-button{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:inline-flex;font:inherit;font-size:.84rem;font-weight:600;gap:7px;justify-content:center;min-height:36px}.collection-mcp-primary-button{background:#014c75;background:var(--primary-color,#014c75);border:1px solid #014c75;border:1px solid var(--primary-color,#014c75);color:#fff;color:var(--button-text,#fff);margin-top:16px;width:100%}.collection-mcp-secondary-button{background:#001721;background:var(--surface-sunken,#001721);border:1px solid var(--border-color);color:var(--text-color);padding:0 11px}.collection-mcp-connect-card .collection-mcp-secondary-button{background:#001721;background:var(--surface-sunken,#001721);border-color:#014c75;border-color:var(--primary-color,#014c75);box-shadow:0 1px 2px #0000002e;color:#014c75;color:var(--primary-color,#014c75)}.collection-mcp-connect-card .collection-mcp-secondary-button:hover:not(:disabled){background:#013b5b;background:var(--hover-bg,#013b5b);color:var(--text-color)}.collection-mcp-primary-button:disabled,.collection-mcp-secondary-button:disabled{cursor:wait;opacity:.65}.collection-mcp-readonly-field>div,.collection-mcp-token-value{align-items:stretch;background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;overflow:hidden}.collection-mcp-readonly-field code,.collection-mcp-token-value code{color:var(--text-color);flex:1 1;font-size:.76rem;min-width:0;overflow:auto;padding:9px;white-space:nowrap}.collection-mcp-readonly-field button,.collection-mcp-token-value button{background:#0000;border:0;border-left:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:grid;flex:0 0 36px;place-items:center;width:36px}.collection-mcp-readonly-field button:hover,.collection-mcp-token-value button:hover{background:var(--hover-bg);color:#1b7ca8;color:var(--primary-color,#1b7ca8)}.collection-mcp-token-section{align-items:center;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:15px 0}.collection-mcp-token-section p{max-width:260px}.collection-mcp-token-reveal{background:color-mix(in srgb,#10b981 9%,var(--card-bg));background:color-mix(in srgb,var(--success-color,#10b981) 9%,var(--card-bg));border:1px solid #10b98173;border-radius:6px;border-radius:var(--radius-sm,6px);margin-top:15px;padding:13px}.collection-mcp-token-reveal>div:first-child{align-items:center;color:#10b981;color:var(--success-color,#10b981);display:flex;font-size:.86rem;gap:7px}.collection-mcp-token-value{margin-top:10px}.collection-mcp-client-note{background:var(--hover-bg);background:var(--surface-sunken,var(--hover-bg));border-radius:6px;border-radius:var(--radius-sm,6px);margin-top:16px;padding:13px}.collection-mcp-client-note strong{font-size:.83rem}.collection-mcp-client-note code{color:var(--text-color);font-size:.78rem}.collection-mcp-test-guide{background:var(--surface);background:var(--card-bg,var(--surface));border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);margin:20px auto 0;max-width:1200px}.collection-mcp-test-guide summary{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.93rem;font-weight:700;gap:9px;padding:16px 20px}.collection-mcp-test-guide summary::marker{content:""}.collection-mcp-test-guide>p{color:var(--text-secondary);font-size:.84rem;margin:0;padding:0 20px 16px}.collection-mcp-guide-section{padding:0 20px}.collection-mcp-guide-section h3{color:var(--text-color);font-size:.88rem;margin:0 0 10px}.collection-mcp-setup-steps{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.collection-mcp-setup-steps article{align-items:flex-start;background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;gap:9px;padding:12px}.collection-mcp-setup-steps h4{color:var(--text-color);font-size:.81rem;margin:2px 0 0}.collection-mcp-setup-steps p{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:7px 0 0}.collection-mcp-guide-steps{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 20px 20px}.collection-mcp-guide-steps article{grid-column-gap:10px;background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);column-gap:10px;display:grid;grid-template-columns:auto minmax(0,1fr);padding:14px}.collection-mcp-guide-step-number{aspect-ratio:1;background:#014c75;background:var(--primary-color,#014c75);border-radius:999px;box-sizing:border-box;color:#fff;color:var(--button-text,#fff);display:grid;flex:0 0 24px;font-size:.76rem;font-weight:800;height:24px;line-height:1;place-items:center;width:24px}.collection-mcp-guide-steps h3{color:var(--text-color);font-size:.9rem;margin:2px 0 0}.collection-mcp-guide-steps p{color:var(--text-secondary);font-size:.79rem;grid-column:1/-1;line-height:1.45;margin:10px 0}.collection-mcp-guide-steps pre{background:#001721;background:var(--surface-sunken,#001721);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;grid-column:1/-1;line-height:1.5;margin:0;max-height:260px;overflow:auto;padding:11px;white-space:pre-wrap;word-break:break-word}.spinning{animation:collection-mcp-spin .9s linear infinite}@keyframes collection-mcp-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.collection-mcp-grid{grid-template-columns:1fr}.collection-mcp-connect-card{align-self:auto}.collection-mcp-setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-mcp-guide-steps{grid-template-columns:1fr}}@media (max-width:600px){.collection-mcp-panel{padding:16px}.collection-mcp-hero{flex-wrap:wrap;padding:16px}.collection-mcp-toggle{margin-left:0}.collection-mcp-connect-card,.collection-mcp-setup-card{padding:16px}.collection-mcp-token-section{align-items:flex-start;flex-direction:column}.collection-mcp-setup-steps{grid-template-columns:1fr}}.eval-panel{--eval-border:var(--border-color,#374151);--eval-surface:var(--card-bg,#1d1b1a);--eval-inset:var(--background-color,#151515);--eval-muted:var(--text-secondary,#a99e96);background:var(--eval-surface);border:1px solid color-mix(in srgb,var(--eval-border) 78%,var(--primary-color));border-radius:14px;box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 5%,#0000),0 12px 32px #00000024;box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 5%,#0000),var(--card-shadow,0 12px 32px #00000024);box-sizing:border-box;color:#f5eee8;color:var(--text-color,#f5eee8);flex:1 1;margin:18px 22px 24px;max-width:100%;min-height:0;overflow:hidden;width:auto}.eval-list,.eval-panel{display:flex;flex-direction:column}.eval-list{overflow-x:hidden;overflow-y:auto}.eval-hero{align-items:center;background:linear-gradient(112deg,color-mix(in srgb,var(--primary-color) 10%,var(--eval-surface)),var(--eval-surface) 54%);border-bottom:1px solid var(--eval-border);display:flex;gap:18px;justify-content:space-between;padding:22px 26px}.eval-eyebrow{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.68rem;font-weight:750;gap:6px;letter-spacing:.075em;text-transform:uppercase}.eval-hero h2{color:var(--text-color);font-size:1.22rem;letter-spacing:-.015em;margin:8px 0 0}.eval-hero p{color:var(--eval-muted);font-size:.82rem;margin:5px 0 0}.eval-detail{background:var(--eval-inset);display:grid;flex:1 1;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);max-width:calc(100% - 44px);min-height:0;width:auto}.eval-left-pane{padding:22px 24px}.eval-left-pane,.eval-right-pane{display:flex;flex-direction:column;min-width:0;overflow-y:auto}.eval-right-pane{background:color-mix(in srgb,var(--eval-surface) 78%,#0000);border-left:1px solid var(--eval-border);padding:22px 20px}.eval-detail-header{border-bottom:1px solid var(--eval-border);display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.eval-back{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.04em;padding:4px 0;text-transform:uppercase;width:-webkit-max-content;width:max-content}.eval-detail-title{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.eval-detail-title h4{color:var(--text-color);font-size:1.05rem;margin:0}.eval-detail-title .hint{display:block;margin-top:4px}.eval-add-btn{align-items:center;background:color-mix(in srgb,var(--eval-inset) 72%,#0000);border:1px solid var(--eval-border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;padding:7px 12px;transition:background .15s,border-color .15s}.eval-add-btn:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--eval-inset));border-color:var(--primary-color)}.eval-add-btn.small{font-size:.72rem;padding:6px 10px}.eval-primary-action{border-color:var(--primary-color);min-height:40px;padding:10px 15px;white-space:nowrap}.eval-primary-action,.eval-primary-action:hover{background:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.eval-primary-action:hover{filter:brightness(1.08)}.eval-suite-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:22px 26px 26px}.eval-suite-row{align-items:center;background:color-mix(in srgb,var(--eval-inset) 40%,#0000);border:1px solid var(--eval-border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;justify-content:space-between;padding:12px 14px;transition:border-color .15s,background .15s}.eval-suite-row:hover{background:color-mix(in srgb,var(--primary-color) 4%,#0000);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--eval-border))}.eval-suite-row.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--primary-color)}.eval-suite-chevron{align-items:center;color:var(--primary-color);display:inline-flex;flex:0 0 18px;justify-content:center;width:18px}.eval-suite-actions{align-items:center;display:inline-flex;gap:6px}.eval-suite-open>span:last-child{display:flex;flex-direction:column;gap:3px}.eval-inline-detail{background:color-mix(in srgb,var(--eval-surface) 70%,var(--eval-inset));border:1px solid var(--primary-color);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-md,12px) var(--radius-md,12px);border-top:0;list-style:none;margin:-8px 0 0;padding:20px}.eval-inline-actions{align-items:center;display:inline-flex;gap:8px}.eval-inline-edit{margin-bottom:18px;padding:16px}.eval-inline-edit-title{align-items:baseline;display:flex;gap:10px;margin-bottom:14px}.eval-inline-edit-title strong{color:var(--text-color);font-size:.9rem}.eval-inline-edit .eval-form-row{margin-bottom:12px}.eval-inline-edit .eval-modal-actions{margin-top:10px}.eval-inline-scenario-form{margin:16px 0 4px}.eval-run-feedback{margin:10px 0 0}.eval-run-result{border-top:1px solid var(--eval-border);margin-top:16px;padding-top:16px}.eval-suite-open{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:flex-start;min-width:0;padding:0;text-align:left}.eval-suite-open strong{font-size:.95rem}.eval-section{border-top:1px solid var(--eval-border);margin-top:18px;padding-top:18px}.eval-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.eval-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.eval-form-card-head h4,.eval-section-head>span:first-child{color:var(--text-color);font-size:.82rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.eval-scenarios{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.eval-scenarios>li{background:color-mix(in srgb,var(--eval-surface) 50%,var(--eval-inset));border:1px solid var(--eval-border);border-radius:12px;border-radius:var(--radius-md,12px);padding:13px 15px;transition:border-color .15s}.eval-scenarios>li.active{border-color:var(--primary-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 20%,#0000)}.eval-sc-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.eval-sc-head strong{color:var(--text-color);font-size:.9rem}.eval-sc-head .hint{margin-top:2px}.eval-sc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{border:1px solid var(--eval-border);color:var(--text-color);font-weight:600;padding:3px 8px}.tag.required{background:color-mix(in srgb,#22c55e 14%,#0000);border-color:color-mix(in srgb,#22c55e 50%,var(--eval-border))}.tag.forbidden{background:color-mix(in srgb,#ef4444 14%,#0000);border-color:color-mix(in srgb,#ef4444 50%,var(--eval-border))}.tag.max{background:color-mix(in srgb,#f59e0b 14%,#0000);border-color:color-mix(in srgb,#f59e0b 50%,var(--eval-border))}.tag.assert{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-color:color-mix(in srgb,var(--primary-color) 50%,var(--eval-border))}.eval-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.eval-field>label,.eval-form-row>label{color:var(--eval-muted);font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.eval-input,.eval-select,.eval-textarea{background:var(--eval-inset);border:1px solid var(--eval-border);border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.82rem;padding:9px 11px;width:100%}.eval-input:focus,.eval-select:focus,.eval-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 18%,#0000);outline:none}.eval-textarea{min-height:64px;resize:vertical}.eval-transcript{background:var(--eval-inset);border:1px solid var(--eval-border);border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;padding:11px;width:100%}.eval-run-btn{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;justify-content:center;margin-top:12px;min-height:40px;padding:10px 16px;transition:filter .15s ease,transform .15s ease}.eval-run-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.eval-run-btn:disabled{cursor:wait;opacity:.62}.eval-history{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.eval-hist-row{align-items:center;background:color-mix(in srgb,var(--eval-surface) 46%,var(--eval-inset));border:1px solid var(--eval-border);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;font-size:.8rem;gap:10px;padding:10px 12px}.eval-hist-row.failed{border-color:color-mix(in srgb,#ef4444 40%,var(--eval-border))}.eval-hist-row.passed{border-color:color-mix(in srgb,#22c55e 40%,var(--eval-border))}.eval-hist-row.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 25%,#0000)}.status-dot{color:var(--text-color)}.status-badge,.status-dot{align-items:center;display:inline-flex}.status-badge{border-radius:999px;font-size:.72rem;font-weight:700;gap:5px;padding:3px 10px}.status-badge.passed{background:color-mix(in srgb,#22c55e 16%,#0000);color:#22c55e}.status-badge.failed{background:color-mix(in srgb,#ef4444 16%,#0000);color:#ef4444}.eval-violations{list-style:none;margin:0;padding:0}.violation{background:color-mix(in srgb,#ef4444 9%,#0000);border:1px solid color-mix(in srgb,#ef4444 40%,var(--eval-border));border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:.8rem;margin-bottom:6px;padding:9px 12px}.eval-scenario-results{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:8px 0 0;padding:0}.eval-scenario-results>li{align-items:center;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;font-size:.82rem;gap:8px;padding:7px 10px}.eval-scenario-results>li.passed{background:color-mix(in srgb,#22c55e 10%,#0000)}.eval-scenario-results>li.failed{background:color-mix(in srgb,#ef4444 10%,#0000)}.eval-empty-state{align-items:center;border:1px dashed var(--eval-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--eval-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:220px;padding:48px 20px;text-align:center}.eval-form-card{background:color-mix(in srgb,var(--eval-surface) 60%,var(--eval-inset));border:1px solid var(--eval-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-color);padding:18px}.eval-form-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.eval-form-card-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.eval-save{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);display:inline-flex;font-weight:700;gap:6px}.eval-cancel,.eval-save{cursor:pointer;font-size:.8rem;padding:8px 16px}.eval-cancel{background:color-mix(in srgb,var(--eval-inset) 60%,#0000);border:1px solid var(--eval-border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color)}.eval-field{margin-bottom:14px}.tool-chips{display:flex;flex-wrap:wrap;gap:8px}.tool-chip{background:var(--eval-inset);border:1px solid var(--eval-border);border-radius:999px;color:var(--eval-muted);cursor:pointer;font-size:.78rem;padding:6px 12px;transition:background .12s,border-color .12s,color .12s}.tool-chip.on{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.eval-assertion-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.eval-assertion-row .eval-input,.eval-assertion-row .eval-select{flex:1 1 110px;margin-bottom:0}.eval-icon-btn{align-items:center;background:color-mix(in srgb,var(--eval-inset) 60%,#0000);border:1px solid var(--eval-border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--eval-muted);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;gap:5px;padding:6px 10px;transition:background .15s,border-color .15s,color .15s}.eval-icon-btn:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--eval-inset));border-color:var(--primary-color);color:var(--text-color)}.hint{color:var(--eval-muted);font-size:.78rem;line-height:1.45}.hint.error{color:#ef7a7a}.eval-suite-edit{background:color-mix(in srgb,var(--eval-surface) 60%,var(--eval-inset));border:1px solid var(--eval-border);border-radius:12px;border-radius:var(--radius-md,12px);padding:16px}.eval-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.eval-modal{background:var(--eval-surface);border:1px solid var(--eval-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-color);max-height:88vh;overflow:auto;padding:22px;width:min(520px,94vw)}.eval-modal h4{font-size:1rem;margin:0 0 16px}.eval-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}@media (max-width:1000px){.eval-detail{grid-template-columns:1fr}.eval-right-pane{border-left:none;border-top:1px solid var(--eval-border)}}@media (max-width:620px){.eval-panel{margin:12px}.eval-detail,.eval-panel{max-width:calc(100% - 24px)}.eval-hero{align-items:stretch;flex-direction:column;padding:18px 20px}.eval-primary-action{width:100%}.eval-suite-list{padding:18px 20px 20px}.eval-left-pane,.eval-right-pane{padding:18px 20px}.eval-detail-title,.eval-sc-head,.eval-section-head{align-items:stretch;flex-direction:column}.eval-assertion-row .eval-input,.eval-assertion-row .eval-select{flex:1 1 100%}}.fuzz-panel{--fuzz-border:var(--border-color,#374151);--fuzz-surface:var(--card-bg,#1d1b1a);--fuzz-inset:var(--background-color,#151515);--fuzz-muted:var(--text-secondary,#a99e96);background:var(--fuzz-surface);border:1px solid color-mix(in srgb,var(--fuzz-border) 78%,var(--primary-color));border-radius:14px;box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 5%,#0000),0 12px 32px #00000024;box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 5%,#0000),var(--card-shadow,0 12px 32px #00000024);color:#f5eee8;color:var(--text-color,#f5eee8);display:flex;flex:1 1;flex-direction:column;margin:18px 22px 24px;min-height:0;overflow:hidden}.fuzz-acknowledgement{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:12px;gap:8px;max-width:280px}.fuzz-history-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;font-size:12px;gap:3px;padding:10px 0}.fuzz-history-item span{color:#64748b;color:var(--text-muted,#64748b)}.fuzz-hero{background:linear-gradient(112deg,color-mix(in srgb,var(--primary-color) 10%,var(--fuzz-surface)),var(--fuzz-surface) 54%);border-bottom:1px solid var(--fuzz-border);display:flex;gap:24px;justify-content:space-between;padding:26px 28px 24px}.fuzz-eyebrow{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.68rem;font-weight:750;gap:6px;letter-spacing:.075em;text-transform:uppercase}.fuzz-hero h2{color:var(--text-color);font-size:1.22rem;letter-spacing:-.015em;margin:8px 0 7px}.fuzz-hero p{color:var(--fuzz-muted);font-size:.88rem;line-height:1.55;margin:0;max-width:640px}.fuzz-summary{grid-gap:2px;align-content:center;background:color-mix(in srgb,var(--fuzz-inset) 72%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 34%,var(--fuzz-border));border-radius:10px;color:var(--fuzz-muted);display:grid;font-size:.68rem;gap:2px;justify-items:center;min-width:116px;padding:12px;text-align:center}.fuzz-summary svg{color:var(--primary-color)}.fuzz-summary strong{color:var(--text-color);font-size:1.4rem;line-height:1.15}.fuzz-controls{align-items:end;background:color-mix(in srgb,var(--fuzz-inset) 44%,#0000);border-bottom:1px solid var(--fuzz-border);display:flex;gap:14px;padding:18px 28px}.fuzz-field{grid-gap:7px;display:grid;gap:7px;min-width:min(350px,100%)}.fuzz-field--profile{min-width:182px}.fuzz-field label{color:var(--fuzz-muted);font-size:.69rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}.fuzz-panel .app-select{width:100%}.fuzz-panel .app-select-trigger{background:var(--fuzz-inset);border-color:var(--fuzz-border);font-size:.82rem;min-height:40px;padding:9px 11px}.fuzz-panel .app-select-trigger:hover{border-color:var(--primary-color)}.fuzz-run-action{align-items:center;display:flex;gap:12px;margin-left:auto}.fuzz-run-action>span{color:var(--fuzz-muted);font-size:.72rem;line-height:1.35;max-width:150px}.fuzz-run-button{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:10px 15px;transition:filter .15s ease,transform .15s ease;white-space:nowrap}.fuzz-run-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.fuzz-run-button:disabled{cursor:wait;opacity:.62}.fuzz-configuration-warning{background:color-mix(in srgb,#e3a343 9%,#0000);border:1px solid color-mix(in srgb,#e3a343 42%,var(--fuzz-border));border-radius:8px;color:var(--fuzz-muted);display:flex;gap:10px;margin:16px 22px 0;padding:11px 13px}.fuzz-configuration-warning svg{color:#e3a343;flex:0 0 auto;margin-top:2px}.fuzz-configuration-warning div{grid-gap:3px;display:grid;gap:3px}.fuzz-configuration-warning b{color:var(--text-color);font-size:.78rem}.fuzz-configuration-warning span{font-size:.74rem;line-height:1.45}.fuzz-workspace{background:var(--fuzz-inset);display:grid;flex:1 1;grid-template-columns:minmax(0,1fr) minmax(250px,310px);min-height:0}.fuzz-results-pane{display:flex;flex-direction:column;min-width:0;padding:22px 24px}.fuzz-pane-heading{align-items:center;display:flex;gap:16px;justify-content:space-between}.fuzz-guide h3,.fuzz-pane-heading h3{color:var(--text-color);font-size:.96rem;letter-spacing:-.01em;margin:5px 0 0}.fuzz-queue{border:1px solid var(--fuzz-border);border-radius:99px;color:var(--fuzz-muted);font-size:.68rem;padding:5px 8px;white-space:nowrap}.fuzz-queue.complete{border-color:color-mix(in srgb,#5dc495 35%,var(--fuzz-border));color:#5dc495}.fuzz-notice{align-items:center;background:color-mix(in srgb,#e3a343 8%,#0000);border:1px solid color-mix(in srgb,#e3a343 34%,var(--fuzz-border));border-radius:8px;color:var(--fuzz-muted);display:flex;font-size:.78rem;gap:9px;margin:17px 0 0;padding:10px 12px}.fuzz-notice svg{color:#e3a343;flex:0 0 auto}.fuzz-table-wrap{background:color-mix(in srgb,var(--fuzz-surface) 46%,var(--fuzz-inset));border:1px solid var(--fuzz-border);border-radius:10px;flex:1 1;margin:16px 0 0;overflow-x:auto}.fuzz-table{border-collapse:collapse;font-size:.81rem;min-width:610px;width:100%}.fuzz-table th{background:color-mix(in srgb,var(--fuzz-surface) 70%,#0000);border-bottom:1px solid var(--fuzz-border);color:var(--fuzz-muted);font-size:.65rem;font-weight:750;letter-spacing:.06em;padding:11px 13px;text-align:left;text-transform:uppercase}.fuzz-table td{border-top:1px solid color-mix(in srgb,var(--fuzz-border) 78%,#0000);padding:13px}.fuzz-table tbody tr:first-child td{border-top:0}.fuzz-table tbody tr:hover{background:color-mix(in srgb,var(--primary-color) 4%,#0000)}.fuzz-table td:first-child{color:var(--text-color);font-weight:650}.fuzz-kind,.fuzz-table td:nth-child(2){color:var(--fuzz-muted)}.fuzz-kind{display:inline-flex;font-size:.62rem;font-weight:750;letter-spacing:.045em;margin-right:8px;min-width:58px;text-transform:uppercase}.fuzz-kind.invalid{color:#e8a85e}.fuzz-kind.boundary{color:#a999ee}.fuzz-status{align-items:center;color:var(--fuzz-muted);display:inline-flex;font-size:.78rem;gap:5px}.fuzz-status.complete{color:#5dc495}.fuzz-status.failed{color:#ef7a7a}.fuzz-result-note{color:var(--fuzz-muted);font-size:.77rem;margin:14px 0 0}.fuzz-guide{background:color-mix(in srgb,var(--fuzz-surface) 78%,#0000);border-left:1px solid var(--fuzz-border);display:flex;flex-direction:column;gap:20px;padding:23px 21px}.fuzz-guide p{color:var(--fuzz-muted);font-size:.78rem;line-height:1.55;margin:8px 0 0}.fuzz-insight-stats{border:1px solid var(--fuzz-border);border-radius:9px;display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.fuzz-insight-stats div{grid-gap:3px;display:grid;gap:3px;padding:12px}.fuzz-insight-stats div+div{border-left:1px solid var(--fuzz-border)}.fuzz-insight-stats strong{color:var(--text-color);font-size:1.15rem}.fuzz-insight-stats span{color:var(--fuzz-muted);font-size:.65rem;letter-spacing:.045em;text-transform:uppercase}.fuzz-guide-list{grid-gap:13px;counter-reset:fuzz-steps;display:grid;gap:13px;list-style:none;margin:0;padding:0}.fuzz-guide-list li{grid-gap:3px;counter-increment:fuzz-steps;display:grid;gap:3px;padding-left:26px;position:relative}.fuzz-guide-list li:before{border:1px solid color-mix(in srgb,var(--primary-color) 40%,var(--fuzz-border));border-radius:50%;color:var(--primary-color);content:counter(fuzz-steps);display:grid;font-size:.62rem;font-weight:750;height:17px;left:0;place-items:center;position:absolute;top:1px;width:17px}.fuzz-guide-list b{color:var(--text-color);font-size:.76rem}.fuzz-guide-list span{color:var(--fuzz-muted);font-size:.72rem;line-height:1.42}.fuzz-guide-footer{align-items:flex-start;border-top:1px solid var(--fuzz-border);color:var(--fuzz-muted);display:flex;font-size:.71rem;gap:7px;line-height:1.45;margin-top:auto;padding-top:16px}.fuzz-guide-footer svg{color:var(--primary-color);flex:0 0 auto;margin-top:1px}.fuzz-empty{align-items:center;display:flex;gap:18px;padding:42px}.fuzz-empty>svg{color:var(--primary-color);flex:0 0 auto;font-size:2rem}.fuzz-empty h2{font-size:1.2rem;margin:6px 0}.fuzz-empty p{color:var(--fuzz-muted);line-height:1.55;margin:0;max-width:640px}@media (max-width:1000px){.fuzz-workspace{grid-template-columns:1fr}.fuzz-guide{border-left:0;border-top:1px solid var(--fuzz-border);display:grid;grid-template-columns:1.2fr .8fr}.fuzz-guide-footer,.fuzz-guide-list{display:none}}@media (max-width:850px){.fuzz-controls{align-items:stretch;flex-wrap:wrap}.fuzz-field{flex:1 1 260px}.fuzz-run-action{justify-content:space-between;margin-left:0;width:100%}.fuzz-run-action>span{max-width:none}}@media (max-width:620px){.fuzz-panel{margin:12px}.fuzz-hero{padding:22px}.fuzz-summary{display:none}.fuzz-controls{padding:16px 20px}.fuzz-field{min-width:100%}.fuzz-run-action{align-items:stretch;flex-direction:column;gap:9px}.fuzz-run-button{width:100%}.fuzz-results-pane{padding:19px 20px}.fuzz-notice{align-items:flex-start}.fuzz-guide{grid-template-columns:1fr;padding:20px}.fuzz-result-note{margin-top:12px}}.git-sync-panel{background:var(--surface);background:var(--card-bg,var(--surface));border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);color:var(--text-color);margin:16px clamp(20px,3vw,48px);padding:clamp(20px,3vw,30px)}.git-sync-head{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.git-sync-head h3,.git-sync-modal h3{font-size:1.25rem;margin:4px 0 7px}.git-sync-head p,.git-sync-modal p{color:var(--text-secondary);line-height:1.55;margin:0}.git-sync-eyebrow{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.74rem;font-weight:700;gap:7px;letter-spacing:.08em;text-transform:uppercase}.git-sync-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.git-sync-grid article,.git-sync-path{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);padding:14px}.git-sync-grid span,.git-sync-path span{color:var(--text-secondary);display:block;font-size:.75rem;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.git-sync-grid strong{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-sync-path{grid-gap:7px 14px;align-items:center;display:grid;gap:7px 14px;grid-template-columns:-webkit-max-content minmax(0,1fr);grid-template-columns:max-content minmax(0,1fr);margin-top:12px}.git-sync-path span{margin:0}.git-sync-path code{color:var(--text-color);font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-sync-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.git-sync-btn{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);cursor:pointer;display:inline-flex;font:inherit;font-size:.84rem;font-weight:600;gap:7px;justify-content:center;min-height:38px;padding:8px 13px}.git-sync-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.git-sync-btn:focus-visible,.git-sync-icon-btn:focus-visible{box-shadow:var(--ring);outline:none}.git-sync-btn:disabled{cursor:wait;opacity:.65}.git-sync-btn--primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.git-sync-btn--primary:hover{background:var(--primary-color);filter:brightness(1.08)}.git-sync-empty{grid-gap:10px;border:1px dashed var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--text-secondary);display:grid;gap:10px;justify-items:center;margin-top:18px;min-height:220px;padding:35px;text-align:center}.git-sync-empty svg{color:var(--primary-color);font-size:1.45rem}.git-sync-empty strong{color:var(--text-color)}.git-sync-empty span{max-width:48ch}.git-sync-message{align-items:center;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;font-size:.85rem;gap:8px;margin-top:16px;padding:11px 13px}.git-sync-message--error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.git-sync-message--success{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));color:var(--text-color)}.git-sync-preview{grid-gap:14px;align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);display:grid;gap:14px;grid-template-columns:1fr auto;margin-top:18px;padding:16px}.git-sync-preview h4{margin:4px 0 6px;text-transform:capitalize}.git-sync-preview p{color:var(--text-secondary);font-size:.84rem;margin:0}.git-sync-preview details{color:var(--text-secondary);font-size:.84rem;grid-column:1/-1}.git-sync-preview summary{color:var(--text-color);cursor:pointer;font-weight:600}.git-sync-diff{grid-gap:6px;border-top:1px solid var(--border-color);display:grid;gap:6px;margin-top:10px;padding-top:10px}.git-sync-state{align-items:center;color:#15803d;color:var(--success-text,#15803d);display:inline-flex;font-size:.84rem;font-weight:600;gap:7px}.git-sync-preview--conflict{border-color:var(--warning-border,var(--border-color))}.git-sync-overlay{background:#0000008c;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1400}.git-sync-modal{background:var(--surface);background:var(--card-bg,var(--surface));border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--card-shadow);max-height:calc(100vh - 40px);overflow:auto;padding:22px;width:min(600px,100%)}.git-sync-modal footer,.git-sync-modal header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.git-sync-modal footer{justify-content:flex-end;margin-top:20px}.git-sync-modal>label:not(.git-sync-toggle){color:var(--text-secondary);display:flex;flex-direction:column;font-size:.78rem;gap:7px;letter-spacing:.04em;margin-top:16px;text-transform:uppercase}.git-sync-modal input:not([type=checkbox]){background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font:inherit;min-height:42px;padding:10px 12px;text-transform:none}.git-sync-toggle{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:9px;margin-top:14px}.git-sync-toggle input{accent-color:var(--primary-color)}.git-sync-icon-btn{background:#0000;border:0;color:var(--text-secondary);cursor:pointer;font-size:1.1rem}.git-sync-conflicts{width:min(880px,100%)}.git-sync-conflict{grid-gap:10px;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);display:grid;gap:10px;margin-top:16px;padding:14px}.git-sync-choice{display:flex;flex-wrap:wrap;gap:7px}.git-sync-choice button{background:var(--surface);border:1px solid var(--border-color);border-radius:7px;color:var(--text-color);cursor:pointer;font:inherit;font-size:.8rem;padding:7px 10px}.git-sync-choice button.active{background:color-mix(in srgb,var(--primary-color) 14%,var(--surface));border-color:var(--primary-color);color:var(--primary-color)}.git-sync-conflict textarea{background:var(--surface);border:1px solid var(--border-color);border-radius:7px;color:var(--text-color);font:.78rem monospace;font:.78rem var(--font-mono,monospace);min-height:180px;padding:10px;resize:vertical}.git-sync-spin{animation:git-sync-spin .8s linear infinite}@keyframes git-sync-spin{to{transform:rotate(1turn)}}@media (max-width:800px){.git-sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.git-sync-head{flex-direction:column}.git-sync-actions{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:520px){.git-sync-panel{margin:16px}.git-sync-grid,.git-sync-path{grid-template-columns:1fr}.git-sync-path{gap:3px}.git-sync-path code{margin-bottom:10px}}.documentation-editor{background-color:var(--background-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 6px 24px color-mix(in srgb,var(--primary-color) 6%,#0000);display:flex;flex-direction:column;height:100%;overflow:hidden}.doc-editor-header{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);border-radius:0;display:flex;justify-content:space-between;padding:18px clamp(20px,3vw,32px)}.editor-title-section{flex:1 1}.title-input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:16px;font-weight:500;padding:10px 12px;width:50%}.title-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.editor-actions{align-items:center;display:flex;gap:12px}.view-toggle-group{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:4px;padding:4px;position:relative}.view-toggle-btn{align-items:center;background-color:initial;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:550;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;position:relative;transition:all .12s ease;white-space:nowrap}.view-toggle-btn:hover:not(.active){background-color:var(--hover-bg);color:var(--text-color)}.view-toggle-btn.active{background-color:var(--primary-color);box-shadow:none;color:#fff;color:var(--button-text,#fff);font-weight:600}.view-toggle-btn.active:hover{color:#fff;color:var(--button-text,#fff);filter:brightness(1.1)}.view-toggle{background-color:#fff;background-color:var(--button-bg,#fff);border:1px solid #eaeaea;border:1px solid var(--border-color,#eaeaea);border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s ease}.view-toggle:hover{background-color:#f5f5f5;background-color:var(--button-hover,#f5f5f5)}.view-toggle.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.save-button{align-items:center;background:var(--primary-color)!important;border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff!important;color:var(--button-text,#fff)!important;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;transition:filter .12s ease}.save-button:hover{filter:brightness(1.1)}.save-button:active{transform:translateY(0)}.save-button:disabled{background-color:#ccc;transform:none}.editor-main{display:flex;flex:1 1;overflow:hidden}.editor-sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color);overflow-y:auto;padding:20px;width:280px}.insert-template-btn{align-items:center;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:12px 16px;position:relative;transition:filter .12s ease;width:100%}.insert-template-btn:hover{filter:brightness(1.1)}.insert-template-btn:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 15%,#0000);outline:none}.editor-content{background-color:var(--card-bg);display:flex;flex:1 1;overflow:hidden}.documentation-textarea{background-color:var(--background-color);border:none;color:var(--text-color);flex:1 1;font-family:Roboto Mono,Courier New,monospace;font-size:15px;line-height:1.6;padding:24px;resize:none}.documentation-textarea:focus{outline:none}.documentation-textarea::placeholder{color:var(--text-muted)}.documentation-preview{background-color:var(--card-bg);color:var(--text-color);flex:1 1;line-height:1.7;overflow-y:auto;padding:24px 32px}.documentation-preview h1{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:28px;margin-bottom:24px;margin-top:0;padding-bottom:12px}.documentation-preview h2{color:#333;color:var(--text-primary,#333);font-size:22px;margin-bottom:16px;margin-top:32px}.documentation-preview h3{color:#333;color:var(--text-primary,#333);font-size:18px;margin-bottom:12px;margin-top:24px}.documentation-preview pre{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;margin:16px 0;overflow-x:auto;padding:16px}.documentation-preview code{color:var(--text-color);font-family:Roboto Mono,Courier New,monospace;font-size:14px}.documentation-preview p{font-size:15px;margin-bottom:16px;margin-top:0}.documentation-preview img{border-radius:4px;box-shadow:0 2px 8px #0000001a;max-width:100%}.documentation-preview table{border-collapse:collapse;font-size:14px;margin:20px 0;width:100%}.documentation-preview td,.documentation-preview th{border:1px solid #eaeaea;border:1px solid var(--border-color,#eaeaea);padding:10px 14px;text-align:left}.documentation-preview th{background-color:#f8f9fa;background-color:var(--table-header-background,#f8f9fa);font-weight:600}.documentation-preview tr:nth-child(2n){background-color:#fafafa;background-color:var(--table-row-alt,#fafafa)}.editor-tools{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:none;margin-bottom:28px;padding:16px}.editor-tools h4{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:14px;margin-top:0;padding-bottom:10px;text-transform:uppercase}.editor-tools button{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;font-size:14px;margin-bottom:6px;padding:10px 12px;text-align:left;transition:all .12s ease;width:100%}.editor-tools button:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.editor-tools button:active{background-color:var(--primary-light);border-color:var(--primary-color)}.editor-tools button svg{color:var(--text-muted);margin-right:10px}.documentation-editor .endpoints-list{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:none;margin-top:24px;padding:16px}.documentation-editor .endpoints-list h4{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin-bottom:14px;margin-top:0;padding-bottom:8px}.help-text{color:#999;color:var(--text-tertiary,#999);font-size:13px;font-style:italic;margin-bottom:14px;margin-top:0}.endpoint-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);margin-bottom:8px;padding:10px 12px;transition:all .12s ease}.endpoint-item:hover{background-color:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color))}.endpoint-item:active{transform:translateY(0)}.method-badge{font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:10px}.method-get{background-color:#61affe26;color:#014c75;color:var(--get-color,#014c75)}.method-post{background-color:#49cc9026;color:#4caf50;color:var(--post-color,#4caf50)}.method-put{background-color:#fca13026;color:#ff9800;color:var(--put-color,#ff9800)}.method-delete{background-color:#f93e3e26;color:#f44336;color:var(--delete-color,#f44336)}.method-patch{background-color:#50e3c226;color:#00bcd4;color:var(--patch-color,#00bcd4)}.endpoint-name{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal{animation:modalFadeIn .3s ease;background-color:#fff;background-color:var(--background-color,#fff);border-radius:10px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;width:550px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-modal-header{align-items:center;background-color:#f8f9fa;background-color:var(--header-bg,#f8f9fa);border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color,#eaeaea);display:flex;justify-content:space-between;padding:18px 20px}.image-modal-header h3{color:#333;color:var(--text-primary,#333);font-size:18px;font-weight:600;margin:0}.close-btn{border-radius:50%;color:#666;color:var(--text-secondary,#666);padding:6px}.close-btn:hover{background-color:#0000000d;color:var(--text-primary,#333)}.image-modal-content{max-height:60vh;overflow-y:auto;padding:20px}.form-group{margin-bottom:18px}.form-group label{color:#666;color:var(--text-secondary,#666)}.form-group input,.form-group select{background-color:#fff;background-color:var(--input-bg,#fff);border-radius:6px}.form-row{display:flex}.form-group.half{flex:1 1}.image-preview{background-color:#f9f9f9;background-color:var(--background-light,#f9f9f9);border:1px solid #eaeaea;border:1px solid var(--border-color,#eaeaea);border-radius:8px;margin-top:24px;padding:20px;text-align:center}.image-preview h4{color:#666;color:var(--text-secondary,#666);font-size:16px;font-weight:500;margin-bottom:16px;margin-top:0}.image-preview img{border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.image-modal-actions{background-color:#f8f9fa;background-color:var(--header-bg,#f8f9fa);border-top:1px solid #eaeaea;border-top:1px solid var(--border-color,#eaeaea);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-btn{background-color:initial;border:1px solid #eaeaea;border:1px solid var(--border-color,#eaeaea);border-radius:6px;color:#666;color:var(--text-secondary,#666);font-weight:500;padding:10px 18px;transition:all .2s ease}.cancel-btn:hover{background-color:#f5f5f5;background-color:var(--hover-background,#f5f5f5)}.insert-btn{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s ease}.insert-btn:hover{background-color:var(--primary-hover)}.insert-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:992px){.editor-main{flex-direction:column}.editor-sidebar{border-bottom:1px solid var(--border-color);border-right:none;max-height:300px;width:100%}.documentation-editor .endpoints-list,.editor-tools{margin-bottom:16px}}@media (max-width:768px){.editor-header{align-items:stretch;flex-direction:column;gap:12px}.editor-actions{justify-content:space-between}.view-toggle-btn{font-size:13px;min-width:70px;padding:8px 12px}.form-row{flex-direction:column;gap:12px}}.doc-template-picker{background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);margin-bottom:14px;padding:10px}.doc-template-picker>span{color:var(--text-muted);display:block;font-size:.68rem;font-weight:700;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.doc-template-picker>div{display:flex;flex-wrap:wrap;gap:6px}.doc-template-picker button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:5px 7px}.doc-template-picker button:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-color)}.doc-toc{background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);margin-top:14px;padding:10px}.doc-toc h4{color:var(--text-muted);font-size:.68rem;letter-spacing:.08em;margin:0 0 7px;text-transform:uppercase}.doc-toc button{background:#0000;border:0;border-radius:5px;color:var(--text-secondary);cursor:pointer;display:block;font-size:.75rem;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.doc-toc button:hover{background:var(--hover-bg);color:var(--text-color)}.doc-comments{background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);border-radius:8px;margin-top:14px;padding:10px}.doc-comments h4{font-size:.72rem;margin:0 0 8px}.doc-comments p{color:var(--text-secondary);font-size:.75rem;margin:0 0 6px}.doc-comments textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-color);min-height:48px;padding:7px;width:100%}.doc-comments button{background:var(--primary-color);border:0;border-radius:6px;color:var(--button-text);cursor:pointer;font-size:.72rem;margin-top:6px;padding:6px 8px}.documentation-editor{background:var(--background-color);background:var(--surface,var(--background-color));border:1px solid var(--border-color);box-shadow:0 6px 24px #0000002e;box-shadow:var(--shadow-md,0 6px 24px #0000002e)}.doc-editor-header{background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));box-sizing:border-box;gap:16px;min-height:66px;padding:12px 18px}.editor-title-section{min-width:0}.title-input{border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;font-size:.9rem;font-weight:600;min-height:40px;padding:9px 12px;width:min(100%,620px)}.editor-actions{flex-shrink:0;gap:8px}.autosave-status{color:var(--text-muted);font-size:.72rem;white-space:nowrap}.autosave-status.error{color:var(--danger-color)}.autosave-toggle{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:7px;min-height:36px;padding:0 9px;white-space:nowrap}.autosave-toggle:hover{border-color:var(--accent,var(--primary-color));color:var(--text-color)}.autosave-toggle input{flex:0 0 auto}.autosave-toggle:has(input:checked){background:color-mix(in srgb,var(--primary-color) 10%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,var(--surface));border-color:var(--accent,var(--primary-color));color:var(--primary-color);color:var(--accent,var(--primary-color))}.save-button:disabled{cursor:not-allowed;opacity:.55}.editor-find-toggle,.editor-findbar button{background:var(--surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.75rem;padding:7px 9px}.editor-findbar{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:8px 18px}.editor-findbar input{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);min-width:0;padding:7px 9px}.editor-findbar span{color:var(--text-muted);font-size:.72rem}.view-toggle-group{border-radius:8px;border-radius:var(--radius-sm,8px)}.view-toggle-btn{min-width:0;padding:8px 12px}.save-button{min-height:36px}.editor-sidebar{background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));box-sizing:border-box;padding:16px;width:264px}.insert-template-btn{font-size:.84rem;margin-bottom:14px;min-height:40px;padding:9px 12px}.documentation-editor .endpoints-list,.editor-tools{background:var(--background-color);background:var(--surface,var(--background-color));border-radius:10px;border-radius:var(--radius-md,10px);margin:0 0 14px;padding:14px}.editor-tools{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.documentation-editor .endpoints-list h4,.editor-tools h4{color:var(--text-secondary);font-size:.68rem;grid-column:1/-1;letter-spacing:.1em;margin:0 0 3px;padding:0 0 10px}.editor-tools button{border-color:#0000;color:var(--text-secondary);font-size:.78rem;gap:7px;margin:0;min-height:34px;padding:7px 8px;white-space:nowrap;width:auto}.editor-tools button:hover{border-color:var(--border-color);color:var(--text-color)}.documentation-editor .editor-tools button:hover{background:color-mix(in srgb,var(--primary-color) 12%,var(--background-color));background:color-mix(in srgb,var(--primary-color) 12%,var(--surface,var(--background-color)));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));color:var(--text-color)!important}.documentation-editor .editor-tools button:hover em,.documentation-editor .editor-tools button:hover span,.documentation-editor .editor-tools button:hover strong,.documentation-editor .editor-tools button:hover svg{color:currentColor!important}.documentation-editor .editor-tools{background:linear-gradient(155deg,var(--card-bg),var(--background-color));background:linear-gradient(155deg,var(--surface-elevated,var(--card-bg)),var(--surface,var(--background-color)));border-color:color-mix(in srgb,var(--border-color) 86%,var(--primary-color));gap:8px;padding:12px}.documentation-editor .editor-tools h4{align-items:center;color:var(--text-color);display:flex;justify-content:space-between;margin-bottom:1px}.documentation-editor .editor-tools h4:after{color:var(--text-muted);content:"Markdown";font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:none}.documentation-editor .editor-tools button{background:var(--surface);background:var(--card-bg,var(--surface));border-color:var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:.7rem!important;font-weight:600;min-height:34px;padding:6px}.documentation-editor .editor-tools button em,.documentation-editor .editor-tools button span,.documentation-editor .editor-tools button strong,.documentation-editor .editor-tools button svg{background:color-mix(in srgb,var(--primary-color) 13%,#0000);border-radius:6px;color:var(--primary-color);display:inline-grid;flex:0 0 18px;font-size:.65rem!important;font-style:normal;height:18px;place-items:center;width:18px}.documentation-editor .editor-tools button:hover{box-shadow:0 3px 8px color-mix(in srgb,var(--primary-color) 12%,#0000);transform:translateY(-1px)}.editor-tools button svg{color:currentColor;flex:0 0 auto;margin:0}.editor-tools button em,.editor-tools button span,.editor-tools button strong{color:currentColor;display:inline-grid;flex:0 0 14px;place-items:center;width:14px}.documentation-editor .endpoints-list h4{display:block}.documentation-editor .endpoints-list{border-color:var(--border-color)!important;border-bottom-color:var(--border-color)!important;min-width:0;overflow:hidden}.help-text{color:var(--text-muted);font-size:.75rem;line-height:1.45;margin:0 0 11px}.endpoint-actions{grid-gap:7px;display:grid;gap:7px;margin:0 0 12px}.sync-endpoints-btn{align-items:center;background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:.74rem;font-weight:650;gap:7px;justify-content:center;margin:0;min-height:34px;padding:7px 10px;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease;width:100%}.sync-endpoints-btn svg{flex:0 0 auto;height:14px;width:14px}.sync-endpoints-btn:hover{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-bg));background:color-mix(in srgb,var(--primary-color) 10%,var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--primary-color) 48%,var(--border-color));color:var(--text-color);transform:translateY(-1px)}.sync-endpoints-btn--primary{background:color-mix(in srgb,var(--primary-color) 9%,var(--card-bg));background:color-mix(in srgb,var(--primary-color) 9%,var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));color:var(--primary-color)}.sync-endpoints-btn--primary:hover{background:color-mix(in srgb,var(--primary-color) 16%,var(--card-bg));background:color-mix(in srgb,var(--primary-color) 16%,var(--surface,var(--card-bg)));border-color:var(--primary-color);color:var(--primary-color)}.endpoint-scroll{grid-gap:6px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr);max-height:320px;overflow:hidden auto}.documentation-editor .editor-sidebar{overflow-x:hidden}.documentation-editor .endpoint-item{grid-gap:9px;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:grid;font:inherit;gap:9px;grid-template-columns:auto minmax(0,1fr) auto;margin:0;min-height:38px;padding:7px 9px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease;width:100%}.documentation-editor .endpoint-item:hover{background:color-mix(in srgb,var(--primary-color) 9%,var(--card-bg));background:color-mix(in srgb,var(--primary-color) 9%,var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--primary-color) 48%,var(--border-color));color:var(--text-color)}.documentation-editor .endpoint-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.documentation-editor .endpoint-item .method-badge{background:color-mix(in srgb,var(--text-secondary) 14%,#0000);border:1px solid #0000;border-radius:5px;box-shadow:none;color:var(--text-secondary);font-size:.62rem;font-weight:750;letter-spacing:.06em;margin:0;min-width:46px;padding:3px 6px;text-shadow:none}.documentation-editor .endpoint-item .method-get{background:color-mix(in srgb,var(--method-get) 16%,#0000);border-color:color-mix(in srgb,var(--method-get) 40%,#0000);color:var(--method-get)}.documentation-editor .endpoint-item .method-post{background:color-mix(in srgb,var(--method-post) 16%,#0000);border-color:color-mix(in srgb,var(--method-post) 40%,#0000);color:var(--method-post)}.documentation-editor .endpoint-item .method-put{background:color-mix(in srgb,var(--method-put) 16%,#0000);border-color:color-mix(in srgb,var(--method-put) 40%,#0000);color:var(--method-put)}.documentation-editor .endpoint-item .method-delete{background:color-mix(in srgb,var(--method-delete) 16%,#0000);border-color:color-mix(in srgb,var(--method-delete) 40%,#0000);color:var(--method-delete)}.documentation-editor .endpoint-item .method-patch{background:color-mix(in srgb,var(--method-patch) 16%,#0000);border-color:color-mix(in srgb,var(--method-patch) 40%,#0000);color:var(--method-patch)}.documentation-editor .endpoint-item .endpoint-name{color:var(--text-color);font-size:.8rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-insert{color:var(--text-secondary);color:var(--text-muted,var(--text-secondary));flex:0 0 auto;height:14px;opacity:0;transition:opacity .15s ease;width:14px}.documentation-editor .endpoint-item:hover .endpoint-insert{color:var(--primary-color);opacity:1}@media (prefers-reduced-motion:reduce){.sync-endpoints-btn:hover{transform:none}}.editor-content{background:var(--background-color);box-sizing:border-box;padding:16px}.documentation-preview,.documentation-textarea{background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);min-width:0}.documentation-textarea{font-size:.9rem;line-height:1.75;padding:clamp(20px,3vw,32px)}.documentation-textarea:focus{border-color:color-mix(in srgb,var(--primary-color) 65%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 14%,#0000)}.documentation-preview{padding:clamp(20px,3vw,32px)}.editor-content--split{gap:12px}.editor-content--split .documentation-preview,.editor-content--split .documentation-textarea{box-sizing:border-box;flex:1 1;width:50%}.editor-content--split .documentation-preview{overflow-y:auto}@media (max-width:900px){.editor-content--split{flex-direction:column;overflow-y:auto}.editor-content--split .documentation-preview,.editor-content--split .documentation-textarea{flex:0 0 320px;min-height:320px;width:100%}}@media (max-width:768px){.doc-editor-header{align-items:stretch;flex-direction:column}.editor-actions{justify-content:space-between}.title-input{width:100%}.editor-sidebar{padding:12px}.editor-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:460px){.editor-actions,.view-toggle-group{width:100%}.save-button,.view-toggle-btn{flex:1 1;justify-content:center}.editor-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-content{padding:10px}}.settings-version-history{overflow:hidden}.settings-version-history.has-error,.settings-version-history.is-loading{text-align:center}.loading-spinner{border:2px solid #e1e4e8;border-top:2px solid #014c75;border:2px solid var(--border-color,#e1e4e8);border-top-color:var(--primary-color,#014c75);height:20px;margin:0 auto 12px;width:20px}.version-history-header{background-color:#f8f9fa;background-color:var(--header-bg,#f8f9fa);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color,#e1e4e8);padding:16px 20px}.version-history-header h4{color:#24292e;color:var(--text-primary,#24292e);font-size:16px;font-weight:600;margin:0 0 4px}.version-count{font-size:13px;margin:0}.no-versions,.version-count{color:#6a737d;color:var(--text-muted,#6a737d)}.no-versions{padding:40px 20px}.no-versions svg{margin-bottom:12px;opacity:.5}.version-item{transition:background-color .2s ease}.version-item:hover{background-color:#f6f8fa;background-color:var(--hover-bg,#f6f8fa)}.version-item.selected{background-color:#1e1e1e;border-left:3px solid #014c75;border-left:3px solid var(--primary-color,#014c75)}.version-header{gap:12px}.version-icon{align-items:center;background-color:#f1f3f4;background-color:var(--icon-bg,#f1f3f4);border-radius:6px;color:#014c75;color:var(--primary-color,#014c75);display:flex;height:32px;justify-content:center;width:32px}.version-info{min-width:0}.version-title{color:#24292e;color:var(--text-primary,#24292e);font-size:14px;font-weight:500;margin-bottom:4px}.version-meta{align-items:center;color:#6a737d;color:var(--text-muted,#6a737d);font-size:12px;gap:12px}.version-author,.version-time{align-items:center;display:flex;gap:4px}.version-actions{color:#6a737d;color:var(--text-muted,#6a737d)}.version-details{background-color:#fafbfc;background-color:var(--details-bg,#fafbfc);border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);padding:0 16px 16px 60px}.version-timestamp{color:#6a737d;color:var(--text-muted,#6a737d);font-size:12px;margin-bottom:12px;padding-top:8px}.settings-changes{margin-bottom:16px}.changes-section{margin-bottom:12px}.changes-section h5{font-size:13px;font-weight:600;margin:0 0 8px}.changes-section.added h5{color:#28a745;color:var(--success-color,#28a745)}.changes-section.modified h5{color:#ffc107;color:var(--warning-color,#ffc107)}.changes-section.deleted h5{color:#dc3545;color:var(--danger-color,#dc3545)}.changes-section ul{list-style:none;margin:0;padding:0}.changes-section li{align-items:center;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;gap:8px;padding:4px 0}.setting-name{color:#24292e;color:var(--text-primary,#24292e);font-weight:600;min-width:100px}.setting-value{border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:2px 6px}.setting-value.added,.setting-value.new{background-color:#d4edda;background-color:var(--success-bg,#d4edda);color:#155724;color:var(--success-color,#155724)}.setting-value.old{text-decoration:line-through}.setting-value.deleted,.setting-value.old{background-color:#f8d7da;background-color:var(--danger-bg,#f8d7da);color:#721c24;color:var(--danger-color,#721c24)}.arrow{color:#6a737d;color:var(--text-muted,#6a737d);font-size:12px}.version-actions-panel{border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);display:flex;gap:8px;padding-top:8px}.compare-btn,.restore-btn{align-items:center;background-color:#fff;background-color:var(--background-color,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:4px;color:#24292e;color:var(--text-primary,#24292e);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.restore-btn:hover{background-color:#014c75;background-color:var(--primary-color,#014c75);border-color:#014c75;border-color:var(--primary-color,#014c75);color:#fff}.compare-btn:hover{background-color:#014c75;background-color:var(--info-color,#014c75);border-color:#014c75;border-color:var(--info-color,#014c75);color:#fff}.success-message{background-color:#d4edda;background-color:var(--success-bg,#d4edda);border:1px solid #c3e6cb;border:1px solid var(--success-border,#c3e6cb);border-radius:4px;color:#155724;color:var(--success-text,#155724);font-size:14px;margin-bottom:16px;padding:8px 12px}.pagination{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;justify-content:center;margin-top:16px;padding:12px 0}.pagination button{background-color:#fff;background-color:var(--background-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:4px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#014c75;background-color:var(--primary-color,#014c75);border-color:#014c75;border-color:var(--primary-color,#014c75);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:500}.restoring{opacity:.6;pointer-events:none}.settings-version-history.has-error{color:#dc3545;color:var(--error-color,#dc3545);padding:24px;text-align:center}.settings-version-history.has-error p{font-weight:500;margin:0}.diff-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.diff-modal-content{background-color:#fff;background-color:var(--background-color,#fff);border-radius:8px;box-shadow:0 8px 32px #0000001a;max-height:90vh;max-width:90vw;overflow:hidden}.diff-header{align-items:center;background-color:#f8f9fa;background-color:var(--header-bg,#f8f9fa);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color,#e1e4e8);display:flex;justify-content:space-between;padding:16px 20px}.diff-header h4{font-size:16px;font-weight:600;margin:0}.close-diff{background:none;border:none;border-radius:4px;color:#6a737d;color:var(--text-muted,#6a737d);cursor:pointer;padding:4px;transition:all .2s ease}.close-diff:hover{background-color:#f6f8fa;background-color:var(--hover-bg,#f6f8fa);color:#24292e;color:var(--text-primary,#24292e)}.diff-content{max-height:70vh;overflow-y:auto;padding:20px}.diff-versions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.diff-version h5{color:#24292e;color:var(--text-primary,#24292e);font-size:14px;font-weight:600;margin:0 0 12px}.diff-version pre{background-color:#f6f8fa;background-color:var(--code-bg,#f6f8fa);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:6px;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:16px}@media (prefers-color-scheme:dark){.settings-version-history{color-scheme:dark}}@media (max-width:768px){.version-header{gap:8px;padding:10px 12px}.version-details{padding:0 12px 12px 44px}.diff-versions{grid-template-columns:1fr}.diff-modal-content{margin:10px;max-width:calc(100vw - 20px)}.version-meta{align-items:flex-start;flex-direction:column;gap:4px}}.settings-version-history{background:#0000;color:var(--text-color)}.settings-version-history.has-error,.settings-version-history.is-loading{background:var(--background-color);border:1px dashed var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);padding:32px 20px}.settings-version-history .version-history-header{background:#0000;border-bottom:1px solid var(--border-color);padding:0 0 14px}.settings-version-history .version-history-header h4{color:var(--text-color)}.settings-version-history .version-count{color:var(--text-secondary)}.settings-version-history .versions-list{background:#0000;border:0;margin-top:16px;max-height:none;overflow:visible;padding:0}.settings-version-history .version-item,.settings-version-history .version-item:last-child{background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);margin-bottom:10px;overflow:hidden}.settings-version-history .version-item:last-child{margin-bottom:0}.settings-version-history .version-item:hover{background:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color))}.settings-version-history .version-item.selected{background:color-mix(in srgb,var(--primary-color) 8%,var(--background-color));border-color:var(--primary-color);border-left:3px solid var(--primary-color)}.settings-version-history .version-header{align-items:center;margin:0;padding:14px 16px}.settings-version-history .version-icon{background:color-mix(in srgb,var(--primary-color) 14%,#0000);color:var(--primary-color);flex:0 0 34px;height:34px;width:34px}.settings-version-history .version-title{color:var(--text-color);font-weight:600}.settings-version-history .arrow,.settings-version-history .version-actions,.settings-version-history .version-meta,.settings-version-history .version-timestamp{color:var(--text-secondary)}.settings-version-history .version-details{background:var(--card-bg);border:0;border-radius:0;border-top:1px solid var(--border-color);display:block;margin:0;padding:16px 20px}.settings-version-history .version-timestamp{margin:0 0 16px;padding:0}.settings-version-history .settings-changes{margin-bottom:18px}.settings-version-history .changes-section{margin-bottom:16px}.settings-version-history .changes-section:last-child{margin-bottom:0}.settings-version-history .changes-section ul{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.settings-version-history .changes-section li{grid-gap:10px;align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:7px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:minmax(110px,auto) minmax(0,1fr);min-height:34px;padding:7px 10px}.settings-version-history .setting-name{color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-version-history .setting-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.settings-version-history .version-actions-panel{border-top:1px solid var(--border-color);margin-top:0;padding-top:14px}.settings-version-history .compare-btn,.settings-version-history .restore-btn{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:var(--text-color);font-weight:600;min-height:36px;padding:8px 12px}.settings-version-history .restore-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;color:var(--button-text,#fff)}.settings-version-history .compare-btn:hover,.settings-version-history .restore-btn:hover{transform:translateY(-1px)}.settings-version-history .restore-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;color:var(--button-text,#fff)}.settings-version-history .compare-btn svg,.settings-version-history .restore-btn svg{stroke:currentColor;color:currentColor!important;margin:0!important}.settings-version-history .loading-spinner{border-color:var(--border-color);border-top-color:var(--primary-color)}@media (max-width:700px){.settings-version-history .version-details{padding:14px}.settings-version-history .changes-section ul{grid-template-columns:1fr}}body .documentation-manager .diff-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;padding:20px;z-index:1200}body .documentation-manager .diff-modal-content{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-lg);max-height:min(720px,calc(100vh - 40px));max-width:none;width:min(860px,calc(100vw - 40px))}body .documentation-manager .diff-header{background:var(--surface);border-bottom-color:var(--border-color);min-height:58px;padding:14px 18px}body .documentation-manager .diff-header h4{color:var(--text-color)}body .documentation-manager .close-diff{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}body .documentation-manager .close-diff:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}body .documentation-manager .diff-content{background:var(--surface-elevated);max-height:calc(min(720px, 100vh - 40px) - 58px);padding:18px}body .documentation-manager .diff-versions{gap:14px}body .documentation-manager .diff-version{min-width:0}body .documentation-manager .diff-version h5{color:var(--text-color);font-size:13px;margin-bottom:8px}body .documentation-manager .diff-version pre{background:var(--surface-sunken);border-color:var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-family:Roboto Mono,monospace;font-family:var(--font-mono,"Roboto Mono",monospace);font-size:12px;line-height:1.55;max-height:440px;min-height:0;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}@media (max-width:700px){body .documentation-manager .diff-modal{padding:12px}body .documentation-manager .diff-modal-content{width:calc(100vw - 24px)}body .documentation-manager .diff-content{padding:14px}}body .documentation-manager .documentation-settings .settings-version-history,body .documentation-manager .documentation-settings .settings-version-history .version-item,body .documentation-manager .documentation-settings .settings-version-history .version-item:last-child,body .documentation-manager .documentation-settings .settings-version-history .versions-list,body .documentation-manager .documentation-settings .version-history-content{background:var(--surface)}body .documentation-manager .documentation-settings .settings-version-history .version-item.selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.documentation-version-history{background:#0000;border-radius:0;box-shadow:none;overflow:visible}.version-history-header{background:#0000;border-bottom:none;padding:0 0 12px}.version-history-header h3{color:#333;color:var(--text-color,#333);font-size:15px;font-weight:600;margin:0 0 4px}.version-history-header p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:500;margin:0}.version-history-error,.version-history-loading{background-color:#fff;background-color:var(--card-bg,#fff);border:1px dashed #e1e4e8;border:1px dashed var(--border-color,#e1e4e8);border-radius:6px;color:#6c757d;color:var(--text-secondary,#6c757d);padding:32px 16px;text-align:center}.version-history-error{background:#dc35450a;background:var(--error-light,#dc35450a);border-color:#dc354533;border-color:var(--error-color,#dc354533);color:#dc3545;color:var(--error-color,#dc3545)}.version-history-success{background:linear-gradient(135deg,#28a7451a,#28a7450d);background:linear-gradient(135deg,var(--success-color,#28a7451a),var(--success-color,#28a7450d));border:1px solid #28a7454d;border:1px solid var(--success-color,#28a7454d);border-radius:8px;color:#28a745;color:var(--success-color,#28a745);font-weight:500;margin:0 0 20px;padding:12px 20px}.api-version-manager{background-color:var(--card-bg)!important}.no-versions{border:1px dashed #e1e4e8;border:1px dashed var(--border-color,#e1e4e8);border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);font-style:italic;padding:60px 20px;text-align:center}.no-versions,.versions-list{background-color:#fff;background-color:var(--card-bg,#fff)}.versions-list{border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:6px!important;margin:20px;max-height:400px;overflow-y:auto}.version-item{background-color:#fff;background-color:var(--card-bg,#fff);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color,#e1e4e8);transition:all .2s ease}.version-item:last-child{border-bottom:none}.version-header{align-items:center;cursor:pointer;padding:12px 16px;transition:all .15s ease}.version-header:hover{background:#014c7505;background:var(--hover-bg,#014c7505)}.version-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.version-date{color:#333;color:var(--text-color,#333);font-size:13px;font-weight:600;line-height:1.4}.version-changes{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:500}.version-actions{align-items:center;gap:12px}.restore-btn{background:linear-gradient(135deg,#014c75,#014c75cc);background:linear-gradient(135deg,var(--primary-color,#014c75),#014c75cc);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .15s ease}.restore-btn:hover:not(:disabled){background:linear-gradient(135deg,#014c75e6,#014c75b3);background:linear-gradient(135deg,var(--primary-hover,#014c75e6),var(--primary-hover,#014c75b3));transform:translateY(-1px)}.restore-btn:disabled{background:#6c757d;background:var(--text-secondary,#6c757d);box-shadow:none;cursor:not-allowed;transform:none}.expand-icon{border-radius:3px;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:11px;padding:3px;transition:transform .15s ease}.expand-icon:hover{background-color:#014c7514;background-color:var(--hover-bg,#014c7514);color:#014c75;color:var(--primary-color,#014c75)}.expand-icon.expanded{transform:rotate(180deg)}.version-content{background:#2229;background:var(--hover-bg,#2229);border-radius:0 0 6px 6px;border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);margin-top:1px;padding:16px}.content-preview{margin-bottom:12px}.content-preview h4{font-size:13px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.content-preview h4,.content-text{color:#333;color:var(--text-color,#333)}.content-text{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:6px;font-family:SF Mono,Monaco,Menlo,Roboto Mono,monospace;font-size:12px;line-height:1.6;max-height:250px;overflow-y:auto;padding:12px;transition:all .15s ease;white-space:pre-wrap;word-break:break-word}.content-text:hover{border-color:#014c754d;border-color:var(--primary-color,#014c754d)}.content-comparison h4{color:#333;color:var(--text-color,#333);font-size:13px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.comparison-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.comparison-stats span{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:4px;color:#333;color:var(--text-color,#333);font-size:11px;font-weight:500;padding:4px 8px;transition:all .15s ease}.comparison-stats span:hover{background:#014c7505;background:var(--hover-bg,#014c7505);border-color:#014c754d;border-color:var(--primary-color,#014c754d)}.version-history-footer{background:#f8f9fa99;background:var(--hover-bg,#f8f9fa99);border-radius:0 0 6px 6px;border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);padding:12px 16px;text-align:center}.version-history-footer p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:11px;font-style:italic;font-weight:500;margin:0}[data-theme=dark] .documentation-version-history,body.dark-theme .documentation-version-history{background:#0000}[data-theme=dark] .version-history-header h3,body.dark-theme .version-history-header h3{color:#e0e0e0;color:var(--text-color,#e0e0e0)}[data-theme=dark] .version-history-header p,body.dark-theme .version-history-header p{color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}[data-theme=dark] .no-versions,[data-theme=dark] .version-history-loading,body.dark-theme .no-versions,body.dark-theme .version-history-loading{background-color:#002234;background-color:var(--card-bg,#002234);border-color:#003956;border-color:var(--border-color,#003956);color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}[data-theme=dark] .version-history-error,body.dark-theme .version-history-error{background:#dc35451a;background:var(--error-light,#dc35451a);border-color:#dc35454d;border-color:var(--error-color,#dc35454d);color:#dc3545;color:var(--error-color,#dc3545)}[data-theme=dark] .version-history-success,body.dark-theme .version-history-success{background:linear-gradient(135deg,#28a74526,#28a7450d);background:linear-gradient(135deg,var(--success-color,#28a74526),var(--success-color,#28a7450d));border-color:#28a74566;border-color:var(--success-color,#28a74566);color:#28a745;color:var(--success-color,#28a745)}[data-theme=dark] .versions-list,body.dark-theme .versions-list{background-color:#002234;background-color:var(--background-color,#002234);border-color:#003956;border-color:var(--card-border-color,#003956)}[data-theme=dark] .version-item,body.dark-theme .version-item{background-color:#002234;background-color:var(--card-bg,#002234);border-color:#003956;border-color:var(--card-border-color,#003956)}[data-theme=dark] .version-header:hover,body.dark-theme .version-header:hover{background:#014c7514;background:var(--hover-bg,#014c7514)}[data-theme=dark] .expand-icon,[data-theme=dark] .version-changes,[data-theme=dark] .version-date,body.dark-theme .expand-icon,body.dark-theme .version-changes,body.dark-theme .version-date{color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}[data-theme=dark] .expand-icon:hover,body.dark-theme .expand-icon:hover{background-color:#014c7526;background-color:var(--hover-bg,#014c7526);color:#014c75;color:var(--primary-color,#014c75)}[data-theme=dark] .version-content,body.dark-theme .version-content{background:#2d374866;background:var(--hover-bg,#2d374866);border-color:#003956;border-color:var(--border-color,#003956)}[data-theme=dark] .content-text,body.dark-theme .content-text{background:#002234;background:var(--card-bg,#002234);border-color:#003956;border-color:var(--border-color,#003956);color:#e0e0e0;color:var(--text-color,#e0e0e0)}[data-theme=dark] .content-text:hover,body.dark-theme .content-text:hover{border-color:#014c7566;border-color:var(--primary-color,#014c7566)}[data-theme=dark] .content-comparison h4,[data-theme=dark] .content-preview h4,body.dark-theme .content-comparison h4,body.dark-theme .content-preview h4{color:#e0e0e0;color:var(--text-color,#e0e0e0)}[data-theme=dark] .comparison-stats span,body.dark-theme .comparison-stats span{background:#002234;background:var(--card-bg,#002234);border-color:#003956;border-color:var(--border-color,#003956);color:#e0e0e0;color:var(--text-color,#e0e0e0)}[data-theme=dark] .comparison-stats span:hover,body.dark-theme .comparison-stats span:hover{background:#014c7514;background:var(--hover-bg,#014c7514);border-color:#014c7566;border-color:var(--primary-color,#014c7566)}[data-theme=dark] .version-history-footer,body.dark-theme .version-history-footer{background:#2d374866;background:var(--hover-bg,#2d374866);border-color:#003956;border-color:var(--border-color,#003956)}[data-theme=dark] .version-history-footer p,body.dark-theme .version-history-footer p{color:#b8d4e3;color:var(--text-secondary,#b8d4e3)}.version-item{animation:fadeInUp .3s ease-out}.compatibility-report{background:var(--background-color)!important}.stat-number{color:var(--text-color)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.version-content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:500px;opacity:1;padding-bottom:20px;padding-top:20px}}@media (max-width:768px){.version-header{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.version-actions{align-self:flex-end;justify-content:flex-end;width:100%}.version-content{padding:16px}.content-text{font-size:12px;max-height:200px;padding:12px}.comparison-stats{flex-direction:column;gap:8px}.comparison-stats span{font-size:11px;padding:5px 10px}.version-history-footer{padding:12px 16px}}@media (max-width:480px){.version-info{gap:4px}.version-date{font-size:13px}.version-changes{font-size:12px}.restore-btn{font-size:11px;padding:6px 10px}}.scenario-builder-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.scenario-builder-modal{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{background:#014c75;background:var(--primary-color,#014c75);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);color:#fff;padding:16px 24px}.close-btn{background:#0000;color:#fff;padding:4px;transition:background .2s ease}.close-btn:hover{background:#fff3}.scenario-form{flex:1 1;overflow-y:auto;padding:24px}.form-section{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color,#e5e5e5);margin-bottom:24px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:16px}.form-section h4{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.section-header{margin-bottom:16px}.section-header h4{margin:0}.section-actions{align-items:center;display:flex;gap:12px}.form-row{grid-template-columns:minmax(0,2fr) minmax(120px,1fr);margin-bottom:16px}.form-group{gap:6px}.form-group label{color:var(--text-color,#333)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--input-bg,#fff);padding:10px 12px}.checkbox-group label{align-items:center;flex-direction:row}.checkbox-group input[type=checkbox]{height:16px;margin-right:8px;width:16px}.weighted-toggle{align-items:center;background:#f8f9fa;background:var(--background-color,#f8f9fa);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:14px;cursor:pointer;display:flex;gap:12px;min-width:260px;padding:10px 14px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.weighted-toggle input{opacity:0;pointer-events:none;position:absolute}.weighted-toggle-switch{background:#d1d5db;background:var(--border-color,#d1d5db);border-radius:999px;box-shadow:inset 0 0 0 1px #0000000d;flex-shrink:0;height:24px;position:relative;transition:background .25s ease;width:46px}.weighted-toggle-switch .switch-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;height:18px;left:3px;position:absolute;top:3px;transition:transform .25s ease;width:18px}.weighted-toggle-copy{display:flex;flex-direction:column;gap:2px}.weighted-toggle-copy .title{color:#333;color:var(--text-color,#333);font-size:13px;font-weight:600}.weighted-toggle-copy .subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px}.weighted-toggle.is-active{background:#014c7514;border-color:#014c7566;box-shadow:0 0 0 3px #014c751a}.weighted-toggle.is-active .weighted-toggle-switch{background:#014c75;background:var(--primary-color,#014c75)}.weighted-toggle.is-active .weighted-toggle-switch .switch-thumb{transform:translateX(22px)}.btn-add{background:var(--primary-color,#014c75);padding:8px 14px}.btn-add:hover{background:#013354;transform:translateY(-1px)}.btn-link{background:none;border:none;color:#014c75;color:var(--primary-color,#014c75);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.btn-link:hover{color:#013354}.btn-icon{border-radius:4px;color:#666;color:var(--text-secondary,#666);padding:4px}.btn-icon:hover{background:#fee2e2;color:#991b1b}.btn-test{align-items:center;background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 18px;transition:background .2s ease,box-shadow .2s ease}.btn-test:hover{background:#047857;box-shadow:0 4px 12px #0596694d}.btn-test:active{background:#036149}.empty-state{background:var(--hover-bg,#f8f9fa);border:1px dashed #e5e5e5;border:1px dashed var(--border-color,#e5e5e5)}.empty-state p{color:#666;color:var(--text-secondary,#666)}.conditions-list{display:flex;flex-direction:column;gap:12px}.condition-card{background:#f8f9fa;background:var(--hover-bg,#f8f9fa);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:8px;overflow:hidden}.condition-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s ease}.condition-header:hover{background:#fff;background:var(--card-bg,#fff)}.condition-title{align-items:center;display:flex;gap:10px}.condition-type{color:#333;color:var(--text-color,#333);font-size:13px;font-weight:600;text-transform:capitalize}.condition-preview{color:#666;color:var(--text-secondary,#666);font-family:Monaco,Menlo,monospace;font-size:12px}.condition-actions{align-items:center;display:flex;gap:8px}.condition-body{background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);padding:16px}.condition-field-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.condition-field-row:last-child{margin-bottom:0}.condition-field-row label{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:500}.condition-field-row input,.condition-field-row select{border-radius:6px;font-size:13px;padding:8px 10px}.responses-list{display:flex;flex-direction:column;gap:12px}.response-card{background:#f8f9fa;background:var(--hover-bg,#f8f9fa);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:8px;overflow:hidden}.response-header{cursor:pointer;transition:background .2s ease}.response-header:hover{background:#fff;background:var(--card-bg,#fff)}.response-title{align-items:center;display:flex;gap:10px}.status-badge{border-radius:4px;padding:4px 8px}.status-badge.status-2xx{background:#d1fae5;color:#065f46}.status-badge.status-4xx{background:#fef3c7;color:#92400e}.status-badge.status-5xx{background:#fee2e2;color:#b91c1c}.weight-badge{background:#fff;background:var(--card-bg,#fff);border-radius:4px;color:#666;color:var(--text-secondary,#666);font-size:12px;padding:4px 8px}.delay-badge{background:#dbeafe;border-radius:4px;color:#014c75;color:var(--primary-color,#014c75);font-size:11px;padding:3px 6px}.response-actions{align-items:center}.response-body{background:#fff;background:var(--card-bg,#fff);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5);padding:16px}.response-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.weight-control{align-items:center;display:flex;gap:8px}.weight-control input[type=range]{appearance:none;-webkit-appearance:none;background:#e5e5e5;background:var(--border-color,#e5e5e5);border-radius:3px;flex:1 1;height:6px;padding:0}.weight-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#014c75;background:var(--primary-color,#014c75);border-radius:50%;cursor:pointer;height:16px;width:16px}.weight-control input[type=number]{padding:6px 8px;text-align:center;width:60px}.response-body-editor{background:#1e1e1e;color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;min-height:120px;padding:12px}.weight-visualization{margin-top:16px}.weight-bar{background:#e5e5e5;background:var(--border-color,#e5e5e5);border-radius:4px;display:flex;height:8px;overflow:hidden}.weight-segment{height:100%;transition:width .3s ease}.weight-segment.status-2xx{background:#10b981}.weight-segment.status-4xx{background:#f59e0b}.weight-segment.status-5xx{background:#ef4444}.test-section{background:#f8f9fa;background:var(--hover-bg,#f8f9fa);border-radius:8px;margin-bottom:16px;padding:16px}.test-result{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);padding:16px}.test-result.loading{opacity:.7}.test-message{color:#059669;font-size:13px;font-weight:500;margin:0 0 12px}.test-response{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:Monaco,Menlo,monospace;font-size:12px;margin:0;padding:12px;white-space:pre-wrap}.form-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color,#e5e5e5)}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:var(--primary-color,#014c75)}.btn-primary:hover:not(:disabled){background:#013354}.btn-secondary{border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);color:var(--text-color,#333)}.btn-secondary:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa);border-color:#666;border-color:var(--text-secondary,#666)}@media (max-width:768px){.scenario-builder-modal{border-radius:0;max-height:100vh}.form-row,.response-row{grid-template-columns:1fr}}.mock-workspace .scenario-builder-overlay{background:#0a0807c2;overscroll-behavior:contain;padding:24px}.mock-workspace .scenario-builder-modal{background:#211f1e;border:1px solid #4b3828;border-radius:12px;box-shadow:0 24px 70px #0000007a;max-height:min(900px,calc(100vh - 48px));max-width:900px}.mock-workspace .scenario-builder-modal .modal-header{background:#272320;border-bottom-color:#4b3828;box-sizing:border-box;color:#f6efe8;min-height:56px}.mock-workspace .scenario-builder-modal .close-btn{border:1px solid #4b3828;border-radius:8px;color:#c8b9ad}.mock-workspace .scenario-builder-modal .close-btn:hover{background:#ff941f1f;border-color:#ff941f;color:#ffb766}.mock-workspace .scenario-builder-modal .scenario-form{background:#211f1e;padding:20px 24px 24px}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar{width:10px}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar-track{background:#171616}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar-thumb{background:#8d531d;border:2px solid #171616;border-radius:999px}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar-thumb:hover{background:#ff941f}.mock-workspace .scenario-builder-modal .scenario-form{scrollbar-color:#8d531d #171616;scrollbar-width:thin}.mock-workspace .scenario-builder-modal .form-actions,.mock-workspace .scenario-builder-modal .form-section{border-color:#4b3828}.mock-workspace .scenario-builder-modal .form-section{background:#171616;border:1px solid #4b3828;border-radius:10px;margin-bottom:18px;padding:18px}.mock-workspace .scenario-builder-modal .form-group label,.mock-workspace .scenario-builder-modal .form-section h4{color:#f6efe8}.mock-workspace .scenario-builder-modal .form-section h4{margin-bottom:14px}.mock-workspace .scenario-builder-modal .form-section>.form-row{box-sizing:border-box;margin-left:0!important;margin-right:0!important;width:100%}.mock-workspace .scenario-builder-modal .form-row .form-group{margin:0!important;min-width:0}.mock-workspace .scenario-builder-modal .form-section>.form-group{box-sizing:border-box;margin:0 0 16px!important;width:100%}.mock-workspace .scenario-builder-modal .condition-field-row input,.mock-workspace .scenario-builder-modal .condition-field-row select,.mock-workspace .scenario-builder-modal .form-group input,.mock-workspace .scenario-builder-modal .form-group select,.mock-workspace .scenario-builder-modal .form-group textarea{background-color:#211f1e;border:1px solid #4b3828;border-radius:8px;box-sizing:border-box;color:#f6efe8}.mock-workspace .scenario-builder-modal .app-select,.mock-workspace .scenario-builder-modal .app-select-trigger{width:100%}.mock-workspace .scenario-builder-modal .app-select-trigger{background:var(--surface);border-color:var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);min-height:44px}.mock-workspace .scenario-builder-modal .app-select-trigger:hover{background:var(--hover-bg);border-color:var(--accent)}.mock-workspace .scenario-builder-modal .app-select-trigger:focus-visible{border-color:var(--accent);box-shadow:var(--ring)}.mock-workspace .scenario-builder-modal .condition-field-row input::placeholder,.mock-workspace .scenario-builder-modal .form-group input::placeholder,.mock-workspace .scenario-builder-modal .form-group textarea::placeholder{color:#928276;opacity:1}.mock-workspace .scenario-builder-modal select{-webkit-appearance:auto;appearance:auto;background-image:none!important}.mock-workspace .scenario-builder-modal .condition-field-row select,.mock-workspace .scenario-builder-modal .form-group select{color-scheme:dark}.mock-workspace .scenario-builder-modal .section-header{background:#0000;border:0;box-shadow:none;margin:0 0 14px;padding:0}.mock-workspace .scenario-builder-modal .section-header h4{color:#f6efe8}.mock-workspace .scenario-builder-modal .condition-card,.mock-workspace .scenario-builder-modal .response-card,.mock-workspace .scenario-builder-modal .test-section{background:#272320;border-color:#4b3828;border-radius:10px}.mock-workspace .scenario-builder-modal .condition-header,.mock-workspace .scenario-builder-modal .response-header{background:#211f1e}.mock-workspace .scenario-builder-modal .condition-header:hover,.mock-workspace .scenario-builder-modal .response-header:hover{background:#2a2725}.mock-workspace .scenario-builder-modal .condition-type,.mock-workspace .scenario-builder-modal .response-title{color:#f6efe8}.mock-workspace .scenario-builder-modal .condition-field-row label,.mock-workspace .scenario-builder-modal .condition-preview,.mock-workspace .scenario-builder-modal .weight-badge{color:#c8b9ad}.mock-workspace .scenario-builder-modal .condition-body,.mock-workspace .scenario-builder-modal .response-body,.mock-workspace .scenario-builder-modal .test-result{background:#1b1918;border-color:#4b3828}.mock-workspace .scenario-builder-modal .btn-add,.mock-workspace .scenario-builder-modal .btn-primary{background:#ff941f;color:#21160c}.mock-workspace .scenario-builder-modal .btn-secondary{background:#272320;border-color:#4b3828;color:#f6efe8}.mock-workspace .scenario-builder-modal .btn-test{background:#ff941f;border-radius:8px;color:#21160c}.mock-workspace .scenario-builder-modal .btn-test:hover{background:#e98212;box-shadow:none}.mock-workspace .scenario-builder-modal .form-actions{background:#211f1e}.mock-workspace .scenario-builder-modal .weighted-toggle.is-active{background:#ff941f1f;border-color:#ff941f;box-shadow:0 0 0 3px #ff941f14}.mock-workspace .scenario-builder-modal .weighted-toggle.is-active .weighted-toggle-switch{background:#ff941f}.mock-workspace .scenario-builder-modal .weighted-toggle-switch{background:#4b3828}.mock-workspace .scenario-builder-modal .btn-add{border-radius:8px}.mock-workspace .scenario-builder-modal .response-card{background:var(--surface);border-color:var(--border-color);border-radius:var(--radius-sm)}.mock-workspace .scenario-builder-modal .response-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-color);box-sizing:border-box;min-height:54px;padding:10px 14px}.mock-workspace .scenario-builder-modal .response-header:hover{background:var(--hover-bg)}.mock-workspace .scenario-builder-modal .response-title{gap:9px;min-width:0}.mock-workspace .scenario-builder-modal .response-name{color:var(--text-color);font-size:13px;font-weight:650}.mock-workspace .scenario-builder-modal .response-actions{color:var(--text-secondary);gap:6px}.mock-workspace .scenario-builder-modal .response-actions .btn-icon{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);height:28px;padding:0;width:28px}.mock-workspace .scenario-builder-modal .response-actions .btn-icon:hover{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-text)}.mock-workspace .scenario-builder-modal .response-body{background:var(--surface-sunken);border-top-color:var(--border-color);padding:16px}.mock-workspace .scenario-builder-modal .response-body .form-group{margin:0}.mock-workspace .scenario-builder-modal .response-body .form-group label{color:var(--text-secondary)}.mock-workspace .scenario-builder-modal .response-row{gap:12px;margin-bottom:14px}.mock-workspace .scenario-builder-modal .response-body-editor{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-color);width:100%}.mock-workspace .scenario-builder-modal .status-badge{border-radius:999px}.mock-workspace .scenario-builder-modal .status-badge.status-2xx{background:var(--success-bg);color:var(--success-text)}.mock-workspace .scenario-builder-modal .status-badge.status-4xx{background:var(--warning-light);color:var(--warning-color)}.mock-workspace .scenario-builder-modal .status-badge.status-5xx{background:var(--danger-bg);color:var(--danger-text)}.mock-workspace .scenario-builder-modal .weight-badge{background:var(--surface-sunken);color:var(--text-secondary)}.mock-workspace .scenario-builder-modal .delay-badge{background:var(--warning-light);color:var(--warning-color)}.mock-workspace .scenario-builder-modal .empty-state{background:#211f1e;border:1px dashed #4b3828;border-radius:10px;box-sizing:border-box;color:#c8b9ad;min-height:0;padding:22px 18px;width:100%}.mock-workspace .scenario-builder-modal .empty-state p{color:#c8b9ad}.mock-workspace .scenario-builder-modal .weighted-toggle{background:#211f1e;border-color:#4b3828;border-radius:9px;min-width:0}.mock-workspace .scenario-builder-modal .weighted-toggle-copy .title{color:#f6efe8}.mock-workspace .scenario-builder-modal .weighted-toggle-copy .subtitle{color:#c8b9ad}.mock-workspace .scenario-builder-modal :focus-visible{outline:2px solid #ff941f;outline-offset:2px}@media (prefers-reduced-motion:reduce){.scenario-builder-modal *,.scenario-builder-modal :after,.scenario-builder-modal :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mock-workspace .scenario-builder-overlay{background:color-mix(in srgb,var(--surface-sunken) 72%,#0000)}.mock-workspace .scenario-builder-modal{background:var(--surface-elevated);border-color:var(--border-color);box-shadow:var(--shadow-lg)}.mock-workspace .scenario-builder-modal .modal-header{background:var(--surface);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .scenario-builder-modal .form-actions,.mock-workspace .scenario-builder-modal .scenario-form{background:var(--surface-elevated)}.mock-workspace .scenario-builder-modal .form-section,.mock-workspace .scenario-builder-modal .test-section{background:var(--surface);border-color:var(--border-color)}.mock-workspace .scenario-builder-modal .form-group label,.mock-workspace .scenario-builder-modal .form-section h4,.mock-workspace .scenario-builder-modal .section-header h4{color:var(--text-color)}.mock-workspace .scenario-builder-modal .condition-field-row input,.mock-workspace .scenario-builder-modal .form-group input,.mock-workspace .scenario-builder-modal .form-group textarea{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .scenario-builder-modal .btn-secondary,.mock-workspace .scenario-builder-modal .close-btn{background:var(--surface);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .scenario-builder-modal .btn-add,.mock-workspace .scenario-builder-modal .btn-primary,.mock-workspace .scenario-builder-modal .btn-test{background:var(--accent);color:var(--button-text)}.mock-workspace .scenario-builder-modal .btn-add:hover,.mock-workspace .scenario-builder-modal .btn-primary:hover,.mock-workspace .scenario-builder-modal .btn-test:hover{background:var(--accent-hover)}.mock-workspace .scenario-builder-modal .condition-card,.mock-workspace .scenario-builder-modal .empty-state,.mock-workspace .scenario-builder-modal .response-card,.mock-workspace .scenario-builder-modal .weighted-toggle{background:var(--surface-elevated);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .scenario-builder-modal .condition-preview,.mock-workspace .scenario-builder-modal .empty-state p,.mock-workspace .scenario-builder-modal .weighted-toggle-copy .subtitle{color:var(--text-secondary)}.mock-workspace .scenario-builder-modal .weighted-toggle.is-active{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--accent);box-shadow:var(--ring)}.mock-workspace .scenario-builder-modal .weighted-toggle.is-active .weighted-toggle-switch{background:var(--accent)}.mock-workspace .scenario-builder-modal .weighted-toggle-switch{background:var(--border-color)}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar-track{background:var(--surface)}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar-thumb{background:var(--border-color);border-color:var(--surface)}.mock-workspace .scenario-builder-modal .scenario-form::-webkit-scrollbar-thumb:hover{background:var(--accent)}.mock-workspace .scenario-builder-modal .scenario-form{scrollbar-color:var(--border-color) var(--surface)}:root{--state-bg-primary:var(--card-bg,#fff);--state-bg-secondary:var(--background-color,#f8f9fa);--state-bg-tertiary:var(--hover-bg,#f5f5f5);--state-border-primary:var(--border-color,#e1e4e8);--state-text-primary:var(--text-color,#333);--state-text-secondary:var(--text-secondary,#6c757d);--state-text-muted:var(--text-muted,#9ca3af);--state-primary-color:var(--primary-color,#014c75);--state-primary-hover:var(--primary-hover,#013b5b);--state-primary-light:var(--primary-light,#e5f3ff);--state-success-color:var(--success-color,#10b981);--state-error-color:var(--error-color,#ef4444);--state-warning-color:var(--warning-color,#f59e0b)}[data-theme=dark] .state-manager,body.dark-theme .state-manager{--state-bg-primary:var(--card-bg,#002234);--state-bg-secondary:var(--background-color,#00111a);--state-bg-tertiary:var(--sidebar-bg,#001927);--state-border-primary:var(--border-color,#003956);--state-text-primary:var(--text-color,#e0e0e0);--state-text-secondary:var(--text-secondary,#b8d4e3);--state-text-muted:#7a9bad;--state-primary-color:#5cb8e4;--state-primary-light:#014c754d}.state-manager{background:#f8f9fa;background:var(--state-bg-secondary);color:#333;color:var(--state-text-primary);min-height:100%}.state-manager-empty{align-items:center;color:#6c757d;color:var(--state-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.state-manager-empty svg{margin-bottom:16px;opacity:.3}.state-manager-empty h3{color:#333;color:var(--state-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.state-manager-empty p{font-size:14px;margin:0}.state-header{align-items:center;background:#fff;background:var(--state-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.header-title h2{color:var(--state-text-primary);gap:8px}.server-name{color:var(--state-text-secondary)}.btn-icon-text{background:var(--state-bg-tertiary);border:1px solid var(--state-border-primary);color:var(--state-text-primary)}.btn-icon-text:hover{background:var(--state-bg-secondary);border-color:var(--state-primary-color)}.btn-danger{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--state-error-color);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-danger:hover{background:#ef4444;background:var(--state-error-color);color:#fff}.btn-danger-text{align-items:center;background:#0000;border:none;color:#ef4444;color:var(--state-error-color);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-danger-text:hover{text-decoration:underline}.btn-add{background:var(--state-primary-color);border-radius:6px;font-size:12px;padding:6px 12px}.btn-add:hover{background:var(--state-primary-hover)}.btn-save{align-items:center;background:#10b981;background:var(--state-success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-save:hover{background:#059669}.btn-cancel{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:6px;color:#6c757d;color:var(--state-text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.btn-cancel:hover{background:#f5f5f5;background:var(--state-bg-tertiary)}.btn-icon{color:var(--state-text-secondary)}.btn-icon:hover{background:var(--state-bg-tertiary);color:var(--state-primary-color)}.btn-icon.danger:hover{color:var(--state-error-color)}.btn-counter{background:#f5f5f5;background:var(--state-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:6px;color:#333;color:var(--state-text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:6px 10px;transition:all .2s ease}.btn-counter:hover{background:#e5f3ff;background:var(--state-primary-light);border-color:#014c75;border-color:var(--state-primary-color)}.state-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--state-error-color);font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.state-error,.state-loading{align-items:center;display:flex}.state-loading{flex-direction:column;justify-content:center;padding:60px 24px}.spinner{border:3px solid var(--state-border-primary);border-top-color:var(--state-primary-color)}.state-content{display:flex;flex-direction:column;gap:20px}.state-section{background:#fff;background:var(--state-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:10px;overflow:hidden}.section-header{align-items:center;background:#0000;border-bottom:none!important;display:flex;justify-content:space-between;margin:0!important;max-width:none!important;padding:14px 20px}.section-header h3{align-items:center;color:#333;color:var(--state-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.section-header h3 svg{color:#014c75;color:var(--state-primary-color)}.add-form{align-items:center;background:#0000;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--state-border-primary);display:flex;gap:10px;padding:14px 20px}.add-form input{background:#f5f5f5;background:var(--state-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:6px;color:#333;color:var(--state-text-primary);flex:1 1;font-size:13px;padding:10px 14px}.add-form input:focus{background:#fff;background:var(--state-bg-primary);border-color:#014c75;border-color:var(--state-primary-color);outline:none}.add-form input::placeholder{color:#9ca3af;color:var(--state-text-muted)}.items-list{padding:16px 20px}.state-item{align-items:center;background:#0000;border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px;transition:all .2s ease}.state-item:last-child{margin-bottom:0}.state-item:hover{background:#f5f5f5;background:var(--state-bg-tertiary);border-color:#014c75;border-color:var(--state-primary-color)}.item-key{color:#014c75;color:var(--state-primary-color);font-weight:500}.item-key,.item-value{font-family:Monaco,Menlo,monospace;font-size:13px}.item-value{background:#fff;background:var(--state-bg-primary);border-radius:4px;color:#333;color:var(--state-text-primary);padding:4px 8px}.item-actions{display:flex;gap:4px}.edit-value{align-items:center;display:flex;gap:8px}.edit-value input{background:#fff;background:var(--state-bg-primary);border:1px solid #014c75;border:1px solid var(--state-primary-color);border-radius:6px;color:#333;color:var(--state-text-primary);font-family:Monaco,Menlo,monospace;font-size:13px;padding:6px 10px}.edit-value input:focus{box-shadow:0 0 0 2px #014c7540;outline:none}.counters-list{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.counter-item{align-items:center;background:#0000;border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.counter-item:hover{background:#f5f5f5;background:var(--state-bg-tertiary);border-color:#014c75;border-color:var(--state-primary-color)}.counter-info{align-items:center;display:flex;gap:16px}.counter-name{color:#014c75;color:var(--state-primary-color);font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500}.counter-value{background:#f5f5f5;background:var(--state-bg-tertiary);border-radius:6px;color:#333;color:var(--state-text-primary);font-size:18px;font-weight:600;min-width:50px;padding:4px 12px;text-align:center}.counter-actions{align-items:center;display:flex;gap:6px}.sessions-list{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.sessions-empty{align-items:center;background:#f8f9fa;background:var(--state-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:14px;box-shadow:0 8px 24px #0000000a;color:#333;color:var(--state-text-primary);display:flex;gap:18px;padding:28px 32px}.sessions-empty-icon{align-items:center;background:#fff;background:var(--state-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:16px;color:#014c75;color:var(--state-primary-color);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.sessions-empty-content h4{color:#333;color:var(--state-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.sessions-empty-content p{color:#6c757d;color:var(--state-text-secondary);font-size:13px;line-height:1.5;margin:0}.variables-empty{align-items:center;background:#f8f9fa;background:var(--state-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:14px;box-shadow:0 8px 24px #0000000a;color:#333;color:var(--state-text-primary);display:flex;gap:18px;padding:28px 32px}.variables-empty-icon{align-items:center;background:#fff;background:var(--state-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:16px;color:#014c75;color:var(--state-primary-color);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.variables-empty-content h4{color:#333;color:var(--state-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.variables-empty-content p{color:#6c757d;color:var(--state-text-secondary);font-size:13px;line-height:1.5;margin:0}.variables-empty-content code{background:#f5f5f5;background:var(--state-bg-tertiary);border-radius:4px;color:#014c75;color:var(--state-primary-color);font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 6px}.counters-empty{align-items:center;background:#f8f9fa;background:var(--state-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:14px;box-shadow:0 8px 24px #0000000a;color:#333;color:var(--state-text-primary);display:flex;gap:18px;padding:28px 32px}.counters-empty-icon{align-items:center;background:#fff;background:var(--state-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:16px;color:#014c75;color:var(--state-primary-color);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.counters-empty-content h4{color:#333;color:var(--state-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.counters-empty-content p{color:#6c757d;color:var(--state-text-secondary);font-size:13px;line-height:1.5;margin:0}.counters-empty-content code{background:#f5f5f5;background:var(--state-bg-tertiary);border-radius:4px;color:#014c75;color:var(--state-primary-color);font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 6px}.session-item{align-items:flex-start;background:#0000;border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.session-item:hover{background:#f5f5f5;background:var(--state-bg-tertiary);border-color:#014c75;border-color:var(--state-primary-color)}.session-info{display:flex;flex-direction:column;gap:4px}.session-id{color:#014c75;color:var(--state-primary-color);font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:600}.session-created,.session-expires{color:#6c757d;color:var(--state-text-secondary);font-size:11px}.session-data{align-items:center;display:flex;gap:10px}.session-data pre{background:#fff;background:var(--state-bg-primary);border-radius:6px;color:#333;color:var(--state-text-primary);font-family:Monaco,Menlo,monospace;font-size:11px;margin:0;max-width:300px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis}.no-data{font-size:12px;font-style:italic}.empty-state,.no-data{color:var(--state-text-muted)}.empty-state{background:#0000;border:1px dashed var(--state-border-primary);margin:16px;padding:32px 24px}.empty-state svg{margin-bottom:10px;opacity:.4}.empty-state p,.empty-state svg{color:#9ca3af;color:var(--state-text-muted)}.empty-state p{font-size:13px}.usage-guide{background:#fff;background:var(--state-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--state-border-primary);border-radius:10px;padding:20px}.usage-guide h3{align-items:center;color:#333;color:var(--state-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.usage-guide ul{margin:0;padding-left:20px}.usage-guide li{color:#6c757d;color:var(--state-text-secondary);font-size:13px;line-height:1.5;margin-bottom:10px}.usage-guide code{background:#f5f5f5;background:var(--state-bg-tertiary);border-radius:4px;color:#014c75;color:var(--state-primary-color);font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 6px}@media (max-width:768px){.state-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{justify-content:flex-end;width:100%}.section-header{align-items:flex-start;gap:10px}.add-form,.section-header{flex-direction:column}.add-form input{width:100%}.counter-item{align-items:flex-start;flex-direction:column;gap:12px}.counter-actions{justify-content:flex-end;width:100%}.session-item{flex-direction:column;gap:12px}.counters-empty,.sessions-empty,.variables-empty{align-items:flex-start;flex-direction:column;padding:24px}}.mock-workspace .state-manager{--state-bg-primary:var(--surface-elevated);--state-bg-secondary:var(--surface);--state-bg-tertiary:var(--hover-bg);--state-border-primary:var(--border-color);--state-text-primary:var(--text-color);--state-text-secondary:var(--text-secondary);--state-text-muted:var(--text-muted);--state-primary-color:var(--accent);--state-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);min-height:0}.mock-workspace .state-manager .empty-state,.mock-workspace .state-manager .state-header,.mock-workspace .state-manager .state-item,.mock-workspace .state-manager .state-section{background:#fff;background:var(--state-bg-primary);border-color:#e1e4e8;border-color:var(--state-border-primary);box-shadow:none}.mock-workspace .state-manager .state-section{border-radius:10px;margin-bottom:14px}.mock-workspace .state-manager .state-item:hover{background:#f5f5f5;background:var(--state-bg-tertiary)}.mock-workspace .state-manager .btn-add,.mock-workspace .state-manager .btn-save{background:var(--accent);color:var(--button-text)}.mock-workspace .state-manager .btn-cancel,.mock-workspace .state-manager .btn-icon-text{background:#f5f5f5;background:var(--state-bg-tertiary);border-color:#e1e4e8;border-color:var(--state-border-primary);color:#333;color:var(--state-text-primary)}.mock-workspace .state-manager .code-block,.mock-workspace .state-manager .state-templates{background:var(--surface-sunken);border-color:#e1e4e8;border-color:var(--state-border-primary)}body .mock-workspace .state-manager{--state-bg-primary:var(--surface-elevated);--state-bg-secondary:var(--surface);--state-bg-tertiary:var(--hover-bg);--state-border-primary:var(--border-color);--state-text-primary:var(--text-color);--state-text-secondary:var(--text-secondary);--state-text-muted:var(--text-muted);--state-primary-color:var(--accent);--state-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);background:#0000;color:var(--text-color)}body .mock-workspace .state-manager .state-header,body .mock-workspace .state-manager .state-section{background:var(--surface);border-color:var(--border-color);box-shadow:none}body .mock-workspace .state-manager .state-header{border-radius:10px;border-radius:var(--radius-lg,10px);margin-bottom:14px;padding:14px 16px}body .mock-workspace .state-manager .counters-empty-content h4,body .mock-workspace .state-manager .section-header h3,body .mock-workspace .state-manager .sessions-empty-content h4,body .mock-workspace .state-manager .state-header .header-title h2,body .mock-workspace .state-manager .variables-empty-content h4{color:var(--text-color)}body .mock-workspace .state-manager .section-header h3 svg,body .mock-workspace .state-manager .state-header .header-title h2 svg,body .mock-workspace .state-manager .state-header .header-title h2+*{color:var(--accent)}body .mock-workspace .state-manager .counters-empty-content p,body .mock-workspace .state-manager .sessions-empty-content p,body .mock-workspace .state-manager .state-header .server-name,body .mock-workspace .state-manager .variables-empty-content p{color:var(--text-secondary)}body .mock-workspace .state-manager .section-header{background:#0000;border-bottom-color:var(--border-color);padding:13px 16px}body .mock-workspace .state-manager .counter-item,body .mock-workspace .state-manager .counters-empty,body .mock-workspace .state-manager .sessions-empty,body .mock-workspace .state-manager .variables-empty{background:var(--surface-sunken);border-color:var(--border-color);box-shadow:none}body .mock-workspace .state-manager .counters-empty,body .mock-workspace .state-manager .sessions-empty,body .mock-workspace .state-manager .variables-empty{border-radius:12px;border-radius:var(--radius-md,12px);margin:14px 16px 16px}body .mock-workspace .state-manager .counters-empty-icon,body .mock-workspace .state-manager .sessions-empty-icon,body .mock-workspace .state-manager .variables-empty-icon{background:#e5f3ff;background:var(--state-primary-light);border-color:color-mix(in srgb,var(--accent) 32%,var(--border-color));color:var(--accent)}body .mock-workspace .state-manager .counters-empty-content code,body .mock-workspace .state-manager .variables-empty-content code{background:#e5f3ff;background:var(--state-primary-light);color:var(--accent)}body .mock-workspace .state-manager .counter-name,body .mock-workspace .state-manager .counter-value{color:var(--text-color)}:root{--recorder-bg-primary:var(--card-bg,#fff);--recorder-bg-secondary:var(--background-color,#f8f9fa);--recorder-bg-tertiary:var(--hover-bg,#f5f5f5);--recorder-border-primary:var(--border-color,#e1e4e8);--recorder-text-primary:var(--text-color,#333);--recorder-text-secondary:var(--text-secondary,#6c757d);--recorder-text-muted:var(--text-muted,#9ca3af);--recorder-primary-color:var(--primary-color,#014c75);--recorder-primary-hover:var(--primary-hover,#013b5b);--recorder-primary-light:var(--primary-light,#e5f3ff);--recorder-success-color:var(--success-color,#10b981);--recorder-error-color:var(--error-color,#ef4444);--recorder-warning-color:var(--warning-color,#f59e0b)}[data-theme=dark] .traffic-recorder,body.dark-theme .traffic-recorder{--recorder-bg-primary:#002234;--recorder-bg-secondary:#00111a;--recorder-bg-tertiary:#013b5b;--recorder-border-primary:#003956;--recorder-text-primary:#fff;--recorder-text-secondary:#fff;--recorder-text-muted:#e0e0e0;--recorder-primary-color:#014c75;--recorder-primary-hover:#014368;--recorder-primary-light:#014c754d;--recorder-success-color:#28a745;--recorder-error-color:#dc3545;--recorder-warning-color:#ffc107}.traffic-recorder{background:#f8f9fa;background:var(--recorder-bg-secondary);color:#333;color:var(--recorder-text-primary);min-height:100%}.traffic-recorder-empty{align-items:center;color:#6c757d;color:var(--recorder-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.traffic-recorder-empty svg{margin-bottom:16px;opacity:.3}.traffic-recorder-empty h3{color:#333;color:var(--recorder-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.traffic-recorder-empty p{font-size:14px;margin:0}.recorder-header{align-items:center;background:#fff;background:var(--recorder-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.header-title h2{color:var(--recorder-text-primary)}.server-name{color:var(--recorder-text-secondary)}.header-actions{gap:10px}.btn-recording{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-recording.start{background:#10b981;background:var(--recorder-success-color);color:#fff}.btn-recording.start:hover{background:#059669}.btn-recording.stop{background:#ef4444;background:var(--recorder-error-color);color:#fff}.btn-recording.stop:hover{background:#dc2626}.recording-indicator{animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.btn-import{align-items:center;background:#f5f5f5;background:var(--recorder-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:8px;color:#333;color:var(--recorder-text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-import:hover{background:#f8f9fa;background:var(--recorder-bg-secondary);border-color:#014c75;border-color:var(--recorder-primary-color)}.btn-icon-text{background:var(--recorder-bg-tertiary);border:1px solid var(--recorder-border-primary);color:var(--recorder-text-primary)}.btn-icon-text:hover{background:var(--recorder-bg-secondary);border-color:var(--recorder-primary-color)}.btn-icon{color:var(--recorder-text-secondary);padding:6px}.btn-icon:hover{background:var(--recorder-bg-tertiary);color:var(--recorder-primary-color)}.btn-icon.danger:hover{color:var(--recorder-error-color)}.btn-replay{align-items:center;background:#014c75;background:var(--recorder-primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-replay:hover{background:#013b5b;background:var(--recorder-primary-hover)}.btn-replay:disabled{cursor:not-allowed;opacity:.6}.recorder-error{border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--recorder-error-color);font-size:13px;gap:10px;padding:12px 16px}.active-recording-banner,.recorder-error{align-items:center;background:#ef44441a;display:flex;margin-bottom:20px}.active-recording-banner{border:1px solid #ef44444d;border-radius:10px;justify-content:space-between;padding:14px 20px}.recording-status{align-items:center;display:flex;gap:10px}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background:#ef4444;background:var(--recorder-error-color);border-radius:50%;height:10px;width:10px}.recording-name{color:#333;color:var(--recorder-text-primary);font-weight:500}.recording-stats{align-items:center;color:#6c757d;color:var(--recorder-text-secondary);display:flex;font-size:13px;gap:20px}.recorder-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr;padding:24px}.recordings-panel{background:#fff;background:var(--recorder-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:12px;height:-webkit-fit-content;height:fit-content;overflow:hidden}.recordings-panel>h3{align-items:center;background:#0000;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--recorder-border-primary);color:#014c75;color:var(--recorder-primary-color);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0;padding:16px 20px}.recordings-list{max-height:500px;overflow-y:auto;padding:8px}.recording-item{align-items:center;background:#f8f9fa;background:var(--recorder-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px 16px;transition:all .2s ease}.recording-item:last-child{margin-bottom:0}.recording-item.selected,.recording-item:hover{background:#f5f5f5;background:var(--recorder-bg-tertiary);border-color:#014c75;border-color:var(--recorder-primary-color)}.recording-item.selected{box-shadow:0 0 0 1px #014c75;box-shadow:0 0 0 1px var(--recorder-primary-color)}.recording-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.recording-item .recording-name{color:#014c75;color:var(--recorder-primary-color);font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-meta{align-items:center;color:#6c757d;color:var(--recorder-text-secondary);display:flex;font-size:12px;gap:16px}.recording-meta span{align-items:center;display:inline-flex;gap:6px}.recording-meta svg{flex-shrink:0;opacity:.7}.recording-actions{display:flex;gap:4px;margin-left:12px;opacity:0;transition:opacity .15s ease}.recording-item:hover .recording-actions{opacity:1}.loading-state{padding:40px 24px}.spinner{border:3px solid var(--recorder-border-primary);border-top-color:var(--recorder-primary-color)}.empty-state{background:#f8f9fa;background:var(--recorder-bg-secondary);border:1px dashed #e1e4e8;border:1px dashed var(--recorder-border-primary);border-radius:10px;color:#9ca3af;color:var(--recorder-text-muted);margin:12px;padding:40px 24px}.empty-state svg{color:#014c75;color:var(--recorder-primary-color);opacity:.5}.empty-state p{color:#333;color:var(--recorder-text-primary);font-size:15px;font-weight:600;margin:0 0 6px}.empty-state span{color:#9ca3af;color:var(--recorder-text-muted);font-size:13px;line-height:1.4}.requests-empty-state{background:#fff;background:var(--recorder-bg-primary);border:1px dashed #e1e4e8;border:1px dashed var(--recorder-border-primary);color:#333;color:var(--recorder-text-primary);flex-direction:column;gap:12px;padding:32px 24px;text-align:center}.requests-empty-icon,.requests-empty-state{align-items:center;border-radius:12px;display:flex;justify-content:center}.requests-empty-icon{background:#f8f9fa;background:var(--recorder-bg-secondary);color:#014c75;color:var(--recorder-primary-color);height:44px;width:44px}.requests-empty-title{font-size:15px;font-weight:600;margin:0}.requests-empty-subtitle{color:#9ca3af;color:var(--recorder-text-muted);font-size:13px;margin:0}[data-theme=dark] .requests-empty-state,body.dark-theme .requests-empty-state{background:#00111a;border-color:#003956}[data-theme=dark] .requests-empty-icon,body.dark-theme .requests-empty-icon{background:#002234;color:#60a5fa}.recording-empty-state{align-items:center;background:#fff;background:var(--recorder-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:14px;box-shadow:0 10px 30px #00000014;display:flex;gap:16px;margin:24px;padding:32px}.recording-empty-icon{align-items:center;background:#f8f9fa;background:var(--recorder-bg-secondary);border-radius:12px;color:#014c75;color:var(--recorder-primary-color);display:flex;height:48px;justify-content:center;width:48px}.recording-empty-content h3{color:#333;color:var(--recorder-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.recording-empty-content p{color:#6c757d;color:var(--recorder-text-secondary);font-size:14px;margin:0}[data-theme=dark] .recording-empty-state,body.dark-theme .recording-empty-state{background:#00111a;border-color:#003956;box-shadow:0 10px 30px #00000073}[data-theme=dark] .recording-empty-icon,body.dark-theme .recording-empty-icon{background:#002234;color:#60a5fa}.recording-details-panel{background:#fff;background:var(--recorder-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:12px;height:-webkit-fit-content;height:fit-content;overflow:hidden}.details-header{background:#0000;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--recorder-border-primary);padding:16px 20px}.details-header h3{color:#333;color:var(--recorder-text-primary);font-size:15px;font-weight:600;margin:0}.details-actions{align-items:center;display:flex;gap:10px}.replay-controls{align-items:center;display:flex;gap:8px}.replay-controls select{background:#f5f5f5;background:var(--recorder-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:6px;color:#333;color:var(--recorder-text-primary);font-size:12px;padding:6px 10px}.recording-summary{background:#0000;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--recorder-border-primary);display:flex;gap:32px;padding:20px}.summary-item{flex-direction:column;gap:2px}.summary-value{color:#333;color:var(--recorder-text-primary);font-size:18px;font-weight:700}.summary-label{color:#6c757d;color:var(--recorder-text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.request-filters{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--recorder-border-primary);display:flex;gap:12px;padding:12px 20px}.request-filters input,.request-filters select{background:#f5f5f5;background:var(--recorder-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:6px;color:#333;color:var(--recorder-text-primary);font-size:13px;padding:8px 12px}.request-filters input{flex:1 1}.request-filters input:focus,.request-filters select:focus{border-color:#014c75;border-color:var(--recorder-primary-color);outline:none}.request-filters input::placeholder{color:#9ca3af;color:var(--recorder-text-muted)}.requests-panel{display:flex;flex:1 1;flex-direction:column}.requests-panel-header{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--recorder-border-primary);display:flex;justify-content:space-between;padding:16px 20px 8px}.requests-panel-label{color:#6c757d;color:var(--recorder-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.requests-count{color:#333;color:var(--recorder-text-primary);font-size:14px;font-weight:600;margin:2px 0 0}.status-legend{align-items:center;color:#6c757d;color:var(--recorder-text-secondary);display:flex;font-size:12px;gap:12px}.legend-dot{align-items:center;display:inline-flex;font-weight:600;gap:4px}.legend-2xx{color:#10b981}.legend-4xx{color:#f59e0b}.legend-5xx{color:#ef4444}[data-theme=dark] .legend-2xx,body.dark-theme .legend-2xx{color:#34d399}[data-theme=dark] .legend-4xx,body.dark-theme .legend-4xx{color:#fbbf24}[data-theme=dark] .legend-5xx,body.dark-theme .legend-5xx{color:#f87171}.requests-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 20px 24px}.request-card{background:#fff;background:var(--recorder-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:12px;box-shadow:0 6px 18px #0000000d;box-shadow:var(--recorder-card-shadow,0 6px 18px #0000000d);transition:border-color .2s ease,box-shadow .2s ease}.request-card:hover{box-shadow:0 8px 26px #014c751f}.request-card.expanded,.request-card:hover{border-color:#014c75;border-color:var(--recorder-primary-color)}.request-card-header{align-items:flex-start;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;text-align:left;width:100%}.request-card-main{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.method-tag{border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.method-tag.get{background:#10b98126;color:#059669}.method-tag.post{background:#3b82f62e;color:#2563eb}.method-tag.put{background:#f59e0b2e;color:#b45309}.method-tag.delete{background:#ef44442e;color:#b91c1c}.method-tag.patch{background:#8b5cf62e;color:#7c3aed}[data-theme=dark] .method-tag.get,body.dark-theme .method-tag.get{background:#10b9814d;color:#34d399}[data-theme=dark] .method-tag.post,body.dark-theme .method-tag.post{background:#3b82f64d;color:#93c5fd}[data-theme=dark] .method-tag.put,body.dark-theme .method-tag.put{background:#f59e0b4d;color:#fbbf24}[data-theme=dark] .method-tag.delete,body.dark-theme .method-tag.delete{background:#ef44444d;color:#f87171}[data-theme=dark] .method-tag.patch,body.dark-theme .method-tag.patch{background:#8b5cf647;color:#c4b5fd}.request-path-group{display:flex;flex-direction:column;gap:4px;min-width:0}.request-path{color:#333;color:var(--recorder-text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-card-meta{align-items:center;color:#6c757d;color:var(--recorder-text-secondary);display:flex;flex-shrink:0;gap:12px}.status-chip{border-radius:999px;font-size:12px;font-weight:600;padding:3px 10px}.status-chip.status-2xx{background:#10b9812e;color:#059669}.status-chip.status-3xx{background:#3b82f626;color:#2563eb}.status-chip.status-4xx{background:#f59e0b2e;color:#b45309}.status-chip.status-5xx{background:#ef44442e;color:#b91c1c}[data-theme=dark] .status-chip.status-2xx,body.dark-theme .status-chip.status-2xx{background:#10b98159;color:#34d399}[data-theme=dark] .status-chip.status-3xx,body.dark-theme .status-chip.status-3xx{background:#3b82f64d;color:#93c5fd}[data-theme=dark] .status-chip.status-4xx,body.dark-theme .status-chip.status-4xx{background:#f59e0b59;color:#fbbf24}[data-theme=dark] .status-chip.status-5xx,body.dark-theme .status-chip.status-5xx{background:#ef444459;color:#fca5a5}.timestamp,.timing{color:#9ca3af;color:var(--recorder-text-muted);font-size:12px}.request-card-body{padding:16px 18px 18px}.detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:14px}.detail-card{background:#f5f5f5;background:var(--recorder-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--recorder-border-primary);border-radius:10px;box-shadow:0 2px 6px #0000000a;overflow:hidden;padding:0}[data-theme=dark] .detail-card,body.dark-theme .detail-card{background:#00111a;border-color:#046;box-shadow:0 2px 8px #0000004d}.detail-card.full-width{margin-top:16px}.detail-card-title-row{align-items:center;background:#f8f9fa;background:var(--recorder-bg-secondary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--recorder-border-primary);display:flex;justify-content:space-between;padding:12px 16px}[data-theme=dark] .detail-card-title-row,body.dark-theme .detail-card-title-row{background:#002234;border-bottom-color:#046}.detail-card-title{color:#014c75;color:var(--recorder-primary-color);font-size:11px;font-weight:700;letter-spacing:.8px;margin:0;text-transform:uppercase}[data-theme=dark] .detail-card-title,body.dark-theme .detail-card-title{color:#60a5fa}.btn-copy-detail{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;color:var(--recorder-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.btn-copy-detail:hover{background:#f5f5f5;background:var(--recorder-bg-tertiary);color:#014c75;color:var(--recorder-primary-color)}.btn-copy-detail:active{transform:scale(.95)}[data-theme=dark] .btn-copy-detail:hover,body.dark-theme .btn-copy-detail:hover{background:#013b5b;color:#60a5fa}.detail-card pre{background:#fff;background:var(--recorder-bg-primary);border:none;color:#333;color:var(--recorder-text-primary);font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;margin:0;max-height:300px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .detail-card pre,body.dark-theme .detail-card pre{background:#00111a;color:#e5e7eb}@media (max-width:900px){.recorder-content{grid-template-columns:1fr}.recordings-panel{max-height:300px}}@media (max-width:768px){.recorder-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.active-recording-banner{align-items:flex-start;flex-direction:column;gap:12px}.recording-summary{flex-wrap:wrap;gap:16px}.request-filters{flex-direction:column}.request-filters input,.request-filters select{width:100%}.details-header{align-items:flex-start;flex-direction:column;gap:12px}.details-actions{flex-wrap:wrap;width:100%}.replay-controls{flex-wrap:wrap}}.mock-workspace .traffic-recorder{--recorder-bg-primary:var(--surface-elevated);--recorder-bg-secondary:var(--surface);--recorder-bg-tertiary:var(--hover-bg);--recorder-border-primary:var(--border-color);--recorder-text-primary:var(--text-color);--recorder-text-secondary:var(--text-secondary);--recorder-text-muted:var(--text-muted);--recorder-primary-color:var(--accent);--recorder-primary-hover:var(--accent-hover);--recorder-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);background:#0000;min-height:0}.mock-workspace .traffic-recorder .recorder-content{background:#0000;gap:14px;grid-template-columns:minmax(240px,300px) minmax(0,1fr);padding:0}.mock-workspace .traffic-recorder .recorder-header,.mock-workspace .traffic-recorder .recording-details-panel,.mock-workspace .traffic-recorder .recording-empty-state,.mock-workspace .traffic-recorder .recordings-panel{background:#fff;background:var(--recorder-bg-primary);border-color:#e1e4e8;border-color:var(--recorder-border-primary);box-shadow:none}.mock-workspace .traffic-recorder .recording-item.selected,.mock-workspace .traffic-recorder .recording-item:hover{background:#e5f3ff;background:var(--recorder-primary-light);border-color:var(--accent)}.mock-workspace .traffic-recorder .btn-recording.start{background:var(--accent);color:var(--button-text)}.mock-workspace .traffic-recorder .btn-import{background:#f5f5f5;background:var(--recorder-bg-tertiary);border-color:#e1e4e8;border-color:var(--recorder-border-primary);color:#333;color:var(--recorder-text-primary)}.mock-workspace .traffic-recorder .recording-empty-icon{background:#e5f3ff;background:var(--recorder-primary-light);color:var(--accent)}.mock-workspace .traffic-recorder .empty-state,.mock-workspace .traffic-recorder .requests-empty-state{background:var(--surface-sunken);border-color:#e1e4e8;border-color:var(--recorder-border-primary)}.mock-workspace .traffic-recorder .recording-empty-state{margin:14px;min-height:132px;padding:24px}.mock-workspace .traffic-recorder .recordings-list{max-height:420px}.mock-workspace .traffic-recorder .recording-item{padding:11px 12px}.mock-workspace .traffic-recorder select{background-color:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .traffic-recorder :focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.mock-workspace .traffic-recorder .recorder-content{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.traffic-recorder *,.traffic-recorder :after,.traffic-recorder :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}body .mock-workspace .traffic-recorder{--recorder-bg-primary:var(--surface-elevated);--recorder-bg-secondary:var(--surface);--recorder-bg-tertiary:var(--hover-bg);--recorder-border-primary:var(--border-color);--recorder-text-primary:var(--text-color);--recorder-text-secondary:var(--text-secondary);--recorder-text-muted:var(--text-muted);--recorder-primary-color:var(--accent);--recorder-primary-hover:var(--accent-hover);--recorder-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);background:#0000;color:var(--text-color)}body .mock-workspace .traffic-recorder .recorder-header,body .mock-workspace .traffic-recorder .recording-details-panel,body .mock-workspace .traffic-recorder .recordings-panel{background:var(--surface);border-color:var(--border-color);box-shadow:none}body .mock-workspace .traffic-recorder .recorder-header{border-radius:10px;border-radius:var(--radius-lg,10px);margin-bottom:14px;padding:14px 16px}body .mock-workspace .traffic-recorder .empty-state p,body .mock-workspace .traffic-recorder .header-title h2,body .mock-workspace .traffic-recorder .recording-empty-content h3,body .mock-workspace .traffic-recorder .recordings-panel>h3{color:var(--text-color)}body .mock-workspace .traffic-recorder .header-title h2 svg,body .mock-workspace .traffic-recorder .recordings-panel>h3{color:var(--accent)}body .mock-workspace .traffic-recorder .empty-state span,body .mock-workspace .traffic-recorder .recording-empty-content p,body .mock-workspace .traffic-recorder .server-name{color:var(--text-secondary)}body .mock-workspace .traffic-recorder .header-actions{gap:8px}body .mock-workspace .traffic-recorder .btn-icon-text,body .mock-workspace .traffic-recorder .btn-import,body .mock-workspace .traffic-recorder .btn-recording{border-radius:8px;border-radius:var(--radius-md,8px);font-weight:600;min-height:36px}body .mock-workspace .traffic-recorder .btn-recording.start{background:var(--accent);color:#fff;color:var(--button-text,#fff)}body .mock-workspace .traffic-recorder .btn-recording.start:hover{background:var(--accent-hover)}body .mock-workspace .traffic-recorder .btn-icon-text,body .mock-workspace .traffic-recorder .btn-import{background:#0000;border-color:var(--border-color);color:var(--text-color)}body .mock-workspace .traffic-recorder .btn-icon-text:hover,body .mock-workspace .traffic-recorder .btn-import:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--text-color)}body .mock-workspace .traffic-recorder .recorder-error{align-items:center;background:color-mix(in srgb,var(--danger-color) 12%,#0000);background:var(--danger-bg,color-mix(in srgb,var(--danger-color) 12%,#0000));border-color:var(--danger-color);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--danger-color);color:var(--danger-text,var(--danger-color));display:flex;font-size:13px;gap:10px;line-height:1.4;margin-bottom:14px;min-height:46px;padding:10px 12px}body .mock-workspace .traffic-recorder .recorder-error>svg{flex:0 0 auto}body .mock-workspace .traffic-recorder .recorder-error-message{flex:1 1 auto;min-width:0}body .mock-workspace .traffic-recorder .recorder-error button{background:#0000;border:1px solid;border:1px solid var(--danger-border,currentColor);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--danger-color);color:var(--danger-text,var(--danger-color));cursor:pointer;flex:0 0 auto;font:inherit;font-weight:600;min-height:30px;padding:5px 9px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}body .mock-workspace .traffic-recorder .recorder-error button:hover{background:var(--hover-bg);background:var(--danger-bg-hover,var(--hover-bg));border-color:var(--danger-text,var(--danger-color))}body .mock-workspace .traffic-recorder .recorder-content{align-items:start;gap:14px;grid-template-columns:minmax(240px,280px) minmax(0,1fr)}body .mock-workspace .traffic-recorder .recordings-panel{align-self:start;border-radius:10px;border-radius:var(--radius-lg,10px)}body .mock-workspace .traffic-recorder .recordings-panel>h3{background:var(--surface);border-bottom-color:var(--border-color);font-size:14px;padding:13px 16px}body .mock-workspace .traffic-recorder .recordings-panel .empty-state{background:#0000;border-color:var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);margin:10px;min-height:146px;padding:22px 16px}body .mock-workspace .traffic-recorder .empty-state svg{color:var(--accent)}body .mock-workspace .traffic-recorder .recording-details-panel{border-radius:10px;border-radius:var(--radius-lg,10px)}body .mock-workspace .traffic-recorder .recording-details-panel.is-empty{min-height:166px;padding:10px}body .mock-workspace .traffic-recorder .recording-empty-state{background:#0000;border:0;border-radius:0;box-shadow:none;margin:0;min-height:0;min-height:144px;padding:22px}body .mock-workspace .traffic-recorder .recording-empty-icon{background:#e5f3ff;background:var(--recorder-primary-light);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--accent);height:44px;width:44px}body .mock-workspace .traffic-recorder .request-filters .recorder-filter-select{flex:1 1 180px;min-width:0}body .mock-workspace .traffic-recorder .replay-controls .app-select-trigger,body .mock-workspace .traffic-recorder .request-filters .app-select-trigger{background:var(--surface-sunken);border-color:var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;color:var(--text-color);min-height:36px;padding:8px 11px}body .mock-workspace .traffic-recorder .replay-controls .app-select-trigger:hover,body .mock-workspace .traffic-recorder .request-filters .app-select-trigger:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface-sunken));border-color:var(--accent)}body .mock-workspace .traffic-recorder .replay-controls .app-select-chevron,body .mock-workspace .traffic-recorder .request-filters .app-select-chevron{color:var(--text-secondary)}body .mock-workspace .traffic-recorder .replay-speed-select{width:74px}body .mock-workspace .traffic-recorder .recording-summary{background:#0000;border-bottom:0;display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}body .mock-workspace .traffic-recorder .recording-summary .summary-item{align-items:baseline;background:var(--surface-sunken);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;flex:0 1 auto;flex-direction:row;gap:8px;min-height:38px;padding:8px 10px}body .mock-workspace .traffic-recorder .recording-summary .summary-item:before{content:none}body .mock-workspace .traffic-recorder .recording-summary .summary-value{color:var(--text-color);font-size:15px;font-weight:700;line-height:1.2}body .mock-workspace .traffic-recorder .recording-summary .summary-label{color:var(--text-secondary);font-size:10px;font-weight:650;letter-spacing:.04em;line-height:1.2;white-space:nowrap}body .mock-workspace .traffic-recorder .requests-panel-header{border-bottom-color:var(--border-color);padding:13px 16px 10px}body .mock-workspace .traffic-recorder .request-filters{border-bottom:0;border-top:1px solid var(--border-color);padding:12px 16px}body .mock-workspace .traffic-recorder .status-legend{color:var(--text-secondary);display:flex;flex-wrap:nowrap;gap:10px;white-space:nowrap}body .mock-workspace .traffic-recorder .legend-dot{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;gap:5px;line-height:1}body .mock-workspace .traffic-recorder .legend-dot i{background:currentColor;border-radius:50%;display:block;flex:0 0 6px;height:6px;width:6px}body .mock-workspace .traffic-recorder .legend-2xx{color:var(--success-color)}body .mock-workspace .traffic-recorder .legend-4xx{color:var(--warning-color)}body .mock-workspace .traffic-recorder .legend-5xx{color:var(--danger-color)}@media (max-width:640px){body .mock-workspace .traffic-recorder .requests-panel-header{align-items:flex-start;flex-direction:column;gap:10px}}:root{--analytics-bg-primary:var(--card-bg,#fff);--analytics-bg-secondary:var(--background-color,#f8f9fa);--analytics-bg-tertiary:var(--hover-bg,#f5f5f5);--analytics-border-primary:var(--border-color,#e1e4e8);--analytics-text-primary:var(--text-color,#333);--analytics-text-secondary:var(--text-secondary,#6c757d);--analytics-text-muted:var(--text-muted,#9ca3af);--analytics-primary-color:var(--primary-color,#014c75);--analytics-primary-hover:var(--primary-hover,#013b5b);--analytics-primary-light:var(--primary-light,#e5f3ff);--analytics-success-color:var(--success-color,#10b981);--analytics-error-color:var(--error-color,#ef4444);--analytics-warning-color:var(--warning-color,#f59e0b)}[data-theme=dark] .analytics-dashboard,body.dark-theme .analytics-dashboard{--analytics-bg-primary:var(--card-bg,#002234);--analytics-bg-secondary:var(--background-color,#00111a);--analytics-bg-tertiary:var(--sidebar-bg,#001927);--analytics-border-primary:var(--border-color,#003956);--analytics-text-primary:var(--text-color,#e0e0e0);--analytics-text-secondary:var(--text-secondary,#b8d4e3);--analytics-text-muted:#7a9bad;--analytics-primary-color:#5cb8e4;--analytics-primary-light:#014c754d}.analytics-dashboard{background:#f8f9fa;background:var(--analytics-bg-secondary);color:#333;color:var(--analytics-text-primary);min-height:100%}.analytics-empty{align-items:center;color:#6c757d;color:var(--analytics-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.analytics-empty svg{margin-bottom:16px;opacity:.3}.analytics-empty h3{color:#333;color:var(--analytics-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.analytics-empty p{font-size:14px;margin:0}.analytics-header{align-items:center;background:#fff;background:var(--analytics-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--analytics-border-primary);border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.header-title{display:flex;flex-direction:column;gap:4px}.header-title h2{align-items:center;color:#333;color:var(--analytics-text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.server-name{color:#6c757d;color:var(--analytics-text-secondary);font-size:12px}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.time-range-selector{gap:6px}.time-range-selector .app-select{width:164px}.auto-refresh-toggle{align-items:center;background:#f5f5f5;background:var(--analytics-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--analytics-border-primary);border-radius:999px;color:#6c757d;color:var(--analytics-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:10px;padding:8px 16px;position:relative;transition:all .2s ease}.auto-refresh-toggle:hover{border-color:#014c75;border-color:var(--analytics-primary-color);color:#333;color:var(--analytics-text-primary)}.auto-refresh-toggle input{opacity:0;pointer-events:none;position:absolute}.auto-refresh-indicator{align-items:center;background:#fff;background:var(--analytics-bg-primary);border:2px solid #e1e4e8;border:2px solid var(--analytics-border-primary);border-radius:999px;display:inline-flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.auto-refresh-indicator:after{background:#0000;border-radius:50%;content:"";height:8px;transform:scale(.4);transition:transform .2s ease,background .2s ease;width:8px}.auto-refresh-text{font-weight:500}.auto-refresh-toggle.active{background:#e5f3ff;background:var(--analytics-primary-light);border-color:#014c75;border-color:var(--analytics-primary-color);color:#014c75;color:var(--analytics-primary-color)}.auto-refresh-toggle.active .auto-refresh-indicator{background:#014c75;background:var(--analytics-primary-color);border-color:#014c75;border-color:var(--analytics-primary-color)}.auto-refresh-toggle.active .auto-refresh-indicator:after{background:#fff;background:var(--analytics-bg-primary);transform:scale(1)}[data-theme=dark] .auto-refresh-toggle,body.dark-theme .auto-refresh-toggle{background:#001927;border-color:#003956}[data-theme=dark] .auto-refresh-toggle.active,body.dark-theme .auto-refresh-toggle.active{background:#5cb8e426}[data-theme=dark] .auto-refresh-toggle.active .auto-refresh-indicator,body.dark-theme .auto-refresh-toggle.active .auto-refresh-indicator{background:#5cb8e4;border-color:#5cb8e4}.btn-icon-text{background:#f5f5f5;background:var(--analytics-bg-tertiary);border:1px solid var(--analytics-border-primary);color:var(--analytics-text-primary)}.btn-icon-text:hover{background:#f8f9fa;background:var(--analytics-bg-secondary);border-color:var(--analytics-primary-color)}.analytics-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--analytics-error-color);display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.analytics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px}.spinner{border:3px solid #e1e4e8;border-top-color:#014c75;border:3px solid var(--analytics-border-primary);border-top-color:var(--analytics-primary-color)}.summary-cards{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{background:#fff;background:var(--analytics-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--analytics-border-primary);border-radius:10px;gap:14px;padding:18px 20px;transition:all .2s ease}.summary-card:hover{border-color:#014c75;border-color:var(--analytics-primary-color)}.card-icon{border-radius:10px;display:flex!important}.card-icon.requests{background:#014c751f;color:#014c75;color:var(--analytics-primary-color)}.card-icon.response-time{background:#8b5cf61f;color:#7c3aed}.card-icon.success-rate{background:#10b9811f;color:#10b981;color:var(--analytics-success-color)}.card-icon.endpoints{background:#f59e0b1f;color:#f59e0b;color:var(--analytics-warning-color)}.card-content{display:flex;flex-direction:column;gap:2px}.card-value{color:#333;color:var(--analytics-text-primary);font-size:24px}.card-label{color:#6c757d;color:var(--analytics-text-secondary);font-size:12px}.charts-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.chart-card{background:#fff;background:var(--analytics-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--analytics-border-primary);border-radius:10px;overflow:hidden}.chart-card.wide{grid-column:span 2}.chart-header{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--analytics-border-primary);padding:14px 20px}.chart-header h3{color:#333;color:var(--analytics-text-primary);font-size:14px;margin:0}.chart-container{height:250px;padding:20px}.chart-container.doughnut{align-items:center;display:flex;justify-content:center}.recent-requests{background:#fff;background:var(--analytics-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--analytics-border-primary);border-radius:10px;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--analytics-border-primary);display:flex;justify-content:space-between;padding:14px 20px}.table-header h3{color:#333;color:var(--analytics-text-primary);font-size:14px;font-weight:600;margin:0}.table-filters{align-items:center;display:flex;gap:10px}.table-filters input{background:#f5f5f5;background:var(--analytics-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--analytics-border-primary);border-radius:6px;color:#333;color:var(--analytics-text-primary);font-size:13px;min-width:200px;padding:8px 12px}.table-filters input:focus{border-color:#014c75;border-color:var(--analytics-primary-color);outline:none}.table-filters input::placeholder{color:#9ca3af;color:var(--analytics-text-muted)}.table-container{overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.table-container th{background:#f5f5f5;background:var(--analytics-bg-tertiary);color:#6c757d;color:var(--analytics-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.table-container td,.table-container th{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--analytics-border-primary);padding:12px 16px}.table-container td{color:#333;color:var(--analytics-text-primary);font-size:13px}.table-container tr:last-child td{border-bottom:none}.analytics-dashboard .table-container tr:hover td{background:#f5f5f5;background:var(--analytics-bg-tertiary)}.timestamp{color:#6c757d;color:var(--analytics-text-secondary);font-family:Monaco,Menlo,monospace;font-size:12px}.path{font-size:12px;max-width:200px}.scenario{color:#6c757d;color:var(--analytics-text-secondary)}.no-data{color:#9ca3af;color:var(--analytics-text-muted);padding:40px 16px!important;text-align:center}.method{font-size:10px;padding:3px 8px}.status{display:inline-block}.status.status-2xx{background:#10b9811f;color:#10b981;color:var(--analytics-success-color)}.status.status-3xx{background:#3b82f61f;color:#2563eb}.status.status-4xx{background:#f59e0b1f;color:#f59e0b;color:var(--analytics-warning-color)}.status.status-5xx{background:#ef44441f;color:#ef4444;color:var(--analytics-error-color)}[data-theme=dark] .status.status-3xx,body.dark-theme .status.status-3xx{color:#60a5fa}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column}.header-controls{justify-content:flex-start;width:100%}.summary-cards{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column;gap:12px}.table-filters{width:100%}.table-filters input{flex:1 1;min-width:auto}.chart-container{height:200px}}.mock-workspace .analytics-dashboard{--analytics-bg-primary:var(--surface-elevated);--analytics-bg-secondary:var(--surface);--analytics-bg-tertiary:var(--hover-bg);--analytics-border-primary:var(--border-color);--analytics-text-primary:var(--text-color);--analytics-text-secondary:var(--text-secondary);--analytics-text-muted:var(--text-muted);--analytics-primary-color:var(--accent);--analytics-primary-hover:var(--accent-hover);--analytics-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);min-height:0}.mock-workspace .analytics-dashboard .analytics-header{margin-bottom:14px;padding:13px 16px}.mock-workspace .analytics-dashboard .summary-cards{gap:12px;margin-bottom:14px}.mock-workspace .analytics-dashboard .summary-card{gap:11px;min-height:72px;padding:12px 14px}.mock-workspace .analytics-dashboard .card-icon{height:38px;width:38px}.mock-workspace .analytics-dashboard .card-value{font-size:20px}.mock-workspace .analytics-dashboard .charts-grid{gap:12px;margin-bottom:14px}.mock-workspace .analytics-dashboard .chart-header{padding:11px 15px}.mock-workspace .analytics-dashboard .chart-container{height:210px;padding:14px}.mock-workspace .analytics-dashboard .table-header{padding:11px 15px}.mock-workspace .analytics-dashboard .table-container td,.mock-workspace .analytics-dashboard .table-container th{padding:9px 12px}.mock-workspace .analytics-dashboard .auto-refresh-toggle.active{background:#e5f3ff;background:var(--analytics-primary-light);border-color:var(--accent);color:var(--accent)}.mock-workspace .analytics-dashboard .auto-refresh-toggle.active .auto-refresh-indicator{background:var(--accent);border-color:var(--accent)}.mock-workspace .analytics-dashboard select{background-color:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .analytics-dashboard :focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.analytics-dashboard *,.analytics-dashboard :after,.analytics-dashboard :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mock-workspace .analytics-dashboard .analytics-header,.mock-workspace .analytics-dashboard .chart-card,.mock-workspace .analytics-dashboard .recent-requests,.mock-workspace .analytics-dashboard .summary-card{background:#fff;background:var(--analytics-bg-primary);border-color:#e1e4e8;border-color:var(--analytics-border-primary);box-shadow:none}.mock-workspace .analytics-dashboard .chart-header,.mock-workspace .analytics-dashboard .table-container th,.mock-workspace .analytics-dashboard .table-header{border-color:#e1e4e8;border-color:var(--analytics-border-primary)}.mock-workspace .analytics-dashboard .table-container th{background:#f5f5f5;background:var(--analytics-bg-tertiary);color:#6c757d;color:var(--analytics-text-secondary)}.mock-workspace .analytics-dashboard .table-container td{border-color:#e1e4e8;border-color:var(--analytics-border-primary)}.mock-workspace .analytics-dashboard .btn-icon-text,.mock-workspace .analytics-dashboard .time-range-selector{background:#f5f5f5;background:var(--analytics-bg-tertiary);border-color:#e1e4e8;border-color:var(--analytics-border-primary);color:#333;color:var(--analytics-text-primary)}.mock-workspace .analytics-dashboard .card-icon.endpoints,.mock-workspace .analytics-dashboard .card-icon.requests{background:#e5f3ff;background:var(--analytics-primary-light);color:var(--accent)}body .mock-workspace .analytics-dashboard{--analytics-bg-primary:var(--surface-elevated);--analytics-bg-secondary:var(--surface);--analytics-bg-tertiary:var(--hover-bg);--analytics-border-primary:var(--border-color);--analytics-text-primary:var(--text-color);--analytics-text-secondary:var(--text-secondary);--analytics-text-muted:var(--text-muted);--analytics-primary-color:var(--accent);--analytics-primary-hover:var(--accent-hover);--analytics-primary-light:color-mix(in srgb,var(--accent) 14%,#0000)}body .mock-workspace .analytics-dashboard .table-container table{table-layout:fixed}body .mock-workspace .analytics-dashboard .table-container tbody tr{height:40px!important;max-height:40px!important;min-height:40px!important}body .mock-workspace .analytics-dashboard .table-container td,body .mock-workspace .analytics-dashboard .table-container th{height:40px!important;line-height:1.35;min-height:40px!important;padding:4px 12px!important;vertical-align:middle;white-space:nowrap}body .mock-workspace .analytics-dashboard .table-container td{font-size:12px}body .mock-workspace .analytics-dashboard .table-container .method,body .mock-workspace .analytics-dashboard .table-container .status{align-items:center;border-radius:999px;box-sizing:border-box;display:inline-flex;justify-content:center;line-height:1;min-height:22px;min-width:0!important;padding:2px 7px;width:auto!important}body .mock-workspace .analytics-dashboard .table-container .path,body .mock-workspace .analytics-dashboard .table-container .scenario,body .mock-workspace .analytics-dashboard .table-container .timestamp{display:table-cell;overflow:hidden;text-overflow:ellipsis}body .mock-workspace .analytics-dashboard .time-range-selector{background:#0000;border:0;border-radius:0;color:var(--text-secondary);gap:8px;padding:0}body .mock-workspace .analytics-dashboard .time-range-selector .app-select-trigger{background:var(--surface);border-color:var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);min-height:38px;padding:8px 10px}body .mock-workspace .analytics-dashboard .time-range-selector .app-select-trigger:hover{background:var(--hover-bg);border-color:var(--accent)}body .mock-workspace .analytics-dashboard .auto-refresh-toggle{background:var(--surface);border-color:var(--border-color);box-sizing:border-box;color:var(--text-secondary);min-height:38px;padding:7px 12px}body .mock-workspace .analytics-dashboard .auto-refresh-toggle.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--accent);color:var(--accent)}body .mock-workspace .analytics-dashboard .auto-refresh-indicator{background:var(--surface-elevated);border-color:var(--border-color)}body .mock-workspace .analytics-dashboard .auto-refresh-toggle.active .auto-refresh-indicator{background:var(--accent);border-color:var(--accent)}:root{--editor-bg-primary:var(--card-bg,#fff);--editor-bg-secondary:var(--background-color,#f8f9fa);--editor-bg-tertiary:var(--hover-bg,#f5f5f5);--editor-border-primary:var(--border-color,#e1e4e8);--editor-text-primary:var(--text-color,#333);--editor-text-secondary:var(--text-secondary,#6c757d);--editor-text-muted:var(--text-muted,#9ca3af);--editor-primary-color:var(--primary-color,#014c75);--editor-primary-hover:var(--primary-hover,#013b5b);--editor-primary-light:var(--primary-light,#e5f3ff);--editor-success-color:var(--success-color,#10b981);--editor-error-color:var(--error-color,#ef4444);--editor-warning-color:var(--warning-color,#f59e0b);--editor-shadow:var(--card-shadow,0 1px 3px #00000014);--editor-focus-ring:#014c7540;--editor-code-bg:var(--hover-bg,#f5f5f5)}[data-theme=dark] .endpoint-editor,body.dark-theme .endpoint-editor{--editor-bg-primary:var(--card-bg,#002234);--editor-bg-secondary:var(--background-color,#00111a);--editor-bg-tertiary:var(--sidebar-bg,#001927);--editor-border-primary:var(--border-color,#003956);--editor-text-primary:var(--text-color,#e0e0e0);--editor-text-secondary:var(--text-secondary,#b8d4e3);--editor-text-muted:#7a9bad;--editor-primary-color:#5cb8e4;--editor-primary-light:#014c754d;--editor-shadow:#0000004d;--editor-focus-ring:#014c7566;--editor-code-bg:#001a26}.endpoint-editor{background:#0000;box-sizing:border-box;color:#333;color:var(--editor-text-primary);max-width:100%;min-height:0;overflow-x:clip;width:100%}.editor-header{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;justify-content:space-between;margin-bottom:20px;padding:18px clamp(20px,3vw,32px)}.header-info{align-items:center;gap:12px}.header-info h3{color:#333;color:var(--editor-text-primary);font-size:16px;font-weight:600;margin:0}.endpoint-count{background:#f5f5f5;background:var(--editor-bg-tertiary);border-radius:20px;color:#6c757d;color:var(--editor-text-secondary);font-size:12px;padding:4px 10px}.btn-add{align-items:center;background:#014c75;background:var(--editor-primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease}.btn-add:hover{background:#013b5b;background:var(--editor-primary-hover)}.endpoint-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070606c2;display:grid;inset:0;overscroll-behavior:contain;padding:24px;place-items:center;position:fixed;z-index:1200}.endpoint-form{background:#fff;background:var(--editor-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:10px;box-shadow:0 24px 70px #00000080;display:flex;flex-direction:column;margin:0;max-height:calc(100vh - 48px);overflow:hidden;width:min(920px,100%)}.form-header{background:#f5f5f5;background:var(--editor-bg-tertiary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--editor-border-primary);padding:14px 20px}.form-header h4{color:#333;color:var(--editor-text-primary);font-size:14px;font-weight:600;margin:0}.btn-close{color:var(--editor-text-secondary);padding:6px}.btn-close:hover{background:#f8f9fa;background:var(--editor-bg-secondary);color:#ef4444;color:var(--editor-error-color)}.form-body{gap:16px;overflow-y:auto;overscroll-behavior:contain;padding:18px}.form-body,.form-section{display:flex;flex-direction:column}.form-section{background:#f8f9fa;background:var(--editor-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:12px;gap:12px;padding:16px}.section-heading{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.section-heading h5{color:#333;color:var(--editor-text-primary);font-size:16px;font-weight:600;margin:0}.section-eyebrow{color:#9ca3af;color:var(--editor-text-muted);font-size:11px;letter-spacing:.1em;margin:0;text-transform:uppercase}.section-hint{color:#6c757d;color:var(--editor-text-secondary);flex:1 1;font-size:13px;min-width:200px;text-align:right}.endpoint-meta-grid{grid-gap:14px;align-items:flex-start;display:grid;gap:14px;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr)}.input-field{display:flex;flex-direction:column;gap:8px}.field-label,.input-field label{color:#333;color:var(--editor-text-primary);font-size:13px;font-weight:600}.input-field input:not([type=checkbox]):not([type=radio]),.input-shell input{background:#fff;background:var(--editor-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:10px;color:#333;color:var(--editor-text-primary);font-size:14px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-field select{width:100%}.input-field input[type=number]{-webkit-appearance:textfield;appearance:textfield}.input-field input[type=number]::-webkit-inner-spin-button,.input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field input:focus,.input-shell input:focus,.response-field textarea:focus{border-color:#014c75;border-color:var(--editor-primary-color);box-shadow:0 0 0 3px #014c7540;box-shadow:0 0 0 3px var(--editor-focus-ring);outline:none}.input-field input::placeholder,.response-field textarea::placeholder{color:#9ca3af;color:var(--editor-text-muted)}.method-pill-group{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(54px,1fr))}.method-pill{background:#fff;background:var(--editor-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:10px;color:#6c757d;color:var(--editor-text-secondary);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.05em;padding:8px 0;transition:all .2s ease}.method-pill.active,.method-pill:hover{border-color:#014c75;border-color:var(--editor-primary-color);color:#014c75;color:var(--editor-primary-color)}.method-pill.active{background:#e5f3ff;background:var(--editor-primary-light)}.input-field.small{min-width:0}.input-hint{color:#9ca3af;color:var(--editor-text-muted);font-size:12px}.response-field textarea{width:100%}.response-body-section .code-editor{max-height:260px;min-height:190px}.form-actions.modern{align-items:center;background:#fff;background:var(--editor-bg-primary);border-top:1px solid #e1e4e8;border-top:1px solid var(--editor-border-primary);bottom:-18px;display:flex;gap:12px;justify-content:flex-end;margin:2px -18px -18px;padding:14px 18px;position:-webkit-sticky;position:sticky;z-index:2}@media (max-width:1024px){.endpoint-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.input-field.path-field{grid-column:span 2}}@media (max-width:640px){.endpoint-form-overlay{padding:12px}.endpoint-form{max-height:calc(100vh - 24px)}.section-heading{align-items:flex-start;flex-direction:column}.section-hint{min-width:0;text-align:left}.endpoint-meta-grid{grid-template-columns:1fr}.form-actions.modern{align-items:stretch;flex-direction:column}}textarea.code-editor{background:#f5f5f5;background:var(--editor-code-bg);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:8px;color:#333;color:var(--editor-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;min-height:180px;padding:12px;resize:vertical;width:100%}textarea.code-editor:focus{border-color:#014c75;border-color:var(--editor-primary-color);box-shadow:0 0 0 3px #014c7540;box-shadow:0 0 0 3px var(--editor-focus-ring);outline:none}.form-actions{border-top:1px solid var(--editor-border-primary)}.btn-primary{background:var(--editor-primary-color)}.btn-primary:hover{background:var(--editor-primary-hover)}.btn-secondary{border:1px solid var(--editor-border-primary);color:var(--editor-text-primary)}.btn-secondary:hover{background:var(--editor-bg-tertiary);border-color:var(--editor-primary-color)}.btn-icon{color:var(--editor-text-secondary);padding:8px}.btn-icon:after,.btn-icon:before{content:none!important;display:none!important}.btn-icon:hover{background:var(--editor-bg-tertiary);color:var(--editor-primary-color)}.btn-icon.danger:hover{color:#ef4444;color:var(--editor-error-color)}.endpoints-list{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}.endpoint-card{background:#fff;background:var(--editor-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:10px;overflow:hidden;transition:border-color .2s ease}.endpoint-card,.endpoint-header{box-sizing:border-box;min-width:0}.endpoint-header{align-items:center;background:#0000;display:flex;gap:12px;padding:12px 16px;transition:background .15s ease}.endpoint-header:hover{background:#f5f5f5;background:var(--editor-bg-tertiary);border-radius:0}.chevron-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;color:var(--editor-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.chevron-btn:hover{background:#f8f9fa;background:var(--editor-bg-secondary);color:#333;color:var(--editor-text-primary)}.endpoint-main{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0}.method{border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.method.get{background:#10b98126;color:#059669}.method.post{background:#3b82f626;color:#2563eb}.method.put{background:#f59e0b26;color:#d97706}.method.delete{background:#ef444426;color:#dc2626}.method.patch{background:#8b5cf626;color:#7c3aed}.method.options{background:#6b728026;color:#4b5563}[data-theme=dark] .method.get,body.dark-theme .method.get{background:#10b98133;color:#34d399}[data-theme=dark] .method.post,body.dark-theme .method.post{background:#3b82f633;color:#60a5fa}[data-theme=dark] .method.put,body.dark-theme .method.put{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .method.delete,body.dark-theme .method.delete{background:#ef444433;color:#f87171}[data-theme=dark] .method.patch,body.dark-theme .method.patch{background:#8b5cf633;color:#a78bfa}[data-theme=dark] .method.options,body.dark-theme .method.options{background:#6b728033;color:#9ca3af}.path{color:#333;color:var(--editor-text-primary);font-family:Monaco,Menlo,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px}.status-badge{flex-shrink:0;font-size:13px;padding:5px 12px}.status-badge.status-2xx,.status.status-2xx{background:#10b98133;color:#059669}.status-badge.status-3xx,.status.status-3xx{background:#3b82f633;color:#2563eb}.status-badge.status-4xx,.status.status-4xx{background:#f59e0b33;color:#d97706}.status-badge.status-5xx,.status.status-5xx{background:#ef444433;color:#dc2626}[data-theme=dark] .status-badge.status-2xx,[data-theme=dark] .status.status-2xx,body.dark-theme .status-badge.status-2xx,body.dark-theme .status.status-2xx{background:#10b98140;color:#34d399}[data-theme=dark] .status-badge.status-3xx,[data-theme=dark] .status.status-3xx,body.dark-theme .status-badge.status-3xx,body.dark-theme .status.status-3xx{color:#60a5fa}[data-theme=dark] .status-badge.status-4xx,[data-theme=dark] .status.status-4xx,body.dark-theme .status-badge.status-4xx,body.dark-theme .status.status-4xx{background:#f59e0b40;color:#fbbf24}[data-theme=dark] .status-badge.status-5xx,[data-theme=dark] .status.status-5xx,body.dark-theme .status-badge.status-5xx,body.dark-theme .status.status-5xx{background:#ef444440;color:#f87171}.delay{align-items:center;background:#f5f5f5;background:var(--editor-bg-tertiary);border-radius:4px;color:#6c757d;color:var(--editor-text-secondary);display:flex;font-size:11px;gap:4px;padding:3px 8px}.endpoint-actions{align-items:center;flex-shrink:0;transition:opacity .2s ease}.endpoint-header:hover .endpoint-actions{opacity:1}.endpoint-body{background:#f5f5f5;background:var(--editor-bg-tertiary);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #e1e4e8;border-top:1px solid var(--editor-border-primary);padding:16px 20px}.response-section{margin-bottom:16px;min-height:40px!important}.response-section:last-of-type{margin-bottom:0}.response-section h5{color:#6c757d;color:var(--editor-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.config-grid{grid-gap:16px;align-items:stretch;background:#f5f5f5;background:var(--editor-code-bg);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:8px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);min-width:0;padding:10px 14px}@media (max-width:768px){.config-grid{grid-template-columns:repeat(2,1fr)}}.config-item{align-items:center;background:#f5f5f5;background:var(--editor-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:42px;min-width:0;padding:7px 10px;text-align:center}.config-label{color:#9ca3af;color:var(--editor-text-muted);font-size:10px;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.config-value{color:#333;color:var(--editor-text-primary);font-size:13px;font-weight:500;line-height:1.25}.config-value.status{font-size:12px}.config-value.method,.config-value.status{border-radius:4px;display:inline-block;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.config-value.method{font-size:11px;font-weight:600}.config-value.path{font-family:Monaco,Menlo,monospace;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headers-list{background:#f5f5f5;background:var(--editor-code-bg);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px 16px}.header-item{align-items:center;background:#f5f5f5;background:var(--editor-bg-tertiary);border-radius:4px;display:flex;gap:12px;padding:6px 10px}.header-key{color:#014c75;color:var(--editor-primary-color);font-weight:600;min-width:120px}.header-key,.header-value{font-family:Monaco,Menlo,monospace;font-size:12px}.header-value{color:#333;color:var(--editor-text-primary);flex:1 1;word-break:break-all}.empty-headers{background:#f5f5f5;background:var(--editor-code-bg);border:1px dashed #e1e4e8;border:1px dashed var(--editor-border-primary);border-radius:8px;padding:12px 16px;text-align:center}.empty-headers span{color:#9ca3af;color:var(--editor-text-muted);font-size:12px}.response-preview{margin-bottom:12px}.response-preview h5{color:#6c757d;color:var(--editor-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.code-block{background:#f5f5f5;background:var(--editor-code-bg);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);box-sizing:border-box;color:#333;color:var(--editor-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.6;margin:0;max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.code-block,.test-result{border-radius:8px;padding:14px 16px}.test-result{margin-top:16px}.test-result.success{background:#10b9811a;border:1px solid #10b9814d}.test-result.error{background:#ef44441a;border:1px solid #ef44444d}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.result-status{color:#10b981;color:var(--editor-success-color);font-size:13px;font-weight:600}.test-result.error .result-status{color:#ef4444;color:var(--editor-error-color)}.result-time{color:#6c757d;color:var(--editor-text-secondary);font-size:12px}.result-body{background:#f5f5f5;background:var(--editor-code-bg);border-radius:6px;color:#333;color:var(--editor-text-primary);font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.error-message{color:#ef4444;color:var(--editor-error-color);margin:0}.empty-endpoints{align-items:center;background:#fff;background:var(--editor-bg-primary);border:1px dashed #e1e4e8;border:1px dashed var(--editor-border-primary);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.empty-endpoints svg{color:#9ca3af;color:var(--editor-text-muted);margin-bottom:16px;opacity:.3}.empty-endpoints p{color:#333;color:var(--editor-text-primary);font-size:15px;font-weight:500;margin:0 0 6px}.empty-endpoints span{color:#6c757d;color:var(--editor-text-secondary);font-size:13px}@media (max-width:768px){.editor-header{align-items:flex-start;flex-direction:column;gap:12px}.form-row.three-cols,.form-row.two-cols{grid-template-columns:1fr}.endpoint-header{align-items:flex-start;flex-direction:column;gap:12px}.endpoint-info{flex-wrap:wrap}.endpoint-actions{justify-content:flex-end;width:100%}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}}.endpoint-form :focus-visible,.endpoint-form-overlay :focus-visible{outline:2px solid #014c75;outline:2px solid var(--editor-primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.endpoint-form *,.endpoint-form-overlay *{transition-duration:.01ms!important}}.mock-workspace .endpoint-editor{--editor-bg-primary:var(--surface-elevated);--editor-bg-secondary:var(--surface);--editor-bg-tertiary:var(--hover-bg);--editor-border-primary:var(--border-color);--editor-text-primary:var(--text-color);--editor-text-secondary:var(--text-secondary);--editor-text-muted:var(--text-muted);--editor-primary-color:var(--accent);--editor-primary-hover:var(--accent-hover);--editor-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);--editor-code-bg:var(--surface-sunken);background:#0000;max-width:100%;min-height:0;overflow-x:clip;width:100%}.mock-workspace .endpoint-editor .editor-header,.mock-workspace .endpoint-editor .endpoint-card,.mock-workspace .endpoint-editor .endpoint-form{background:#fff;background:var(--editor-bg-primary);border-color:#e1e4e8;border-color:var(--editor-border-primary)}.mock-workspace .endpoint-editor .editor-header,.mock-workspace .endpoint-editor .endpoint-card{box-shadow:none}.mock-workspace .endpoint-editor .endpoint-form{box-shadow:var(--shadow-lg)}.mock-workspace .endpoint-editor .editor-header{border-radius:10px;margin-bottom:14px;padding:15px 18px}.mock-workspace .endpoint-editor .endpoint-body,.mock-workspace .endpoint-editor .endpoint-card.expanded .endpoint-header,.mock-workspace .endpoint-editor .endpoint-header:hover,.mock-workspace .endpoint-editor .form-header{background:#f5f5f5;background:var(--editor-bg-tertiary)}.mock-workspace .endpoint-editor .section-eyebrow{color:var(--accent)}.mock-workspace .endpoint-editor .input-hint,.mock-workspace .endpoint-editor .section-hint{color:#6c757d;color:var(--editor-text-secondary)}.mock-workspace .endpoint-editor .field-label,.mock-workspace .endpoint-editor .input-field label,.mock-workspace .endpoint-editor .section-heading h5{color:#333;color:var(--editor-text-primary)}.mock-workspace .endpoint-editor .input-hint code{color:var(--accent)}.mock-workspace .endpoint-editor .config-grid,.mock-workspace .endpoint-editor .empty-headers,.mock-workspace .endpoint-editor .response-section{background:#fff;background:var(--editor-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:10px}.mock-workspace .endpoint-editor .response-section{margin-bottom:14px;padding:14px}.mock-workspace .endpoint-editor .response-preview h5,.mock-workspace .endpoint-editor .response-section h5{color:#333;color:var(--editor-text-primary)}.mock-workspace .endpoint-editor .code-block,.mock-workspace .endpoint-editor .config-grid,.mock-workspace .endpoint-editor .headers-list{background:#f5f5f5;background:var(--editor-code-bg);border-color:#e1e4e8;border-color:var(--editor-border-primary);border-radius:8px}.mock-workspace .endpoint-editor .config-label,.mock-workspace .endpoint-editor .empty-headers span{color:#6c757d;color:var(--editor-text-secondary)}.mock-workspace .endpoint-editor .code-block,.mock-workspace .endpoint-editor .config-value,.mock-workspace .endpoint-editor .header-value{color:#333;color:var(--editor-text-primary)}.mock-workspace .endpoint-editor .header-key{color:var(--accent)}.mock-workspace .endpoint-editor .config-item,.mock-workspace .endpoint-editor .header-item{background:#fff;background:var(--editor-bg-primary);border-color:#e1e4e8;border-color:var(--editor-border-primary)}.mock-workspace .endpoint-editor .header-item{border-radius:8px}.mock-workspace .endpoint-editor .endpoint-actions .btn-icon{background:#fff;background:var(--editor-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--editor-border-primary);border-radius:7px;color:#6c757d;color:var(--editor-text-secondary);height:28px;padding:0;width:28px}.mock-workspace .endpoint-editor .endpoint-actions .btn-icon:hover{background:#e5f3ff;background:var(--editor-primary-light);border-color:var(--accent);color:var(--accent)}.mock-workspace .endpoint-editor .endpoint-actions .btn-icon.danger:hover{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-text)}.mock-workspace .endpoint-editor .result-body{background:#f5f5f5;background:var(--editor-code-bg);border-color:#e1e4e8;border-color:var(--editor-border-primary);color:#333;color:var(--editor-text-primary)}.mock-workspace .endpoint-editor .btn-add,.mock-workspace .endpoint-editor .btn-primary{background:var(--accent);color:var(--button-text)}.mock-workspace .endpoint-editor .btn-add:hover,.mock-workspace .endpoint-editor .btn-primary:hover{background:var(--accent-hover)}.mock-workspace .endpoint-editor input,.mock-workspace .endpoint-editor textarea{background:#f5f5f5;background:var(--editor-code-bg);border-color:#e1e4e8;border-color:var(--editor-border-primary);color:#333;color:var(--editor-text-primary)}.mock-workspace .endpoint-editor .method-pill.active{background:#e5f3ff;background:var(--editor-primary-light);border-color:var(--accent);color:var(--accent)}.mock-workspace .endpoint-editor .method.get,.mock-workspace .endpoint-editor .status-badge.status-2xx{background:var(--success-bg);color:var(--success-text)}.mock-workspace .endpoint-editor .method.post,.mock-workspace .endpoint-editor .status-badge.status-3xx{background:color-mix(in srgb,var(--accent) 14%,#0000);background:var(--analytics-primary-light,color-mix(in srgb,var(--accent) 14%,#0000));color:var(--accent)}.mock-workspace .endpoint-editor .method.put,.mock-workspace .endpoint-editor .status-badge.status-4xx{background:var(--warning-light);color:var(--warning-color)}.mock-workspace .endpoint-editor .method.delete,.mock-workspace .endpoint-editor .status-badge.status-5xx{background:var(--danger-bg);color:var(--danger-text)}body .mock-workspace .endpoint-editor{--editor-bg-primary:var(--surface-elevated);--editor-bg-secondary:var(--surface);--editor-bg-tertiary:var(--hover-bg);--editor-border-primary:var(--border-color);--editor-text-primary:var(--text-color);--editor-text-secondary:var(--text-secondary);--editor-text-muted:var(--text-muted);--editor-primary-color:var(--accent);--editor-primary-hover:var(--accent-hover);--editor-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);--editor-code-bg:var(--surface-sunken)}.fault-lab{color:#e7edf7;color:var(--text-primary,#e7edf7);margin:0 auto;max-width:1320px;padding:4px 2px 28px}.fault-lab__empty,.fault-lab__events,.fault-lab__hero,.fault-lab__stats>div,.fault-modal,.fault-profile{background:#111a2c;background:var(--card-bg,#111a2c);border:1px solid #26354f;border:1px solid var(--border-color,#26354f);border-radius:12px}.fault-lab__hero{background:linear-gradient(115deg,#3a74ff24,#121c30f5 56%);display:flex;gap:24px;justify-content:space-between;padding:24px 26px}.fault-lab h3,.fault-lab h4,.fault-lab h5,.fault-lab p{margin:0}.fault-lab__hero h3{font-size:22px;margin:4px 0 7px}.fault-lab__hero p,.fault-lab__no-events,.fault-lab__toolbar span,.fault-profile p{color:#91a0b9;color:var(--text-secondary,#91a0b9);font-size:13px}.fault-lab__eyebrow{align-items:center;color:#82a9ff;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.09em;text-transform:uppercase}.fault-lab__switch-wrap{align-items:center;color:#91a0b9;color:var(--text-secondary,#91a0b9);display:flex;font-size:12px;gap:10px;white-space:nowrap}.fault-switch{background:#43506a;border:0;border-radius:99px;cursor:pointer;height:22px;padding:3px;transition:.18s;width:38px}.fault-switch i{background:#fff;border-radius:50%;display:block;height:16px;transition:.18s;width:16px}.fault-switch.is-on{background:#367cf8}.fault-switch.is-on i{transform:translateX(16px)}.fault-switch:disabled{cursor:not-allowed;opacity:.5}.fault-lab__error{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;color:#f8c365;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.fault-lab__error button{background:none;border:0;color:inherit;margin-left:auto}.fault-lab__stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:14px 0}.fault-lab__stats>div{grid-gap:2px 10px;color:#8fb0ff;display:grid;gap:2px 10px;grid-template-columns:20px 1fr;padding:15px}.fault-lab__stats span{color:#91a0b9;color:var(--text-secondary,#91a0b9);font-size:12px}.fault-lab__stats strong{color:#e7edf7;color:var(--text-primary,#e7edf7);font-size:20px;grid-column:2}.fault-lab__toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:20px 0 12px}.fault-lab__toolbar h4{font-size:15px;margin-bottom:3px}.fault-lab__toolbar>div:last-child{align-items:center;display:flex;gap:8px}.fault-lab button{font:inherit}.fault-lab .btn-icon-text,.fault-lab .btn-primary,.fault-lab .btn-secondary{align-items:center;display:inline-flex;gap:6px}.fault-lab__profiles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.fault-profile{padding:16px}.fault-profile.is-disabled{opacity:.58}.fault-profile__top{display:flex;gap:12px;justify-content:space-between}.fault-type{background:#3b82f621;border-radius:4px;color:#8db2ff;display:inline-block;font-size:11px;margin-bottom:8px;padding:3px 7px;text-transform:capitalize}.fault-profile h4{font-size:15px;margin-bottom:4px}.fault-profile__meta{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 12px}.fault-profile__meta span{border:1px solid #26354f;border:1px solid var(--border-color,#26354f);border-radius:4px;color:#91a0b9;color:var(--text-secondary,#91a0b9);font-size:11px;padding:4px 6px}.fault-profile__actions{display:flex;gap:8px}.fault-lab__empty button,.fault-profile__actions button{align-items:center;background:#0000;border:1px solid #26354f;border:1px solid var(--border-color,#26354f);border-radius:6px;color:#a9b6cb;color:var(--text-secondary,#a9b6cb);display:inline-flex;font-size:12px;gap:5px;padding:6px 8px}.fault-lab .danger,.fault-profile__actions .danger{color:#ef8b9a}.fault-lab__empty{padding:35px;text-align:center}.fault-lab__empty>svg{color:#7ea7ff;font-size:28px}.fault-lab__empty h4{margin:8px 0 5px}.fault-lab__empty p{margin-bottom:16px}.fault-lab__empty div{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.fault-lab__events{margin-top:22px;padding:16px}.fault-events{border-top:1px solid #26354f;border-top:1px solid var(--border-color,#26354f);margin-top:12px}.fault-events>div{grid-gap:12px;align-items:center;border-bottom:1px solid #26354f;border-bottom:1px solid var(--border-color,#26354f);display:grid;font-size:12px;gap:12px;grid-template-columns:150px 1fr auto;padding:10px 2px}.fault-events span{color:#f3b56a;text-transform:capitalize}.fault-events code{color:#e7edf7;color:var(--text-primary,#e7edf7);font-family:ui-monospace,monospace}.fault-events small{color:#91a0b9;color:var(--text-secondary,#91a0b9)}.fault-lab__no-events{padding:20px 0 4px}.fault-modal-backdrop{align-items:center;background:#040912b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1300}.fault-modal{box-shadow:0 22px 70px #0000007a;display:flex;flex-direction:column;max-height:calc(100vh - 48px);width:min(720px,100%)}.fault-modal footer,.fault-modal header{align-items:center;border-bottom:1px solid #26354f;border-bottom:1px solid var(--border-color,#26354f);display:flex;justify-content:space-between;padding:18px 22px}.fault-modal header h3{font-size:18px;margin-top:4px}.fault-modal header>button{background:none;border:0;color:#a9b6cb;color:var(--text-secondary,#a9b6cb);font-size:20px}.fault-modal__body{grid-gap:14px;display:grid;gap:14px;overflow:auto;padding:20px 22px}.fault-modal label{grid-gap:6px;color:#a9b6cb;color:var(--text-secondary,#a9b6cb);display:grid;font-size:12px;font-weight:600;gap:6px}.fault-modal input,.fault-modal textarea{background:#0b1323;background:var(--input-bg,#0b1323);border:1px solid #26354f;border:1px solid var(--border-color,#26354f);border-radius:7px;box-sizing:border-box;color:#e7edf7;color:var(--text-primary,#e7edf7);font:inherit;font-size:13px;padding:9px 10px;width:100%}.fault-modal textarea{min-height:74px;resize:vertical}.fault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fault-grid,.fault-settings{grid-gap:12px;display:grid;gap:12px}.fault-settings{border-bottom:1px solid #26354f;border-bottom:1px solid var(--border-color,#26354f);border-top:1px solid #26354f;border-top:1px solid var(--border-color,#26354f);padding:14px 0}.fault-settings h5{font-size:13px}.fault-modal footer{border-bottom:0;border-top:1px solid #26354f;border-top:1px solid var(--border-color,#26354f);gap:8px;justify-content:flex-end}@media(max-width:720px){.fault-lab__hero,.fault-lab__toolbar{align-items:flex-start;flex-direction:column}.fault-events>div,.fault-grid,.fault-lab__stats{grid-template-columns:1fr}.fault-events small{display:none}.fault-modal-backdrop{padding:10px}.fault-modal{max-height:calc(100vh - 20px)}}.fault-lab__preview{align-items:center;background:#367cf81c;border:1px solid #5d94ff59;border-radius:8px;color:#b9cffd;display:flex;font-size:12px;gap:8px;margin:12px 0;padding:10px 12px}.fault-lab__preview strong{color:#e7edf7;color:var(--text-primary,#e7edf7)}.fault-lab__preview button{background:none;border:0;color:inherit;margin-left:auto}.mock-workspace .fault-lab{--card-bg:var(--surface-elevated);--border-color:var(--mock-border-primary);--text-primary:var(--text-color);--text-secondary:var(--text-secondary);max-width:none}.mock-workspace .fault-lab__hero{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 11%,#0000),var(--surface-elevated) 58%);border-color:var(--border-color)}.mock-workspace .fault-lab__eyebrow,.mock-workspace .fault-lab__stats>div{color:var(--accent)}.mock-workspace .fault-lab__empty,.mock-workspace .fault-lab__events,.mock-workspace .fault-lab__stats>div,.mock-workspace .fault-profile{background:var(--surface-elevated);border-color:var(--border-color)}.mock-workspace .fault-switch.is-on{background:var(--accent)}.mock-workspace .fault-profile__meta span{border-color:var(--border-color)}.mock-workspace .fault-type{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.mock-workspace .fault-modal{background:var(--surface-elevated)}.mock-workspace .fault-modal,.mock-workspace .fault-modal footer,.mock-workspace .fault-modal header,.mock-workspace .fault-settings{border-color:var(--border-color)}.mock-workspace .fault-modal input,.mock-workspace .fault-modal textarea{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.mock-workspace .fault-lab .btn-primary{background:var(--accent);color:var(--button-text)}.mock-workspace .fault-lab__preview{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--accent);color:var(--text-secondary)}.mock-workspace .fault-lab__eyebrow,.mock-workspace .fault-lab__stats>div,.mock-workspace .fault-type{color:var(--accent)}.mock-workspace .fault-switch{background:var(--border-color)}.mock-workspace .fault-switch i{background:var(--surface-elevated)}.mock-workspace .fault-lab__empty button,.mock-workspace .fault-profile__actions button{background:var(--surface);border-color:var(--border-color);color:var(--text-secondary)}.mock-workspace .fault-lab .danger,.mock-workspace .fault-profile__actions .danger{color:var(--danger-text)}.mock-workspace .fault-events span{color:var(--accent)}.mock-workspace .fault-modal-backdrop{background:color-mix(in srgb,var(--surface-sunken) 72%,#0000)}:root{--mock-bg-primary:var(--card-bg,#fff);--mock-bg-secondary:var(--background-color,#f8f9fa);--mock-bg-tertiary:var(--hover-bg,#f5f5f5);--mock-border-primary:var(--border-color,#e1e4e8);--mock-text-primary:var(--text-color,#333);--mock-text-secondary:var(--text-secondary,#6c757d);--mock-text-muted:var(--text-muted,#9ca3af);--mock-primary-color:var(--primary-color,#014c75);--mock-primary-hover:var(--primary-hover,#013b5b);--mock-primary-light:var(--primary-light,#e5f3ff);--mock-success-color:var(--success-color,#28a745);--mock-error-color:var(--error-color,#dc3545);--mock-warning-color:var(--warning-color,#ffc107);--mock-shadow:var(--card-shadow,0 1px 3px #00000014);--mock-shadow-hover:0 4px 12px #014c7526;--mock-focus-ring:#014c7540}[data-theme=dark] .mock-workspace,body.dark-theme .mock-workspace{--mock-bg-primary:var(--card-bg,#211f1e);--mock-bg-secondary:var(--background-color,#171616);--mock-bg-tertiary:var(--hover-bg,#2b2826);--mock-border-primary:var(--border-color,#493b31);--mock-text-primary:var(--text-color,#f5f2ef);--mock-text-secondary:var(--text-secondary,#c4bbb4);--mock-text-muted:var(--text-muted,#91877f);--mock-primary-color:var(--primary-color,#ff941f);--mock-primary-hover:var(--primary-hover,#e98212);--mock-primary-light:color-mix(in srgb,var(--primary-color,#ff941f) 16%,#0000);--mock-shadow:var(--card-shadow,0 1px 3px #0000004d);--mock-shadow-hover:0 4px 12px #00000059;--mock-focus-ring:color-mix(in srgb,var(--primary-color,#ff941f) 28%,#0000)}.mock-workspace{color:#333;color:var(--mock-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:calc(100svh - 128px)}.mock-workspace.mock-loading{align-items:center;background:#f8f9fa;background:var(--mock-bg-secondary);border:0;border-radius:0;box-shadow:none;color:#6c757d;color:var(--mock-text-secondary);justify-content:center;min-height:calc(100svh - 128px)}.mock-workspace .mock-spinner{animation:spin 1s linear infinite;border:3px solid #e1e4e8;border-top-color:#014c75;border:3px solid var(--mock-border-primary);border-radius:50%;border-top-color:var(--mock-primary-color);height:40px;margin-bottom:16px;width:40px}.mock-workspace.mock-loading p{color:#6c757d;color:var(--mock-text-secondary);font-size:.86rem;margin:0}.workspace-header{align-items:center;background:#fff;background:var(--mock-bg-primary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);display:flex;justify-content:space-between;padding:16px 24px}.header-left{gap:12px}.mock-workspace .header-icon{align-items:center;background:#014c75;background:var(--mock-primary-color);border-radius:10px;display:flex;height:40px;justify-content:center;padding:10px;width:40px}.header-info h2{color:#333;color:var(--mock-text-primary);font-size:18px;font-weight:600;margin:0}.server-count{color:#6c757d;color:var(--mock-text-secondary);font-size:13px}.header-right{gap:12px}.btn-icon-text{align-items:center;background:#fff;background:var(--mock-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:8px;color:#333;color:var(--mock-text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-icon-text:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);border-color:#014c75;border-color:var(--mock-primary-color)}.btn-icon-text:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#014c75;background:var(--mock-primary-color);font-size:13px;font-weight:500;gap:6px}.btn-primary:hover{background:#013b5b;background:var(--mock-primary-hover);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:8px;color:#333;color:var(--mock-text-primary);font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-secondary:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);border-color:#014c75;border-color:var(--mock-primary-color)}.btn-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6c757d;color:var(--mock-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-close:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);color:#dc3545;color:var(--mock-error-color)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;color:#6c757d;color:var(--mock-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s ease}.btn-icon:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);color:#014c75;color:var(--mock-primary-color)}.btn-icon.small{padding:4px}.btn-icon.danger:hover{background:#ef44441a}.btn-icon.danger:hover,.error-banner{color:#dc3545;color:var(--mock-error-color)}.error-banner{border-radius:0;font-size:13px;gap:10px}.error-banner button{background:#0000;border:1px solid #dc3545;border:1px solid var(--mock-error-color);color:#dc3545;color:var(--mock-error-color);font-size:12px;margin-left:auto;padding:4px 10px}.error-banner button:hover{background:#dc3545;background:var(--mock-error-color);color:#fff}.workspace-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.workspace-sidebar{background:#fff;background:var(--mock-bg-primary);border-right:1px solid #e1e4e8;border-right:1px solid var(--mock-border-primary);display:flex;flex-direction:column;flex-shrink:0;max-width:440px;min-height:0;min-width:180px;position:relative;transition:width .1s ease}.workspace-sidebar.dragging{transition:none;-webkit-user-select:none;user-select:none}.workspace-content.resizing,.workspace-content.resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.sidebar-resizer{background:#0000;cursor:col-resize;flex-shrink:0;position:relative}.sidebar-resizer:after{background:#e1e4e8;background:var(--mock-border-primary);border-radius:999px;bottom:0;content:"";left:50%;opacity:.6;position:absolute;top:0;transform:translateX(-50%);width:2px}.sidebar-resizer:hover:after,.workspace-content.resizing .sidebar-resizer:after{background:#014c75;background:var(--mock-primary-color);opacity:1}.servers-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:12px}.server-item{align-items:center;background:#f5f5f5;background:var(--mock-bg-tertiary);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.server-item:hover{background:#f8f9fa;background:var(--mock-bg-secondary);border-color:#e1e4e8;border-color:var(--mock-border-primary)}.server-item.selected{background:#e5f3ff;background:var(--mock-primary-light);border-color:#014c75;border-color:var(--mock-primary-color)}.server-icon{align-items:center;background:#fff;background:var(--mock-bg-primary);border-radius:6px;color:#014c75;color:var(--mock-primary-color);display:flex;height:32px;justify-content:center;width:32px}.server-item .server-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.server-item .server-name{color:#333;color:var(--mock-text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-item .server-status{font-size:11px}.server-item .server-status.active{color:#28a745;color:var(--mock-success-color)}.empty-servers,.server-item .server-status.inactive{color:#9ca3af;color:var(--mock-text-muted)}.empty-servers{font-size:13px;padding:20px;text-align:center}.workspace-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.server-info-bar{background:#fff;background:var(--mock-bg-primary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);justify-content:space-between;padding:16px 24px}.info-left,.server-info-bar{align-items:center;display:flex}.info-left{gap:12px}.info-left h3{color:#333;color:var(--mock-text-primary);font-size:16px;font-weight:600;margin:0}.btn-copy{align-items:center;background:#014c75;background:var(--mock-primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s ease}.btn-copy:hover{background:#013b5b;background:var(--mock-primary-hover)}.info-right{gap:24px}.info-right,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:2px}.stat-value{color:#333;color:var(--mock-text-primary);font-size:20px}.stat-label{color:#6c757d;color:var(--mock-text-secondary);font-size:11px}.btn-status{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-status.active{background:#dc3545;background:var(--mock-error-color);color:#fff}.btn-status.active:hover{background:#dc2626}.btn-status.inactive{background:#28a745;background:var(--mock-success-color);color:#fff}.btn-status.inactive:hover{background:#059669}.tabs-container{background:#fff;background:var(--mock-bg-primary);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);display:flex;gap:4px;padding:0 24px}.tab-button{color:#6c757d;color:var(--mock-text-secondary);font-weight:500;padding:12px 16px;transition:all .2s ease}.tab-button:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);color:#333;color:var(--mock-text-primary)}.tab-button.active{border-bottom-color:#014c75;border-bottom-color:var(--mock-primary-color);color:#014c75;color:var(--mock-primary-color)}.tab-content{flex:1 1;overflow:auto;padding:24px}.empty-state{color:#6c757d;color:var(--mock-text-secondary);padding:60px 24px}.empty-state svg{margin-bottom:16px;opacity:.3}.empty-state h3{color:#333;color:var(--mock-text-primary);font-size:18px}.empty-state p{font-size:14px}.empty-state .btn-primary{margin-top:20px}.modal-overlay{background:#0009;inset:0}.create-modal{background:#fff;background:var(--mock-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);padding:16px 20px}.modal-header h3{color:#333;color:var(--mock-text-primary);font-size:16px}.create-modal form{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#333;color:var(--mock-text-primary);font-size:13px}.form-group input,.form-group textarea{background:#f5f5f5;background:var(--mock-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);color:#333;color:var(--mock-text-primary);padding:10px 12px;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--mock-text-muted)}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #e1e4e8;border-top:1px solid var(--mock-border-primary);margin-top:20px;padding-top:16px}.endpoints-panel{background:#fff;background:var(--mock-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:12px;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);display:flex;justify-content:space-between;padding:16px 20px}.panel-header h3{color:#333;color:var(--mock-text-primary);font-size:14px;font-weight:600;margin:0}.endpoints-list{background-color:#fff;background-color:var(--mock-bg-primary);overflow-y:auto}.endpoint-item{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;transition:background .15s ease}.endpoint-item:last-child{border-bottom:none}.endpoint-item:hover{background:#f5f5f5;background:var(--mock-bg-tertiary)}.endpoint-item.selected{background:#e5f3ff;background:var(--mock-primary-light)}.endpoint-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.method-badge{border-radius:4px;font-size:11px;font-weight:600;min-width:50px;padding:4px 8px;text-align:center;text-transform:uppercase}.method-badge.get{background:#dcfce7;color:#166534}.method-badge.post{background:#dbeafe;color:#1e40af}.method-badge.put{background:#fef3c7;color:#92400e}.method-badge.delete{background:#fee2e2;color:#b91c1c}.method-badge.patch{background:#e0e7ff;color:#4338ca}[data-theme=dark] .method-badge.get,body.dark-theme .method-badge.get{background:#22c55e40;border:1px solid #22c55e99;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .method-badge.post,body.dark-theme .method-badge.post{background:#3b82f640;border:1px solid #3b82f699;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .method-badge.put,body.dark-theme .method-badge.put{background:#f59e0b40;border:1px solid #f59e0b99;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .method-badge.delete,body.dark-theme .method-badge.delete{background:#ef444440;border:1px solid #ef444499;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .method-badge.patch,body.dark-theme .method-badge.patch{background:#6366f140;border:1px solid #6366f199;color:#333;color:var(--mock-text-primary)}.endpoint-path{color:#333;color:var(--mock-text-primary);font-family:Monaco,Menlo,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.endpoint-item:hover .endpoint-actions{opacity:1}.scenarios-panel{background:#fff;background:var(--mock-bg-primary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:12px;overflow:hidden}.scenarios-panel .panel-header{align-items:center;background:#0000;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);display:flex;justify-content:space-between;padding:16px 20px}.scenarios-panel .panel-header h3{color:#333;color:var(--mock-text-primary);font-size:15px;font-weight:600;margin:0}.scenarios-list{display:flex;flex-direction:column;gap:12px;padding:16px}.scenario-card{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:10px;padding:16px;transition:all .2s ease}.scenario-card:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);border-color:#014c75;border-color:var(--mock-primary-color)}.scenario-card.active{border-left:3px solid #28a745;border-left:3px solid var(--mock-success-color)}.scenario-card.inactive{border-left:3px solid var(--text-color)}.scenario-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.scenario-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.scenario-name{color:var(--text-color);font-size:15px;font-weight:600;margin:0}.scenario-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.scenario-meta .method{border-radius:4px;font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.scenario-meta .method.get{background:#10b98126;color:#059669}.scenario-meta .method.post{background:#3b82f626;color:#2563eb}.scenario-meta .method.put{background:#f59e0b26;color:#d97706}.scenario-meta .method.delete{background:#ef444426;color:#dc2626}.scenario-meta .method.patch{background:#8b5cf626;color:#4c1d95}.scenario-meta .method.\*{background:#f8f9fa;background:var(--mock-bg-secondary);color:#6c757d;color:var(--mock-text-secondary)}[data-theme=dark] .scenario-meta .method.get,body.dark-theme .scenario-meta .method.get{background:#10b98140;border:1px solid #10b98199;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .scenario-meta .method.post,body.dark-theme .scenario-meta .method.post{background:#3b82f640;border:1px solid #3b82f699;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .scenario-meta .method.put,body.dark-theme .scenario-meta .method.put{background:#f59e0b40;border:1px solid #f59e0b99;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .scenario-meta .method.delete,body.dark-theme .scenario-meta .method.delete{background:#ef444440;border:1px solid #ef444499;color:#333;color:var(--mock-text-primary)}[data-theme=dark] .scenario-meta .method.patch,body.dark-theme .scenario-meta .method.patch{background:#8b5cf640;border:1px solid #8b5cf699;color:#333;color:var(--mock-text-primary)}.scenario-meta .path{color:#333;color:var(--mock-text-primary);font-family:Monaco,Menlo,monospace;font-size:12px}.scenario-meta .priority{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:4px;color:#9ca3af;color:var(--mock-text-muted);font-size:11px;padding:3px 8px}.scenario-actions{flex-shrink:0;gap:6px}.btn-toggle,.scenario-actions{align-items:center;display:flex}.btn-toggle{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:6px;cursor:pointer;justify-content:center;padding:6px 10px;transition:all .2s ease}.btn-toggle.active{background:#28a745;background:var(--mock-success-color);border-color:#28a745;border-color:var(--mock-success-color);color:#fff}.btn-toggle:not(.active){background:#0000;color:#9ca3af;color:var(--mock-text-muted)}.btn-toggle:hover{border-color:#014c75;border-color:var(--mock-primary-color)}.scenario-description{color:#6c757d;color:var(--mock-text-secondary);font-size:13px;line-height:1.5;margin:0 0 12px}.scenario-details{align-items:center;border-top:1px solid #e1e4e8;border-top:1px solid var(--mock-border-primary);display:flex;gap:16px;padding-top:12px}.detail-item{align-items:center;color:#6c757d;color:var(--mock-text-secondary);font-size:12px;gap:6px}.detail-item svg,.scenario-details .badge{color:#014c75;color:var(--mock-primary-color)}.scenario-details .badge{background:#e5f3ff;background:var(--mock-primary-light);border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px}.empty-scenarios{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-scenarios svg{color:#9ca3af;color:var(--mock-text-muted);margin-bottom:16px;opacity:.4}.empty-scenarios p{color:#333;color:var(--mock-text-primary);font-size:15px;font-weight:500;margin:0 0 6px}.empty-scenarios span{color:#6c757d;color:var(--mock-text-secondary);font-size:13px}@media (max-width:900px){.workspace-content{flex-direction:column}.workspace-sidebar{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);border-right:none;max-height:200px;width:100%!important}.sidebar-resizer{display:none}.servers-list{flex-direction:row;overflow-x:auto}.server-item{min-width:160px}}@media (max-width:768px){.workspace-header{align-items:flex-start;flex-direction:column;gap:12px}.header-right{flex-wrap:wrap;width:100%}.server-info-bar{align-items:flex-start;flex-direction:column;gap:16px}.info-right{justify-content:space-between;width:100%}.tabs-container{overflow-x:auto;padding:0 16px}.tab-button{white-space:nowrap}.tab-content{padding:16px}}.mock-workspace .header-icon{box-sizing:border-box;color:#fff;color:var(--button-text,#fff);height:36px;padding:9px;width:36px}.mock-workspace .btn-primary{color:#fff;color:var(--button-text,#fff);font-weight:650}.mock-workspace .btn-close svg,.mock-workspace .btn-icon-text svg,.mock-workspace .btn-primary svg{stroke:currentColor;color:currentColor!important;flex:0 0 auto;margin:0!important;opacity:1}.mock-workspace .empty-servers{background:#f8f9fa;background:var(--mock-bg-secondary);border:1px dashed #e1e4e8;border:1px dashed var(--mock-border-primary);border-radius:10px;margin:8px;padding:18px 12px}.mock-workspace .empty-servers p{margin:0}.mock-workspace .tab-content{min-height:0}.mock-workspace .empty-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:640px;min-height:calc(100svh - 260px);padding:32px;text-align:center}.mock-workspace .empty-content>svg{background:#e5f3ff;background:var(--mock-primary-light);border:1px solid color-mix(in srgb,#014c75 34%,#0000);border:1px solid color-mix(in srgb,var(--mock-primary-color) 34%,#0000);border-radius:16px;box-sizing:border-box;color:#014c75;color:var(--mock-primary-color);height:56px;margin-bottom:18px;padding:14px;width:56px}.mock-workspace .empty-content h3{color:#333;color:var(--mock-text-primary);font-size:1.05rem;font-weight:650;margin:0 0 8px}.mock-workspace .empty-content p{color:#6c757d;color:var(--mock-text-secondary);font-size:.86rem;line-height:1.55;margin:0;max-width:420px}.mock-workspace .empty-content .btn-primary{margin-top:20px}.mock-workspace .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8}.mock-workspace .create-modal{background:#fff;background:var(--mock-bg-primary);border-color:#e1e4e8;border-color:var(--mock-border-primary);box-shadow:0 22px 60px #00000061;max-width:520px;overflow:hidden}.mock-workspace .create-modal .modal-header{background:#fff!important;background:var(--mock-bg-primary)!important;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--mock-border-primary);padding:18px 22px}.mock-workspace .create-modal .modal-header h3{color:#333;color:var(--mock-text-primary);font-size:1rem}.mock-workspace .create-modal .btn-close{border:1px solid #0000;border-radius:8px;color:#6c757d;color:var(--mock-text-secondary);height:34px;padding:0;width:34px}.mock-workspace .create-modal .btn-close:hover{background:#f5f5f5;background:var(--mock-bg-tertiary);border-color:#e1e4e8;border-color:var(--mock-border-primary);color:#333;color:var(--mock-text-primary)}.mock-workspace .create-modal form{background:#fff;background:var(--mock-bg-primary);padding:22px}.mock-workspace .create-modal .form-group{margin-bottom:18px}.mock-workspace .create-modal .form-group label{color:#6c757d;color:var(--mock-text-secondary);font-size:.72rem;font-weight:650;letter-spacing:.04em;margin-bottom:7px;text-transform:uppercase}.mock-workspace .create-modal .form-group input,.mock-workspace .create-modal .form-group textarea{background:#f8f9fa;background:var(--mock-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:8px;box-sizing:border-box;color:#333;color:var(--mock-text-primary);font:inherit;padding:11px 12px;width:100%}.mock-workspace .create-modal .form-group input:focus,.mock-workspace .create-modal .form-group textarea:focus{border-color:#014c75;border-color:var(--mock-primary-color);box-shadow:0 0 0 3px #014c7540;box-shadow:0 0 0 3px var(--mock-focus-ring);outline:none}.mock-workspace .create-modal .form-actions{background:#0000;border-top:1px solid #e1e4e8;border-top:1px solid var(--mock-border-primary);margin:6px 0 0;padding:18px 0 0}.mock-workspace .create-modal .form-actions button{border-radius:8px;justify-content:center;min-height:40px;min-width:118px}.mock-workspace .create-modal .btn-secondary{background:#f5f5f5;background:var(--mock-bg-tertiary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);color:#333;color:var(--mock-text-primary)}@media (max-width:700px){.mock-workspace{min-height:calc(100svh - 96px)}.mock-workspace .empty-content{min-height:360px;padding:24px 16px}.mock-workspace .create-modal .form-actions{flex-direction:row}}.mock-workspace{--mock-bg-primary:var(--surface-elevated);--mock-bg-secondary:var(--surface);--mock-bg-tertiary:var(--hover-bg);--mock-border-primary:var(--border-color);--mock-text-primary:var(--text-color);--mock-text-secondary:var(--text-secondary);--mock-text-muted:var(--text-muted);--mock-primary-color:var(--accent);--mock-primary-hover:var(--accent-hover);--mock-primary-light:color-mix(in srgb,var(--accent) 14%,#0000);--mock-shadow:var(--shadow-lg);background:#f8f9fa;background:var(--mock-bg-secondary);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:0;min-height:min(780px,calc(100svh - 128px));min-width:0;overflow:hidden}.mock-workspace .workspace-header{background:#fff;background:var(--mock-bg-primary);padding:14px 20px}.mock-workspace .header-icon{background:#e5f3ff;background:var(--mock-primary-light);border-radius:9px;color:#014c75;color:var(--mock-primary-color);height:34px;padding:8px;width:34px}.mock-workspace .workspace-content{background:#f8f9fa;background:var(--mock-bg-secondary)}.mock-workspace .workspace-sidebar{background:#fff;background:var(--mock-bg-primary);border-right-color:#e1e4e8;border-right-color:var(--mock-border-primary)}.mock-workspace .servers-list{padding:10px}.mock-workspace .server-item{background:#0000;border-color:#0000}.mock-workspace .server-item.selected,.mock-workspace .server-item:hover{background:#e5f3ff;background:var(--mock-primary-light);border-color:#014c75;border-color:var(--mock-primary-color)}.mock-workspace .server-icon{background:#f5f5f5;background:var(--mock-bg-tertiary);color:#014c75;color:var(--mock-primary-color)}.mock-workspace .server-info-bar{background:#fff;background:var(--mock-bg-primary);padding:14px 20px}.mock-workspace .info-right{gap:10px}.mock-workspace .stat-item{background:var(--surface-sunken);border:1px solid #e1e4e8;border:1px solid var(--mock-border-primary);border-radius:8px;min-width:72px;padding:9px 11px}.mock-workspace .stat-value{color:var(--accent);font-size:18px}.mock-workspace .tabs-container{background:#fff;background:var(--mock-bg-primary);gap:2px;overflow-x:auto;padding:0 14px}.mock-workspace .tab-button{padding:11px 12px;white-space:nowrap}.mock-workspace .tab-button:hover{background:#e5f3ff;background:var(--mock-primary-light);color:#333;color:var(--mock-text-primary)}.mock-workspace .tab-button.active{border-bottom-color:#014c75;border-bottom-color:var(--mock-primary-color);color:#014c75;color:var(--mock-primary-color)}.mock-workspace .tab-content{background:#f8f9fa;background:var(--mock-bg-secondary);overflow:auto;padding:18px 20px 28px}.mock-workspace .btn-add,.mock-workspace .btn-copy,.mock-workspace .btn-primary{background:#014c75;background:var(--mock-primary-color);color:var(--button-text);font-weight:650}.mock-workspace .btn-add:hover,.mock-workspace .btn-copy:hover,.mock-workspace .btn-primary:hover{background:#013b5b;background:var(--mock-primary-hover)}.mock-workspace .btn-icon-text,.mock-workspace .btn-secondary{background:#f5f5f5;background:var(--mock-bg-tertiary);border-color:#e1e4e8;border-color:var(--mock-border-primary);color:#333;color:var(--mock-text-primary)}.mock-workspace .btn-status.active{background:var(--danger-color)}.mock-workspace .btn-status.inactive{background:var(--success-color)}body .mock-workspace{--mock-bg-primary:var(--surface-elevated);--mock-bg-secondary:var(--surface);--mock-bg-tertiary:var(--hover-bg);--mock-border-primary:var(--border-color);--mock-text-primary:var(--text-color);--mock-text-secondary:var(--text-secondary);--mock-text-muted:var(--text-muted);--mock-primary-color:var(--accent);--mock-primary-hover:var(--accent-hover);--mock-primary-light:color-mix(in srgb,var(--accent) 14%,#0000)}body .mock-workspace .tabs-container{align-items:center;background:var(--surface-elevated);border-bottom-color:var(--border-color);gap:6px;min-height:52px;padding:7px 14px;scrollbar-width:none}body .mock-workspace .tabs-container::-webkit-scrollbar{display:none}body .mock-workspace .tab-button{border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;min-height:36px;padding:8px 11px}body .mock-workspace .tab-button:hover{background:var(--hover-bg);color:var(--text-color)}body .mock-workspace .tab-button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 38%,var(--border-color));border-bottom-color:color-mix(in srgb,var(--accent) 38%,var(--border-color));color:var(--accent)}body .mock-workspace .tab-button svg{color:currentColor}@media (max-width:780px){.mock-workspace{border-left:0;border-radius:0;border-right:0}.mock-workspace .workspace-sidebar{display:none}.mock-workspace .workspace-header{padding:12px 14px}.mock-workspace .header-left .header-info{display:none}.mock-workspace .tab-content{padding:14px}}.api-version-manager{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;padding:0}.api-version-header{align-items:center;background-color:var(--card-bg);display:flex;justify-content:space-between;min-height:72px;padding:24px 32px}.header-info{flex:1 1}.header-info h2{align-items:center;color:var(--text-color);display:flex;font-size:22px;font-weight:500;gap:12px;margin:0 0 4px}.header-info h2 .icon{color:var(--primary-color);font-size:20px}.header-info p{font-size:14px;font-weight:400}.create-version-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.create-version-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.form-actions button:focus{box-shadow:0 0 0 2px #014c7533;outline:none}.loading-state{color:var(--text-secondary);flex:1 1;gap:16px}.spinner{border-top:3px solid var(--border-color);height:32px;width:32px}.api-version-error{background-color:#f93e3e1a;border:1px solid #f93e3e4d;border-radius:8px;margin:20px 24px;padding:20px 24px}.api-version-error h3{color:#f93e3e;color:var(--method-delete,#f93e3e);margin:0}.api-version-error p{color:var(--text-color);margin:8px 0 0}.empty-state{background:var(--card-bg);border:1px solid var(--border-color);flex:1 1;margin:32px;padding:80px 40px}.empty-state svg{color:var(--text-secondary);margin-bottom:24px;opacity:.6}.empty-state h4{color:var(--text-color);font-size:18px;font-weight:500;margin:0 0 12px}.empty-state p{font-weight:400}.create-version-form{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(2px);background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.form-section h4{border-bottom:none!important;margin:0!important;padding-bottom:none!important}.create-version-form>form{animation:slideUp .3s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:720px;overflow-y:auto;position:relative;width:90%}.create-version-form>form::-webkit-scrollbar{width:12px}.create-version-form>form::-webkit-scrollbar-track{background:#0000;border-radius:6px;margin:8px 4px}.create-version-form>form::-webkit-scrollbar-thumb{background:#014c754d;background-clip:padding-box;border:2px solid #0000;border-radius:6px;margin:2px}.create-version-form>form::-webkit-scrollbar-thumb:hover{background:#014c7580}.create-version-form>form::-webkit-scrollbar-corner{background:#0000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:32px;padding:32px 32px 24px}.form-header,.form-header h3{align-items:center;display:flex}.form-header h3{color:var(--text-color);font-size:24px;font-weight:600;gap:12px;margin:0}.close-btn{height:40px;transition:all .2s;width:40px}.close-btn:hover{background-color:var(--hover-bg);transform:scale(1.05)}.create-version-form form{padding:0 32px 32px}.form-section{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:32px;padding:24px;position:relative}.form-section:last-of-type{margin-bottom:0}.form-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.form-section-header h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0}.form-section-header .icon{color:var(--primary-color);font-size:18px}.form-section-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 16px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-row.single-column{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group.required label:after{color:#f93e3e;color:var(--error-color,#f93e3e);content:" *";font-weight:600}.form-group label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.form-group .field-hint{color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:4px}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);font-weight:500;padding:14px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{transform:translateY(-1px)}.form-group textarea{min-height:100px}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);font-style:italic;opacity:.7}.checkbox-group{align-items:flex-start;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:20px 24px;position:relative;transition:all .2s ease}.checkbox-group:hover{background:var(--hover-bg);border-color:var(--primary-color)}.checkbox-group.checked{background:#014c750d;border-color:var(--primary-color)}.checkbox-group.checked:before{display:none}.api-version-manager .checkbox-group input[type=checkbox]{accent-color:unset!important;-webkit-appearance:none!important;appearance:none!important;background-color:#ccc!important;border:none!important;border-radius:12px!important;cursor:pointer!important;display:inline-block!important;flex-shrink:0!important;height:24px!important;margin:0 0 0 auto!important;order:2!important;position:relative!important;transition:all .3s ease!important;width:44px!important}.api-version-manager .checkbox-group input[type=checkbox]:checked{background-color:var(--primary-color)!important}.api-version-manager .checkbox-group input[type=checkbox]:after{background-color:#fff!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;content:""!important;height:20px!important;left:2px!important;position:absolute!important;top:2px!important;transition:all .3s ease!important;width:20px!important}.api-version-manager .checkbox-group input[type=checkbox]:checked:after{transform:translateX(20px)!important}.api-version-manager .checkbox-group input[type=checkbox]:focus{box-shadow:0 0 0 3px #014c7533!important;outline:none!important}.api-version-manager .checkbox-group input[type=checkbox]:hover{transform:scale(1.05)!important}.checkbox-group label{color:var(--text-color);cursor:pointer;flex:1 1;font-weight:500;line-height:1.4;margin:0;order:1}.checkbox-group .checkbox-description{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.4}.form-actions{align-items:center;background:var(--background-color);border-radius:0 0 12px 12px;gap:16px;margin:0 -32px -32px;padding:24px 32px}.form-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 28px;transition:all .2s ease}.form-actions button[type=button]{background-color:var(--card-bg);border:2px solid var(--border-color);color:var(--text-secondary)}.form-actions button[type=button]:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--text-color);transform:translateY(-1px)}.form-actions button[type=submit]{background-color:var(--primary-color);border:2px solid var(--primary-color);color:#fff;overflow:hidden;position:relative}.form-actions button[type=submit]:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #014c754d;transform:translateY(-1px)}.form-actions button[type=submit]:disabled{background-color:var(--text-secondary);border-color:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.form-progress{justify-content:space-between;margin-bottom:32px;padding:0 24px}.form-progress,.progress-step{align-items:center;display:flex}.progress-step{flex:1 1;flex-direction:column;gap:8px;position:relative}.progress-step:not(:last-child):after{background:var(--border-color);content:"";height:2px;left:60%;position:absolute;right:-40%;top:16px;z-index:1}.progress-step.active:not(:last-child):after{background:var(--primary-color)}.progress-step-number{align-items:center;background:var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;position:relative;width:32px;z-index:2}.progress-step.active .progress-step-number{background:var(--primary-color);color:#fff}.progress-step.completed .progress-step-number{background:#49cc90;background:var(--success-color,#49cc90);color:#fff}.progress-step-label{color:var(--text-secondary);font-size:12px;font-weight:500;text-align:center}.progress-step.active .progress-step-label{color:var(--primary-color)}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#f93e3e;border-color:var(--error-color,#f93e3e);box-shadow:0 0 0 3px #f93e3e1a}.form-group .error-message{color:#f93e3e;color:var(--error-color,#f93e3e)}.form-group .error-message,.form-group .success-message{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:6px}.form-group .success-message{color:#49cc90;color:var(--success-color,#49cc90)}.versions-list{background-color:var(--background-color);padding:24px}.create-version-form .form-actions{border-top:none!important}.versions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.version-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .2s ease}.version-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.version-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.version-info h4{color:var(--text-color);font-size:18px;font-weight:500;margin:0 0 4px}.version-info p{color:var(--text-color);font-size:14px;margin:0;opacity:.7}.version-status{background-color:#49cc90;background-color:var(--method-post,#49cc90);border-radius:12px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.version-status.deprecated{background-color:#fca130;background-color:var(--warning-color,#fca130)}.version-status.retired{background-color:#f93e3e;background-color:var(--error-color,#f93e3e)}.version-status.active{background-color:#49cc90;background-color:var(--success-color,#49cc90)}.version-details{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;margin-bottom:20px;padding:16px}.version-details>p{color:var(--text-color);font-size:14px;line-height:1.5;margin:0 0 12px}.version-meta{display:flex;gap:16px;margin-bottom:12px}.version-meta span{align-items:center;color:var(--navbar-text)!important;display:flex;font-size:12px;font-weight:500;gap:4px}.compatibility-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.compatibility-badge.compatible{background-color:#49cc90;background-color:var(--method-post,#49cc90);color:#fff}.close-btn:before{margin-left:5px}.compatibility-badge.breaking{background-color:#f93e3e;background-color:var(--method-delete,#f93e3e);color:#fff}.version-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px}.action-btn{background-color:var(--hover-bg);box-shadow:0 1px 2px #0000000d;font-weight:600;min-height:36px;min-width:155px;padding:10px 14px;text-decoration:none;transition:all .2s ease}.action-btn:hover{background-color:var(--card-bg);color:var(--primary-color)}.action-btn.deprecate{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.action-btn.deprecate:hover{background-color:#d97706!important;border-color:#d97706!important;box-shadow:0 4px 12px #f59e0b4d;color:#fff!important;transform:translateY(-1px)}.action-btn.deprecate svg{color:var(--navbar-text)!important;height:20px;width:20px}.action-btn.mock-server{background-color:#014c75;background-color:var(--primary-color,#014c75);border-color:#014c75;border-color:var(--primary-color,#014c75);color:#fff;flex-grow:1}.action-btn.mock-server:hover{background-color:#013b5b!important;background-color:var(--primary-hover,#013b5b)!important;border-color:#013b5b!important;border-color:var(--primary-hover,#013b5b)!important;box-shadow:0 4px 12px #014c754d;color:#fff!important;transform:translateY(-1px)}.action-btn-group{display:flex;gap:8px}.action-btn.delete{background-color:#ef4444;border-color:#ef4444;color:#fff}.action-btn.delete:hover{background-color:#dc2626!important;border-color:#dc2626!important;box-shadow:0 4px 12px #ef44444d;color:#fff!important;transform:translateY(-1px)}.mock-server-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.compatibility-report{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin:24px;padding:20px}.compatibility-report h3{color:var(--text-color);font-size:16px;font-weight:500;margin:0 0 16px}.report-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;padding:16px;text-align:center;transition:all .2s ease}.stat:hover{border-color:var(--primary-color)}.stat-number{color:var(--primary-color);font-size:28px;font-weight:600;margin-bottom:4px}.stat-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.api-version-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-actions{justify-content:flex-start;width:100%}.versions-grid{gap:16px;grid-template-columns:1fr}.version-card{padding:20px}.create-version-form>form{border-radius:8px;margin:20px;max-height:90vh;width:95%}.form-header{margin-bottom:24px;padding:24px 24px 0}.form-header h3{font-size:20px}.create-version-form form{padding:0 24px 24px}.form-section{margin-bottom:24px;padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:12px;margin:0 -24px -24px;padding:20px 24px}.form-actions button{padding:12px 20px;width:100%}.form-progress{margin-bottom:24px;padding:0 16px}.progress-step-label{font-size:10px}.progress-step-number{font-size:12px;height:28px;width:28px}.report-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.version-actions{flex-direction:column;gap:8px}.action-btn-group{display:flex;gap:8px;width:100%}.action-btn{flex:1 1;font-size:11px;padding:8px 10px}}@media (max-width:480px){.api-version-header{padding:12px 16px}.header-info h2{font-size:20px}.versions-list{padding:16px}.create-version-form>form{border-radius:0;margin:0;max-height:100vh;width:100%}.form-header{margin-bottom:20px;padding:20px 20px 16px}.form-header h3{font-size:18px}.create-version-form form{padding:0 20px 20px}.form-section{margin-bottom:20px;padding:16px}.form-section-header h4{font-size:14px}.form-actions{margin:0 -20px -20px;padding:16px 20px}.form-progress{margin-bottom:20px;padding:0 12px}.progress-step:not(:last-child):after{display:none}.progress-step{flex:none;width:auto}.compatibility-report{margin:16px;padding:20px}.report-stats{grid-template-columns:1fr}.stat{padding:12px}.stat-number{font-size:24px}}.versions-list{max-height:none}.versions-list h3{margin-bottom:16px}.api-version-manager{background:var(--background-color);box-sizing:border-box;flex:1 1;min-height:calc(100svh - 128px);padding:24px}.version-changelog-builder{background:#fff;border:1px solid #dfe4ec;border-radius:12px;margin:18px 0;padding:18px}.version-changelog-builder h3,.version-changelog-builder p{margin:0 0 6px}.version-changelog-controls{display:flex;gap:10px;margin-top:14px}.version-changelog-controls button,.version-changelog-controls select{background:#fff;border:1px solid #ccd5e1;border-radius:8px;min-height:38px;padding:7px 10px}.version-changelog-controls button{align-items:center;background:#6d4aff;border-color:#6d4aff;color:#fff;display:inline-flex;font-weight:700;gap:6px}.version-changelog-result{margin-top:14px}.version-changelog-result>div{display:flex;justify-content:space-between}.version-changelog-result pre{background:#111827;border-radius:8px;color:#e5e7eb;max-height:360px;overflow:auto;padding:14px;white-space:pre-wrap}.api-version-manager .api-version-header{background:#0000;border-bottom:1px solid var(--border-color);min-height:0;padding:0 0 20px}.api-version-manager .header-info h2{color:var(--text-color);font-size:1.25rem;font-weight:650}.api-version-manager .header-info h2 .icon{color:var(--primary-color)}.api-version-manager .header-info p{color:var(--text-secondary)}.api-version-manager .versions-list{background:#0000!important;border:0!important;border-radius:0;box-sizing:border-box;flex:1 1;margin-top:18px;overflow:visible;padding:0;width:100%}.api-version-manager .versions-list h3{color:var(--text-color);font-size:.95rem;font-weight:650;margin:0 0 14px}.api-version-manager .versions-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.api-version-manager .version-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;min-width:0;padding:20px}.api-version-manager .version-details{background:var(--background-color);flex:1 1;margin-bottom:16px}.api-version-manager .version-actions{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) auto;margin-top:auto}.api-version-manager .action-btn-group{display:flex;gap:8px}.api-version-manager .action-btn{color:#fff;color:var(--button-text,#fff);min-height:38px;min-width:0;padding:9px 13px}.api-version-manager .action-btn svg{stroke:currentColor;flex:0 0 15px;margin:0!important;opacity:1}.api-version-manager .action-btn svg,.api-version-manager .action-btn.deprecate svg{color:currentColor!important;height:15px;width:15px}.api-version-manager .action-btn.delete,.api-version-manager .action-btn.delete:hover,.api-version-manager .action-btn.deprecate,.api-version-manager .action-btn.deprecate:hover,.api-version-manager .action-btn.mock-server,.api-version-manager .action-btn.mock-server:hover{color:#fff!important;color:var(--button-text,#fff)!important}.api-version-manager .empty-state{background:var(--background-color)!important;background:var(--surface,var(--background-color))!important;border:1px dashed color-mix(in srgb,var(--primary-color) 42%,var(--border-color))!important;border-radius:12px;border-radius:var(--radius-lg,12px);box-sizing:border-box;margin:0 auto;max-width:680px;min-height:230px;padding:34px 28px}.api-version-manager .empty-state>svg{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 30%,#0000);border-radius:14px;box-sizing:border-box;color:var(--primary-color);height:52px;margin-bottom:18px;opacity:1;padding:13px;width:52px}.api-version-manager .empty-state h4{color:var(--text-color);font-size:1rem;font-weight:650;margin-bottom:8px}.api-version-manager .empty-state p{color:var(--text-secondary);font-size:.84rem;margin-bottom:20px}.api-version-manager .create-version-btn{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);font-size:.82rem;font-weight:650;min-height:38px;padding:8px 14px}.api-version-manager .create-version-btn svg{stroke:currentColor;align-self:center;color:currentColor!important;flex:0 0 14px;height:14px;margin:0!important;opacity:1;width:14px}.api-version-manager .create-version-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;color:var(--button-text,#fff);filter:none}.api-version-manager .create-version-form .form-header{background:var(--card-bg)!important;border-bottom:1px solid var(--border-color)}.api-version-manager .create-version-form .form-header h3{color:var(--text-color)}.api-version-manager .create-version-form .close-btn svg,.api-version-manager .create-version-form .form-actions button svg,.api-version-manager .create-version-form .form-header h3 svg{stroke:currentColor;align-self:center;color:currentColor!important;flex:0 0 16px;height:16px;margin:0!important;opacity:1;width:16px}.api-version-manager .create-version-form .form-header h3 svg{color:var(--primary-color)!important}.api-version-manager .create-version-form .checkbox-group label{grid-column-gap:16px;align-items:center;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.api-version-manager .create-version-form .checkbox-group .checkbox-copy{display:flex;flex-direction:column;min-width:0}.api-version-manager .create-version-form .checkbox-group .checkbox-title{color:var(--text-color);font-weight:600}.api-version-manager .create-version-form .checkbox-group .checkbox-description{margin-top:4px}.api-version-manager .create-version-form .form-actions button[type=submit]{color:#fff;color:var(--button-text,#fff)}@media (max-width:700px){.api-version-manager{padding:16px}.api-version-manager .api-version-header{align-items:stretch}.api-version-manager .create-version-btn{justify-content:center}.api-version-manager .versions-list{padding:0}.api-version-manager .empty-state{padding:28px 18px}.api-version-manager .version-actions{grid-template-columns:1fr}.api-version-manager .action-btn-group{display:grid;grid-template-columns:1fr 1fr}}.documentation-generator{color:var(--text-color);padding:28px}.generator-header{background:linear-gradient(112deg,color-mix(in srgb,var(--primary-color) 10%,var(--card-bg)),var(--card-bg) 54%);background:linear-gradient(112deg,color-mix(in srgb,var(--primary-color) 10%,var(--surface,var(--card-bg))),var(--surface,var(--card-bg)) 54%);border:1px solid color-mix(in srgb,var(--border-color) 78%,var(--primary-color));border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 5%,#0000),var(--shadow-sm);padding:24px 26px}.generator-header,.generator-review-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.generator-header h3{font-size:1.22rem;letter-spacing:-.015em;margin:7px 0}.generator-review-header h4{margin:5px 0 6px}.generator-header p{max-width:640px}.generator-card p,.generator-header p,.generator-review-header p{color:var(--text-secondary);line-height:1.55;margin:0}.generator-eyebrow{color:var(--primary-color);color:var(--accent,var(--primary-color));font-size:.68rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase}.generator-back,.generator-eyebrow{align-items:center;display:inline-flex;gap:7px}.generator-back{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:13px;font-weight:650;margin-bottom:14px;padding:7px 12px 7px 9px;transition:color .15s ease,background .15s ease,border-color .15s ease}.generator-back:hover{background:color-mix(in srgb,var(--primary-color) 8%,#0000);background:var(--hover-bg,color-mix(in srgb,var(--accent,var(--primary-color)) 8%,#0000));border-color:var(--border-color);color:var(--text-color)}.generator-back:focus-visible{outline:2px solid var(--primary-color);outline:2px solid var(--accent,var(--primary-color));outline-offset:2px}.generator-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.generator-card,.generator-review,.generator-warnings{background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:14px;padding:20px}.generator-card{display:flex;flex-direction:column;gap:11px}.generator-card h4{margin:0}.generator-step{background:var(--primary-color);background:var(--accent,var(--primary-color));border-radius:50%;color:#fff;color:var(--button-text,#fff);display:inline-grid;font-weight:700;height:26px;place-items:center;width:26px}.generator-apply-controls select,.generator-card input:not([type=file]):not([type=checkbox]),.generator-card textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font:inherit;padding:10px 12px;width:100%}.generator-card input[type=checkbox]{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color));flex:0 0 auto;height:16px;margin:0;width:16px}.generator-card .app-select-trigger{background:var(--background-color);min-height:40px}.generator-apply-controls .app-select{min-width:220px}.generator-card input:focus,.generator-card select:focus,.generator-card textarea:focus{border-color:var(--accent,var(--primary-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 22%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,var(--primary-color)) 22%,#0000);outline:none}.generator-file{align-items:center;background:color-mix(in srgb,var(--background-color) 55%,#0000);border:1px dashed color-mix(in srgb,var(--border-color) 80%,var(--accent,var(--primary-color)));border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;gap:12px;padding:16px;transition:border-color .15s ease,background .15s ease}.generator-file:focus-within,.generator-file:hover{background:color-mix(in srgb,var(--primary-color) 6%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,#0000);border-color:var(--accent,var(--primary-color))}.generator-file>svg{background:color-mix(in srgb,var(--primary-color) 12%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 12%,#0000);border-radius:9px;box-sizing:border-box;color:var(--primary-color);color:var(--accent,var(--primary-color));flex:0 0 auto;height:34px;padding:9px;width:34px}.generator-file>span{grid-gap:2px;display:grid;font-size:14px;font-weight:600;gap:2px;min-width:0}.generator-file>span>small{color:var(--text-secondary);font-size:12px;font-weight:400}.generator-file>em{border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:650;margin-left:auto;padding:7px 12px;white-space:nowrap}.generator-file:hover>em{border-color:var(--accent,var(--primary-color));color:var(--primary-color);color:var(--accent,var(--primary-color))}.generator-file input[type=file]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.generator-primary,.generator-secondary{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-weight:650;gap:7px;justify-content:center;min-height:38px;padding:8px 14px;transition:filter .15s ease,transform .15s ease}.generator-primary{background:var(--primary-color);background:var(--accent,var(--primary-color));color:#fff;color:var(--button-text,#fff)}.generator-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.generator-secondary{background:var(--card-bg);background:var(--surface,var(--card-bg));border-color:var(--border-color);color:var(--text-color)}.generator-secondary:hover:not(:disabled){border-color:var(--accent,var(--primary-color))}.generator-primary:disabled,.generator-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none}.generator-import{background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 45%,var(--border-color));color:var(--primary-color);color:var(--accent,var(--primary-color));font-weight:700;min-height:42px;width:100%}.generator-import:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 15%,var(--card-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 15%,var(--surface,var(--card-bg)));border-color:var(--accent,var(--primary-color));transform:translateY(-1px)}.generator-import:disabled{background:#0000;border-color:var(--border-color);color:var(--text-secondary)}.generator-spin{animation:generator-spin 1s linear infinite}@keyframes generator-spin{to{transform:rotate(1turn)}}.generator-message,.generator-source-note{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:10px 12px}.generator-error{background:color-mix(in srgb,#ff6b5e 10%,#0000);background:color-mix(in srgb,var(--danger-color,#ff6b5e) 10%,#0000);border:1px solid color-mix(in srgb,var(--danger-color,#ff6b5e) 40%,var(--border-color));color:#ff9086;color:var(--danger-text,#ff9086);margin-bottom:18px}.generator-success{background:color-mix(in srgb,#44d483 10%,#0000);background:color-mix(in srgb,var(--success-color,#44d483) 10%,#0000);border:1px solid color-mix(in srgb,var(--success-color,#44d483) 35%,var(--border-color));color:#6ee7a5;color:var(--success-text,#6ee7a5)}.generator-source-note{background:color-mix(in srgb,var(--card-bg) 60%,var(--background-color));background:color-mix(in srgb,var(--surface,var(--card-bg)) 60%,var(--background-color));border:1px solid var(--border-color);color:var(--text-secondary)}.generator-import-diagnostics{color:#ffb020;color:var(--warning-color,#ffb020);font-size:13px;margin:0;padding-left:22px}.generator-import-diagnostics .error{color:#ff9086;color:var(--danger-text,#ff9086)}.generator-progress{grid-gap:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 7%,var(--card-bg)),var(--card-bg));background:linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--primary-color)) 7%,var(--surface,var(--card-bg))),var(--surface,var(--card-bg)));border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 35%,var(--border-color));border-radius:11px;box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color));display:grid;gap:13px;margin-top:8px;padding:15px}.generator-progress-header{grid-gap:11px;align-items:center;display:grid;gap:11px;grid-template-columns:auto minmax(0,1fr) auto}.generator-progress-icon{background:color-mix(in srgb,var(--primary-color) 13%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 13%,#0000);border-radius:9px;color:var(--primary-color);color:var(--accent,var(--primary-color));display:grid;height:34px;place-items:center;width:34px}.generator-progress-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.generator-progress-copy strong{color:var(--text-color);font-size:13px}.generator-progress-copy small{color:var(--text-secondary);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-progress-value{background:color-mix(in srgb,var(--primary-color) 10%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 35%,var(--border-color));border-radius:999px;color:var(--primary-color);color:var(--accent,var(--primary-color));font-size:12px;min-width:48px;padding:5px 8px;text-align:center}.generator-progress-track{background:var(--background-color);border:1px solid color-mix(in srgb,var(--border-color) 80%,#0000);border-radius:999px;height:9px;overflow:hidden}.generator-progress-track>span{background:linear-gradient(90deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 68%,#fff));background:linear-gradient(90deg,var(--accent,var(--primary-color)),color-mix(in srgb,var(--accent,var(--primary-color)) 68%,#fff));border-radius:inherit;display:block;height:100%;min-width:3px;position:relative;transition:width .35s ease}.generator-progress-track>span.is-active:after{animation:generator-progress-shimmer 1.4s ease-in-out infinite;background:linear-gradient(100deg,#0000 15%,#ffffff61 45%,#0000 75%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.generator-progress>p{color:#ff9086;color:var(--danger-text,#ff9086);font-size:12px;margin:0}.generator-progress--failed{border-color:color-mix(in srgb,var(--danger-color,#ff6b5e) 42%,var(--border-color));box-shadow:inset 3px 0 0 #ff6b5e;box-shadow:inset 3px 0 0 var(--danger-color,#ff6b5e)}.generator-progress--failed .generator-progress-icon,.generator-progress--failed .generator-progress-value{background:color-mix(in srgb,#ff6b5e 11%,#0000);background:color-mix(in srgb,var(--danger-color,#ff6b5e) 11%,#0000);border-color:color-mix(in srgb,var(--danger-color,#ff6b5e) 35%,var(--border-color));color:#ff9086;color:var(--danger-text,#ff9086)}.generator-progress--completed,.generator-progress--partial{background:linear-gradient(145deg,color-mix(in srgb,#44d483 7%,var(--card-bg)),var(--card-bg));background:linear-gradient(145deg,color-mix(in srgb,var(--success-color,#44d483) 7%,var(--surface,var(--card-bg))),var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--success-color,#44d483) 38%,var(--border-color));box-shadow:inset 3px 0 0 #44d483;box-shadow:inset 3px 0 0 var(--success-color,#44d483)}.generator-progress--completed .generator-progress-icon,.generator-progress--completed .generator-progress-value,.generator-progress--partial .generator-progress-icon,.generator-progress--partial .generator-progress-value{background:color-mix(in srgb,#44d483 11%,#0000);background:color-mix(in srgb,var(--success-color,#44d483) 11%,#0000);color:#6ee7a5;color:var(--success-text,#6ee7a5)}.generator-progress--completed .generator-progress-value,.generator-progress--partial .generator-progress-value{border-color:color-mix(in srgb,var(--success-color,#44d483) 35%,var(--border-color))}.generator-progress--completed .generator-progress-track>span,.generator-progress--partial .generator-progress-track>span{background:linear-gradient(90deg,#44d483,color-mix(in srgb,#44d483 68%,#fff));background:linear-gradient(90deg,var(--success-color,#44d483),color-mix(in srgb,var(--success-color,#44d483) 68%,#fff))}.generator-progress--failed .generator-progress-track>span{background:linear-gradient(90deg,#ff6b5e,color-mix(in srgb,#ff6b5e 68%,#fff));background:linear-gradient(90deg,var(--danger-color,#ff6b5e),color-mix(in srgb,var(--danger-color,#ff6b5e) 68%,#fff))}@keyframes generator-progress-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.generator-progress-track>span{transition:none}.generator-progress-track>span.is-active:after,.generator-spin{animation:none}}.generator-operation-picker{border:1px solid var(--border-color);border-radius:8px}.generator-operation-picker summary{cursor:pointer;font-weight:650;padding:10px 12px}.generator-operation-picker>div{border-top:1px solid var(--border-color);max-height:260px;overflow:auto}.generator-operation-picker label{grid-gap:6px 10px;align-items:center;content-visibility:auto;cursor:pointer;display:grid;gap:6px 10px;grid-template-columns:auto 54px minmax(100px,1fr);padding:9px 12px}.generator-operation-picker label+label{border-top:1px solid color-mix(in srgb,var(--border-color) 60%,#0000)}.generator-operation-picker label:hover{background:color-mix(in srgb,var(--primary-color) 6%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,#0000)}.generator-operation-picker label strong{color:var(--primary-color);color:var(--accent,var(--primary-color));font-size:12px;font-weight:750;letter-spacing:.04em}.generator-operation-picker label span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generator-operation-picker input{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color));flex:0 0 auto;height:16px;margin:0;width:16px}.generator-operation-picker label code{color:var(--text-secondary);font-size:12px;grid-column:2/-1;overflow:hidden;text-overflow:ellipsis}.generator-operation-picker p{color:#ffb020;color:var(--warning-color,#ffb020);padding:0 10px 10px}.generator-section-picker{border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px}.generator-section-picker legend{font-weight:650;padding:0 4px}.generator-section-picker label{align-items:center;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:7px;padding:6px 10px;transition:border-color .15s ease,background .15s ease,color .15s ease}.generator-section-picker label:has(input:checked){background:color-mix(in srgb,var(--primary-color) 10%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,#0000);border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 55%,var(--border-color));color:var(--text-color)}.generator-section-picker input{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color))}.generator-warnings{background:color-mix(in srgb,#ffb020 7%,var(--card-bg));background:color-mix(in srgb,var(--warning-color,#ffb020) 7%,var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--warning-color,#ffb020) 45%,var(--border-color));margin-top:18px}.generator-warnings h4{margin:0 0 8px}.generator-warnings ul{margin:0;padding-left:20px}.generator-review{margin-top:18px}.generator-review-header>div:first-child{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:auto 1fr}.generator-review-header p{grid-column:2}.generator-apply-controls{align-items:center;display:flex;gap:10px}.generator-coverage{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.generator-coverage span{background:#0000;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:5px 12px}.generator-coverage span.ok{background:color-mix(in srgb,#44d483 10%,#0000);background:color-mix(in srgb,var(--success-color,#44d483) 10%,#0000);border-color:color-mix(in srgb,var(--success-color,#44d483) 40%,var(--border-color));color:#6ee7a5;color:var(--success-text,#6ee7a5)}.generator-coverage span.warn{background:color-mix(in srgb,#ffb020 10%,#0000);background:color-mix(in srgb,var(--warning-color,#ffb020) 10%,#0000);border-color:color-mix(in srgb,var(--warning-color,#ffb020) 45%,var(--border-color));color:#ffb020;color:var(--warning-color,#ffb020)}.generator-sections{grid-gap:12px;display:grid;gap:12px}.generator-section{border:1px solid var(--border-color);border-radius:10px;contain-intrinsic-size:300px;content-visibility:auto;overflow:hidden;transition:border-color .15s ease}.generator-section.selected{border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 60%,var(--border-color))}.generator-section>label{align-items:center;background:color-mix(in srgb,var(--card-bg) 60%,var(--background-color));background:color-mix(in srgb,var(--surface,var(--card-bg)) 60%,var(--background-color));border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:.02em;padding:12px 16px;text-transform:uppercase}.generator-section.selected>label{background:color-mix(in srgb,var(--primary-color) 7%,var(--card-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 7%,var(--surface,var(--card-bg)));color:var(--text-color)}.generator-section input{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color));flex:0 0 auto;height:16px;margin:0;width:16px}.generator-markdown{color:var(--text-secondary);font-size:14px;line-height:1.65;max-height:520px;overflow:auto;padding:18px 22px}.generator-markdown>:first-child{margin-top:0}.generator-markdown>:last-child{margin-bottom:0}.generator-markdown h1,.generator-markdown h2,.generator-markdown h3,.generator-markdown h4{color:var(--text-color);line-height:1.3;margin:22px 0 10px}.generator-markdown h1{border-bottom:1px solid var(--border-color);font-size:20px;padding-bottom:9px}.generator-markdown h2{font-size:16px}.generator-markdown h3,.generator-markdown h4{font-size:14px}.generator-markdown p{margin:0 0 12px}.generator-markdown ol,.generator-markdown ul{margin:0 0 14px;padding-left:22px}.generator-markdown li{margin:5px 0;padding-left:3px}.generator-markdown li::marker{color:var(--primary-color);color:var(--accent,var(--primary-color));font-weight:700}.generator-markdown a{color:var(--primary-color);color:var(--accent,var(--primary-color))}.generator-markdown strong{color:var(--text-color)}.generator-markdown code{background:color-mix(in srgb,var(--primary-color) 12%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 12%,#0000);border-radius:5px;color:var(--primary-color);color:var(--accent,var(--primary-color));font-size:.88em;padding:2px 6px}.generator-markdown pre{background:color-mix(in srgb,var(--background-color) 80%,#000);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:13px;line-height:1.55;margin:0 0 14px;overflow:auto;padding:14px}.generator-markdown pre code{background:#0000;color:inherit;padding:0}.generator-markdown blockquote{border-left:3px solid color-mix(in srgb,var(--accent,var(--primary-color)) 50%,var(--border-color));margin:0 0 14px;padding:2px 0 2px 14px}.generator-markdown table{border-collapse:collapse;font-size:13px;margin-bottom:14px;width:100%}.generator-markdown td,.generator-markdown th{border:1px solid var(--border-color);padding:8px 10px;text-align:left}.generator-markdown th{background:color-mix(in srgb,var(--card-bg) 70%,var(--background-color));background:color-mix(in srgb,var(--surface,var(--card-bg)) 70%,var(--background-color));color:var(--text-color);font-size:12px;letter-spacing:.04em;text-transform:uppercase}@media (max-width:900px){.generator-grid{grid-template-columns:1fr}.generator-apply-controls,.generator-header,.generator-review-header{flex-direction:column}.generator-apply-controls{align-items:stretch;width:100%}}.documentation-manager{background-color:var(--background-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.documentation-header{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;padding:18px clamp(20px,3vw,32px)}.documentation-nav{margin-right:auto}.back-link{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:4px;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--primary-color)}.documentation-title{align-items:center;display:flex;gap:8px}.doc-icon{color:var(--primary-color);font-size:20px}.documentation-title h2{color:var(--text-color);font-size:20px;font-weight:600;margin:0}.last-updated{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px;margin-left:16px}.documentation-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.view-mode-toggle{border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;margin-right:8px;overflow:hidden}.view-btn{align-items:center;background:var(--card-bg);border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:background-color .2s}.view-btn.active{background-color:var(--primary-color);color:#fff}.view-btn:not(.active):hover{background-color:var(--hover-bg)}.action-btn{background-color:var(--background-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:13px;gap:6px;padding:8px 14px;transition:all .12s}.action-btn:hover{background-color:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color))}.action-btn.active{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.action-btn.active svg{color:var(--primary-color)!important}.action-btn:hover svg{color:var(--text-secondary)!important}.publish-btn{background-color:var(--success-light);border-color:var(--success-color);color:var(--success-color)}.publish-btn:hover{background-color:var(--success-bg)}.action-dropdown{position:relative}.dropdown-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-md);display:none;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:10}.action-dropdown:hover .dropdown-content{display:block}.dropdown-content button{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.dropdown-content button:hover{background-color:var(--hover-bg)}.documentation-content{flex:1 1;overflow:hidden}.documentation-content.api-versions-view{padding:0}.documentation-stale-warning{align-items:center;background:color-mix(in srgb,#ffb020 9%,var(--card-bg));background:color-mix(in srgb,var(--warning-color,#ffb020) 9%,var(--surface-elevated,var(--card-bg)));border:1px solid color-mix(in srgb,var(--warning-color,#ffb020) 42%,var(--border-color));border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:inset 3px 0 0 #ffb020;box-shadow:inset 3px 0 0 var(--warning-color,#ffb020);box-sizing:border-box;color:var(--text-secondary);display:flex;gap:10px;margin:0 0 12px;min-height:44px;padding:9px 12px}.documentation-stale-warning>svg{color:#ffb020;color:var(--warning-color,#ffb020);flex:0 0 auto}.documentation-stale-warning span{flex:1 1;line-height:1.45;min-width:0}.documentation-stale-warning strong{color:var(--text-color)}.documentation-stale-warning button{background:color-mix(in srgb,#ffb020 10%,#0000);background:color-mix(in srgb,var(--warning-color,#ffb020) 10%,#0000);border:1px solid color-mix(in srgb,var(--warning-color,#ffb020) 38%,var(--border-color));border-radius:8px;border-radius:var(--radius-sm,8px);color:#ffb020;color:var(--warning-color,#ffb020);cursor:pointer;flex:0 0 auto;font-weight:700;min-height:32px;padding:6px 10px}.documentation-stale-warning button:hover{background:color-mix(in srgb,#ffb020 16%,#0000);background:color-mix(in srgb,var(--warning-color,#ffb020) 16%,#0000);border-color:#ffb020;border-color:var(--warning-color,#ffb020)}.documentation-stale-warning button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,#ffb020 22%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning-color,#ffb020) 22%,#0000);outline:none}@media (max-width:720px){.documentation-stale-warning{align-items:flex-start;flex-wrap:wrap}.documentation-stale-warning button{margin-left:24px}}.documentation-manager:has(.api-version-manager),.documentation-manager:has(.mock-workspace){height:auto;min-height:calc(100svh - 64px);overflow:visible}.documentation-content.api-versions-view:has(.api-version-manager),.documentation-content.api-versions-view:has(.mock-workspace){display:flex;min-height:calc(100svh - 128px);overflow:visible}.documentation-content.api-versions-view>.mock-workspace{flex:1 1;min-width:0}.documentation-manager:has(.documentation-editor){height:auto;min-height:calc(100svh - 64px);overflow:visible}.documentation-content:has(.documentation-editor){box-sizing:border-box;display:flex;flex-direction:column;min-height:clamp(620px,calc(100svh - 176px),980px);overflow:visible;padding:20px}.documentation-content>.documentation-editor{box-sizing:border-box;flex:1 1;height:auto;min-height:0;width:100%}.documentation-loading{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:color-mix(in srgb,var(--background-color) 90%,#0000);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.spinner{animation:spin 1s linear infinite;border:3px solid var(--primary-light);margin-bottom:16px}.documentation-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.documentation-error h3{color:var(--error-color);margin-bottom:8px}.documentation-error button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px;transition:background-color .2s}.documentation-error button:hover{background-color:var(--primary-hover)}.documentation-settings{margin:0 auto;max-width:800px;padding:24px}.documentation-settings h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:20px;font-weight:600;margin-bottom:24px;margin-top:0;padding-bottom:12px}.settings-section{margin-bottom:32px}.settings-section h4{color:var(--text-color);font-size:16px;font-weight:500;margin-bottom:16px;margin-top:0}.setting-option{margin-bottom:16px}.setting-option label{align-items:center;color:var(--text-color);display:flex;font-weight:500;gap:8px;margin-bottom:6px}.setting-description{color:var(--text-muted);font-size:13px;margin-bottom:0;margin-top:4px;padding-left:24px}.form-group input,.form-group textarea{border-radius:4px;padding:8px 12px}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 2px var(--primary-light)}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.cancel-btn:hover{background-color:var(--hover-bg)}.save-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.save-btn:hover{background-color:var(--primary-hover)}.version-history-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;overflow:hidden}.version-history-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:20px 24px}.version-history-section h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 8px}.version-history-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.version-history-tabs{background-color:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;gap:0}.tab-btn{background:none;border-bottom:3px solid #0000;flex:1 1;font-weight:500;justify-content:center;transition:all .2s}.tab-btn:hover{background-color:var(--hover-bg)}.tab-btn.active{background-color:var(--card-bg)}.tab-btn.active svg{color:var(--text-color)}.version-history-content{background-color:var(--card-bg);min-height:300px;padding:24px}.documentation-manager .documentation-settings{grid-gap:18px;align-content:start;box-sizing:border-box;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1600px;padding:28px clamp(20px,3vw,44px) 40px;width:100%}.documentation-manager .documentation-settings>.settings-actions,.documentation-manager .documentation-settings>.settings-history-block,.documentation-manager .documentation-settings>h3{grid-column:1/-1}.documentation-manager .documentation-settings>h3{font-size:1.2rem;margin:0 0 2px;padding-bottom:14px}.documentation-manager .documentation-settings .settings-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);box-sizing:border-box;margin:0;min-width:0;padding:20px}.documentation-manager .documentation-settings .settings-section h4{border-bottom:1px solid var(--border-color);font-size:.95rem;font-weight:650;margin-bottom:18px;padding-bottom:10px}.documentation-manager .documentation-settings .form-group:last-child,.documentation-manager .documentation-settings .setting-option:last-child{margin-bottom:0}.documentation-manager .documentation-settings .setting-option label{align-items:flex-start;font-size:.86rem;font-weight:600}.documentation-manager .documentation-settings input[type=checkbox]{accent-color:var(--primary-color);flex:0 0 16px;height:16px;margin:1px 0 0;width:16px}.documentation-manager .documentation-settings .setting-description{color:var(--text-secondary);line-height:1.5;padding-left:24px}.documentation-manager .documentation-settings .form-group label{color:var(--text-secondary);font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.documentation-manager .documentation-settings .form-group input,.documentation-manager .documentation-settings .form-group textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;color:var(--text-color);font:inherit;padding:10px 12px;width:100%}.documentation-manager .documentation-settings .form-group input:focus,.documentation-manager .documentation-settings .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,#0000);outline:none}.documentation-manager .settings-history-block{margin:4px 0 0}.documentation-manager .documentation-settings .version-history-section{border-radius:12px;border-radius:var(--radius-lg,12px);margin-top:0}.documentation-manager .documentation-settings .version-history-header{background:var(--card-bg);padding:18px 20px}.documentation-manager .documentation-settings .version-history-tabs{background:var(--background-color);gap:6px;padding:0 12px}.documentation-manager .documentation-settings .tab-btn{border-radius:8px 8px 0 0;color:var(--text-secondary);min-height:46px;padding:10px 14px}.documentation-manager .documentation-settings .tab-btn.active{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-bottom-color:var(--primary-color);color:var(--primary-color)}.documentation-manager .documentation-settings .tab-btn.active svg{color:currentColor}.documentation-manager .documentation-settings .version-history-content{background:var(--card-bg);min-height:0;padding:20px}.documentation-manager .documentation-settings .settings-actions{margin-top:0;padding-top:2px}.documentation-manager .documentation-settings .cancel-btn,.documentation-manager .documentation-settings .save-btn{border-radius:8px;border-radius:var(--radius-sm,8px);font-weight:600;min-height:40px;padding:9px 16px}.documentation-manager .documentation-settings .save-btn{color:#fff;color:var(--button-text,#fff)}.documentation-manager .documentation-settings .save-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:900px){.documentation-manager .documentation-settings{grid-template-columns:1fr;padding:20px 16px 32px}.documentation-manager .documentation-settings>.settings-actions,.documentation-manager .documentation-settings>.settings-history-block,.documentation-manager .documentation-settings>h3{grid-column:1}}.mfm-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mfm-modal{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;scrollbar-color:#014c75 #fff;scrollbar-color:var(--primary-color,#014c75) var(--card-bg,#fff);width:100%}.mfm-modal::-webkit-scrollbar{width:8px}.mfm-modal::-webkit-scrollbar-track{background:#fff;background:var(--card-bg,#fff);border-radius:4px}.mfm-modal::-webkit-scrollbar-thumb{background:#014c75;background:var(--primary-color,#014c75);-webkit-transition:background .2s ease;transition:background .2s ease}.mfm-modal::-webkit-scrollbar-thumb:active,.mfm-modal::-webkit-scrollbar-thumb:hover{background:#013b5b;background:var(--primary-hover,#013b5b)}.mfm-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding:24px 24px 16px}.mfm-header>div:first-child{flex:1 1}.mfm-header h2{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;font-size:1.5rem;font-weight:600;margin:0}.mfm-header p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;font-weight:400;margin:4px 0 0}.mfm-header-actions{align-items:center;display:flex;gap:12px}.mfm-status-badge{border-radius:6px;font-size:.8125rem;font-weight:500;padding:6px 12px;text-transform:capitalize}.mfm-status-badge.active{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.mfm-status-badge.inactive{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.mfm-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.mfm-close-btn:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);color:#333;color:var(--text-color,#333)}.mfm-close-btn:before{content:none!important}.mfm-close-btn svg{display:block;height:20px;width:20px}.mfm-close-btn-fallback{display:none;font-size:24px;font-weight:400;line-height:1}.mfm-close-btn svg:not([data-icon])+.mfm-close-btn-fallback,.mfm-close-btn:not(:has(svg)) .mfm-close-btn-fallback{display:block}.mfm-form{flex:1 1;overflow-y:auto;padding:0 24px 24px}.mfm-form-section{background:#0000;border:none;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color,#e1e4e8);border-radius:0;margin-bottom:0;padding:20px 0;transition:none}.mfm-form-section:last-of-type{border-bottom:none}.mfm-form-section:hover{border-color:#e1e4e8;border-color:var(--border-color,#e1e4e8)}.mfm-section-title{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.mfm-section-title svg{color:#014c75;color:var(--primary-color,#014c75);flex-shrink:0;margin-top:2px}.mfm-section-title>div{flex:1 1}.mfm-form-section h3{color:#333;color:var(--text-color,#333);display:block;font-size:1rem;font-weight:600;margin:0}.mfm-section-description{font-size:.8125rem;line-height:1.5;margin:4px 0 0}.mfm-field-description,.mfm-section-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:400}.mfm-field-description{font-size:.75rem;line-height:1.4;margin:2px 0 6px}.mfm-form-section .mfm-section-header{align-items:flex-start;display:flex;justify-content:space-between;margin:0 0 16px}.mfm-form-section .mfm-section-header .mfm-section-title{margin-bottom:0}.mfm-form-section .mfm-section-header h3{margin:0}.mfm-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mfm-form-row:last-child{margin-bottom:0}.mfm-form-row.mfm-checkbox-row{gap:20px 24px;margin-top:16px}.mfm-form-row.mfm-checkbox-row .mfm-checkbox-group{background:#0000!important;border:none!important;margin-bottom:0!important;padding:0!important}.mfm-form-row.mfm-checkbox-row .mfm-toggle-group{padding:0}.mfm-form-group{display:flex;flex-direction:column;margin-bottom:0}.mfm-form-group label{color:#333;color:var(--text-color,#333);font-size:.875rem;font-weight:500;margin-bottom:8px}.mfm-form-group input,.mfm-form-group select,.mfm-form-group textarea{font-family:var(--font-family);height:auto;min-height:40px}.mfm-form-group input[type=email],.mfm-form-group input[type=number],.mfm-form-group input[type=text],.mfm-form-group input[type=url]{height:40px;max-height:40px;min-height:40px}.mfm-form-group input:hover:not(:focus),.mfm-form-group select:hover:not(:focus),.mfm-form-group textarea:hover:not(:focus){border-color:#014c75;border-color:var(--primary-color,#014c75)}.mfm-form-group input::placeholder,.mfm-form-group textarea::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.mfm-form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;padding-right:40px;position:relative}.mfm-form-group input[type=number]::-webkit-inner-spin-button,.mfm-form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mfm-number-input-container{align-items:center;display:flex;position:relative}.mfm-number-input-container input[type=number]{padding-right:12px}.mfm-number-controls{display:flex;flex-direction:column;gap:1px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.mfm-number-control-btn{align-items:center;background:#f8f9fa;background:var(--background-color,#f8f9fa);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;line-height:1;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:24px}.mfm-number-control-btn:first-child{border-bottom:none;border-radius:3px 3px 0 0}.mfm-number-control-btn:last-child{border-radius:0 0 3px 3px}.mfm-number-control-btn:hover{background:#014c75;background:var(--primary-color,#014c75);border-color:#014c75;border-color:var(--primary-color,#014c75);color:#fff}.mfm-number-control-btn:active{transform:scale(.95)}.mfm-number-input-with-unit{position:relative}.mfm-number-input-with-unit input[type=number]{padding-right:60px}.mfm-input-unit{background:#fff;background:var(--card-bg,#fff);color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.75rem;font-weight:500;padding:0 4px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.mfm-form-group input[type=number]:focus{border-color:#014c75;border-color:var(--primary-color,#014c75);box-shadow:0 0 0 3px #014c751a;outline:none}.mfm-form-group input[type=number].mfm-error{border-color:#dc3545;border-color:var(--danger-color,#dc3545);box-shadow:0 0 0 3px #dc35451a}.mfm-form-group input[type=number].mfm-valid{border-color:#28a745;border-color:var(--success-color,#28a745);box-shadow:0 0 0 3px #28a7451a}.mfm-form-group input[type=number]:hover:not(:focus):not(.mfm-error){border-color:#014c75;border-color:var(--primary-color,#014c75)}.mfm-form-group input[type=number]:disabled{background:#f2f2f2;background:var(--disabled-bg,#f2f2f2);cursor:not-allowed;opacity:.6}.mfm-number-input-with-icon{position:relative}.mfm-number-input-with-icon input[type=number]{padding-left:36px}.mfm-input-icon{font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mfm-input-icon,.mfm-number-input-range{color:#6c757d;color:var(--text-secondary,#6c757d)}.mfm-number-input-range{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:-4px;margin-top:2px}.mfm-range-indicator{opacity:.7}.mfm-alert-checkboxes-grid{grid-gap:20px 24px;display:grid;gap:20px 24px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mfm-alert-checkboxes-grid .mfm-toggle-group{margin-bottom:0;padding:0}.mfm-toggle-group{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:0}.mfm-toggle-group-inline{align-items:center;display:flex;justify-content:flex-start;margin-top:8px}.mfm-toggle-label-group{flex:1 1;min-width:0}.mfm-toggle-label{color:#333;color:var(--text-color,#333);display:block;font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.mfm-toggle-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.75rem;font-weight:400;line-height:1.4;margin:4px 0 0}.mfm-toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.mfm-toggle-switch input[type=checkbox]{height:0;opacity:0;width:0}.mfm-toggle-slider{background-color:#e1e4e8;background-color:var(--border-color,#e1e4e8);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.mfm-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000001a;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.mfm-toggle-switch input:checked+.mfm-toggle-slider{background-color:#014c75;background-color:var(--primary-color,#014c75)}.mfm-toggle-switch input:focus+.mfm-toggle-slider{box-shadow:0 0 0 3px #014c751a}.mfm-toggle-switch input:checked+.mfm-toggle-slider:before{transform:translateX(20px)}.mfm-toggle-switch:hover .mfm-toggle-slider{opacity:.9}.mfm-location-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mfm-location-chip{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #e1e4e8;border:1.5px solid var(--border-color,#e1e4e8);border-radius:6px;color:#333;color:var(--text-color,#333);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;padding:8px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mfm-location-chip input[type=checkbox]{display:none}.mfm-location-chip:hover{background:#014c750d}.mfm-location-chip.selected,.mfm-location-chip:hover{border-color:#014c75;border-color:var(--primary-color,#014c75)}.mfm-location-chip.selected{background:#014c75;background:var(--primary-color,#014c75);color:#fff}.mfm-location-chip.selected:hover{background:#013b5b;background:var(--primary-hover,#013b5b);border-color:#013b5b;border-color:var(--primary-hover,#013b5b)}.mfm-checkbox-group{margin-bottom:8px;padding:0}.mfm-checkbox-group,.mfm-checkbox-label{background:none;border:none;border-radius:0}.mfm-checkbox-label{align-items:center;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:.8125rem;margin-bottom:0;padding:6px 0;transition:opacity .2s ease}.mfm-checkbox-label:hover{opacity:.8}.mfm-checkbox-label input[type=checkbox]{display:none}.mfm-checkmark{background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e4e8;border:2px solid var(--border-color,#e1e4e8);border-radius:4px;flex-shrink:0;height:18px;margin-right:10px;position:relative;transition:all .2s ease;width:18px}.mfm-checkbox-label:hover .mfm-checkmark{border-color:#014c75;border-color:var(--primary-color,#014c75)}.mfm-checkbox-label input[type=checkbox]:checked+.mfm-checkmark{background:#014c75;background:var(--primary-color,#014c75);border-color:#014c75;border-color:var(--primary-color,#014c75)}.mfm-checkbox-label input[type=checkbox]:checked+.mfm-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.mfm-header-labels{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr auto;margin-bottom:8px;padding:0 2px}.mfm-header-labels span{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.75rem;font-weight:500}.mfm-header-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr auto;margin-bottom:12px}.mfm-remove-header-btn{align-items:center;background:#0000;border:1px solid #dc3545;border:1px solid var(--danger-color,#dc3545);border-radius:6px;color:#dc3545;color:var(--danger-color,#dc3545);cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:0;padding:8px;transition:all .2s ease;width:36px}.mfm-remove-header-btn:hover{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff;transform:translateY(-1px)}.mfm-remove-header-btn svg{height:18px;width:18px}.mfm-form-actions{border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.mfm-btn-add,.mfm-btn-primary,.mfm-btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.mfm-btn-primary{background:#014c75;background:var(--primary-color,#014c75);color:#fff}.mfm-btn-primary:hover:not(:disabled){background:#013b5b;background:var(--primary-hover,#013b5b);box-shadow:0 4px 12px #014c7540;transform:translateY(-1px)}.mfm-btn-primary:disabled{cursor:not-allowed;opacity:.5}.mfm-btn-secondary{background:#0000;border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);color:#6c757d;color:var(--text-secondary,#6c757d)}.mfm-btn-secondary:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5);border-color:#014c75;border-color:var(--primary-color,#014c75);color:#333;color:var(--text-color,#333)}.mfm-btn-add,.mfm-btn-secondary.small{font-size:.8125rem;padding:8px 16px}.mfm-btn-add{background:#0000;border:1px solid #014c75;border:1px solid var(--primary-color,#014c75);color:#014c75;color:var(--primary-color,#014c75)}.mfm-btn-add:hover{background:#014c75;background:var(--primary-color,#014c75);box-shadow:0 2px 8px #014c7533;color:#fff;transform:translateY(-1px)}.mfm-error-banner{align-items:center;background:#fef2f2;background:var(--danger-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--danger-border,#fecaca);border-radius:6px;color:#dc2626;color:var(--danger-text,#dc2626);display:flex;font-size:.875rem;gap:8px;margin-bottom:12px;padding:10px 14px}.mfm-error-text{color:#dc3545;color:var(--danger-color,#dc3545);display:block;font-size:.75rem;margin-top:4px}.mfm-spinning{animation:spin 1s linear infinite}.mfm-multi-step-settings{border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);margin-top:12px;padding-top:12px}.mfm-multi-step-settings h4{color:#333;color:var(--text-color,#333);font-size:.875rem;font-weight:600;margin:0 0 12px}.mfm-multi-step-row{background:#fff;background:var(--card-bg,#fff);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:6px;margin-bottom:10px;padding:12px;position:relative}.mfm-remove-multi-step-btn{align-items:center;background:#dc3545;background:var(--danger-color,#dc3545);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.mfm-remove-multi-step-btn:hover{background:#c82333;transform:translateY(-1px)}.mfm-remove-multi-step-btn svg{height:16px;width:16px}.mfm-advanced-setting-card{background:#f8f9fa;background:var(--background-color,#f8f9fa);border:1px solid #e1e4e8;border:1px solid var(--border-color,#e1e4e8);border-radius:8px;margin-bottom:16px;padding:16px;transition:all .2s ease}.mfm-advanced-setting-card:last-child{margin-bottom:0}.mfm-advanced-setting-card:hover{border-color:#014c75;border-color:var(--primary-color,#014c75)}.mfm-advanced-setting-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.mfm-advanced-setting-header>div{flex:1 1;min-width:0}.mfm-advanced-setting-title-with-icon{align-items:flex-start;display:flex;gap:10px}.mfm-advanced-setting-icon{color:#6c757d;color:var(--text-secondary,#6c757d);flex-shrink:0;margin-top:2px}.mfm-advanced-setting-label{color:#333;color:var(--text-color,#333);display:block;font-size:.9375rem;font-weight:600;line-height:1.4;margin:0 0 4px}.mfm-advanced-setting-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.8125rem;font-weight:400;line-height:1.4;margin:0}.mfm-advanced-setting-content{border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color,#e1e4e8);margin-top:16px;padding-top:16px}.mfm-advanced-setting-content .mfm-form-group{margin-bottom:0}.mfm-advanced-setting-content .mfm-form-group label{margin-bottom:8px}.mfm-advanced-setting-content .mfm-location-chips{margin-top:8px}.mfm-btn-primary svg,.mfm-btn-secondary svg,.mfm-close-btn svg,.mfm-form-section h3 svg,.mfm-remove-header-btn svg,.mfm-remove-multi-step-btn svg{flex-shrink:0}@media (max-width:768px){.mfm-overlay{padding:16px}.mfm-modal{max-height:95vh}.mfm-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 20px 16px}.mfm-header-actions{justify-content:space-between;width:100%}.mfm-form{padding:0 20px 20px}.mfm-form-section{padding:16px 0}.mfm-form-row{margin-bottom:16px}.mfm-alert-checkboxes-grid,.mfm-checkbox-row,.mfm-form-row{gap:16px;grid-template-columns:1fr}.mfm-alert-checkboxes-grid .mfm-toggle-group,.mfm-checkbox-row .mfm-toggle-group{padding:0}.mfm-header-labels,.mfm-header-row{gap:8px;grid-template-columns:1fr}.mfm-header-labels{display:none}.mfm-remove-header-btn{margin-top:4px;width:100%}.mfm-form-actions{flex-direction:column}.mfm-form-actions button{justify-content:center;width:100%}.mfm-location-chips{flex-direction:column}.mfm-location-chip{justify-content:center;width:100%}.mfm-advanced-setting-card{margin-bottom:12px;padding:14px}.mfm-advanced-setting-header{align-items:flex-start;flex-direction:column;gap:12px}.mfm-advanced-setting-header .mfm-toggle-switch{align-self:flex-end}.mfm-advanced-setting-content{margin-top:12px;padding-top:12px}.mfm-number-input-with-unit input[type=number]{padding-right:45px}.mfm-input-unit{font-size:.7rem;right:8px}.mfm-number-input-range{align-items:flex-start;flex-direction:column;font-size:.7rem;gap:2px}.mfm-number-controls{right:2px}.mfm-number-control-btn{font-size:9px;height:14px;width:20px}}.mfm-modal{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.mfm-header{background:linear-gradient(180deg,var(--surface-elevated) 0,var(--surface) 100%);border-bottom:1px solid var(--border-color);padding:22px 26px 18px}.mfm-header h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.mfm-header p{font-size:.84rem}.mfm-form{padding:4px 26px 26px}.mfm-modal .mfm-form-section{border-bottom:1px solid var(--border-color);padding:22px 0}.mfm-modal .mfm-form-section:last-of-type{border-bottom:none}.mfm-modal .mfm-section-title{gap:14px;margin-bottom:18px}.mfm-modal .mfm-section-title svg{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--accent);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin-top:0;padding:8px;width:36px}.mfm-modal .mfm-form-section h3{font-size:1.02rem;font-weight:700}.mfm-modal .mfm-section-description{font-size:.8rem}.mfm-modal .mfm-form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.mfm-modal .mfm-form-group input,.mfm-modal .mfm-form-group select,.mfm-modal .mfm-form-group textarea{background:var(--surface-sunken);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px #00000026;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.mfm-modal .mfm-form-group input:hover:not(:focus),.mfm-modal .mfm-form-group select:hover:not(:focus),.mfm-modal .mfm-form-group textarea:hover:not(:focus){border-color:var(--accent)}.mfm-modal .mfm-form-group input:focus,.mfm-modal .mfm-form-group select:focus,.mfm-modal .mfm-form-group textarea:focus{border-color:var(--accent);box-shadow:var(--ring),inset 0 1px 2px #00000026}.mfm-modal{scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.mfm-modal::-webkit-scrollbar{width:6px}.mfm-modal::-webkit-scrollbar-track{background:#0000}.mfm-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.mfm-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mfm-modal .mfm-form-group input::placeholder,.mfm-modal .mfm-form-group textarea::placeholder{color:var(--text-muted);opacity:1}.mfm-modal .mfm-form-group input.error,.mfm-modal .mfm-form-group textarea.error{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc35451f}.mfm-modal .mfm-number-input-range{display:none}.mfm-modal .mfm-toggle-switch{height:24px;width:42px}.mfm-modal .mfm-toggle-slider{background-color:var(--border-color);border-radius:24px;transition:background-color var(--dur-base) var(--ease-out)}.mfm-modal .mfm-toggle-slider:before{bottom:3px;box-shadow:var(--shadow-sm);left:3px;transition:transform var(--dur-base) var(--ease-spring)}.mfm-modal .mfm-toggle-switch input:checked+.mfm-toggle-slider{background-color:var(--accent)}.mfm-modal .mfm-toggle-switch input:focus+.mfm-toggle-slider{box-shadow:var(--ring)}.mfm-modal .mfm-toggle-switch input:checked+.mfm-toggle-slider:before{transform:translateX(18px)}.mfm-modal .mfm-btn-add,.mfm-modal .mfm-btn-primary,.mfm-modal .mfm-btn-secondary{border-radius:var(--radius-sm);font-weight:600;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.mfm-modal .mfm-btn-primary{background:var(--accent);color:#fff}.mfm-modal .mfm-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mfm-modal .mfm-btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-color)}.mfm-modal .mfm-btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent)}.mfm-modal .mfm-btn-add{background:#0000;border:1px solid var(--accent);color:var(--accent)}.mfm-modal .mfm-btn-add:hover{background:var(--accent);color:#fff}.mfm-modal .mfm-advanced-setting-card{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.mfm-modal .mfm-advanced-setting-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.mfm-modal .mfm-advanced-setting-icon{color:var(--accent)}.mfm-modal .mfm-advanced-setting-content{border-top:1px solid var(--border-color)}.mfm-modal .mfm-location-chip{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.mfm-modal .mfm-location-chip:hover{background:var(--hover-bg);border-color:var(--accent)}.mfm-modal .mfm-location-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.mfm-modal .mfm-location-chip.selected:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.mfm-modal .mfm-header-row,.mfm-modal .mfm-multi-step-row{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;transition:border-color var(--dur-fast) var(--ease-out)}.mfm-modal .mfm-header-row input,.mfm-modal .mfm-multi-step-row .mfm-form-group input,.mfm-modal .mfm-multi-step-row .mfm-form-group select{background:var(--surface-sunken)}.mfm-modal .mfm-header-row:hover,.mfm-modal .mfm-multi-step-row:hover{border-color:var(--accent)}.mfm-modal .mfm-remove-header-btn,.mfm-modal .mfm-remove-multi-step-btn{border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.mfm-modal .mfm-remove-header-btn:hover,.mfm-modal .mfm-remove-multi-step-btn:hover{transform:translateY(-1px)}.mfm-modal .mfm-error-banner{border-radius:var(--radius-sm)}.mfm-modal .mfm-form-actions{border-top:1px solid var(--border-color);margin-top:26px;padding-top:22px}.mfm-modal .mfm-close-btn{border-radius:var(--radius-sm)}.mfm-modal .mfm-close-btn:hover{background:var(--hover-bg);color:var(--text-color)}@media (prefers-reduced-motion:reduce){.mfm-modal .mfm-advanced-setting-card,.mfm-modal .mfm-btn-add,.mfm-modal .mfm-btn-primary,.mfm-modal .mfm-btn-secondary,.mfm-modal .mfm-header-row,.mfm-modal .mfm-location-chip,.mfm-modal .mfm-multi-step-row,.mfm-modal .mfm-toggle-slider,.mfm-modal .mfm-toggle-slider:before{transition:none}.mfm-modal .mfm-btn-add:hover,.mfm-modal .mfm-btn-primary:hover:not(:disabled),.mfm-modal .mfm-remove-header-btn:hover,.mfm-modal .mfm-remove-multi-step-btn:hover{transform:none}}.monitoring-dashboard{background:var(--background-color);min-height:100vh;overflow-x:hidden;padding:24px}.monitoring-dashboard .dashboard-header{align-items:flex-start;animation:mdFadeInUp .35s ease both;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.monitoring-dashboard .header-left{align-items:center;display:flex;flex-direction:row;gap:10px;min-width:0}.monitoring-dashboard .header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.monitoring-dashboard .header-info{align-items:flex-start;display:flex;flex-direction:column;gap:0}.monitoring-dashboard .header-info h1{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--text-color);display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.monitoring-dashboard .header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.monitoring-dashboard .header-actions{align-items:center;display:flex;gap:12px}.monitoring-dashboard .refresh-btn{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.monitoring-dashboard .refresh-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.monitoring-dashboard .refresh-btn:active{transform:translateY(0) scale(.97)}.monitoring-dashboard .refresh-btn.refreshing svg{animation:spin 1s linear infinite}.monitoring-dashboard .btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.monitoring-dashboard .btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 25%,#0000);transform:translateY(-1px)}.monitoring-dashboard .btn-primary:active{transform:translateY(0) scale(.97)}.monitoring-dashboard .stat-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:10px;color:var(--primary-color);display:flex;font-size:20px;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.monitoring-dashboard .stat-icon.up{background:#10b9811a;color:#10b981}.monitoring-dashboard .stat-icon.down{background:#ef44441a;color:#ef4444}.filters{margin-bottom:24px}.error-banner{color:#dc2626}.error-banner button{background:#dc2626}.loading-icon{animation:pulse 2s infinite;color:var(--primary-color);font-size:3rem;margin-bottom:16px}.monitors-list{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.monitor-card{animation:mdFadeInUp .35s ease both;border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.monitors-list .monitor-card:first-child{animation-delay:.25s}.monitors-list .monitor-card:nth-child(2){animation-delay:.3s}.monitors-list .monitor-card:nth-child(3){animation-delay:.35s}.monitors-list .monitor-card:nth-child(4),.monitors-list .monitor-card:nth-child(n+5){animation-delay:.4s}.monitor-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.monitor-header{align-items:flex-start;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.monitor-status{display:flex;gap:12px;min-width:0}.monitor-info{min-width:0}.monitor-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{font-size:20px;transition:transform .2s ease}.monitor-card:hover .status-icon{transform:scale(1.1)}.status-icon.up{color:#10b981}.status-icon.down{animation:mdPulseDown 2s ease-in-out infinite;color:#ef4444}.status-icon.degraded{color:#f59e0b}@keyframes mdPulseDown{0%,to{opacity:1}50%{opacity:.55}}.status-icon.unknown{color:#6b7280}.monitor-info h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 4px}.monitor-url{background:var(--card-bg);border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;display:inline-block;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-weight:500;padding:6px 10px;text-decoration:none;transition:border-color .15s ease,background .15s ease;word-break:break-all}.monitor-url:hover{background:var(--hover-bg);border-color:var(--primary-color)}.action-btn.play:hover{background:#10b9811a;border-color:#10b981;color:#10b981}.action-btn.pause:hover{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.action-btn:hover:has(svg):first-child{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.monitor-metrics{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-weight:500;letter-spacing:.05em}.metric-value{font-size:.875rem;font-weight:600}.metric-status-value{font-size:.8rem;font-weight:700}.monitor-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:4px;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:4px 8px;transition:background .15s ease}.tag:hover{background:color-mix(in srgb,var(--primary-color) 22%,#0000)}.empty-state{padding:60px 20px}.empty-icon{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.25rem}.empty-state p{margin:0 0 24px}@media (max-width:768px){.monitoring-dashboard{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.monitor-header{align-items:stretch;flex-direction:column;gap:12px}.monitor-actions{justify-content:center}.monitor-metrics{gap:12px;grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap;justify-content:center;width:100%}}@media (max-width:480px){.monitor-metrics,.stats-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard-header,.filters,.monitor-card,.monitoring-nav,.stat-card,.status-icon.down{animation:none}}.monitoring-dashboard .stat-card--total .stat-value{color:var(--text-color)}.monitoring-dashboard .stat-card--up .stat-value{color:#10b981}.monitoring-dashboard .stat-card--down .stat-value{color:#ef4444}.monitoring-dashboard .stat-card--uptime .stat-value{color:var(--primary-color)}.monitors-list>.empty-state{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary-color) 8%,#0000),#0000 54%);border:1px dashed color-mix(in srgb,var(--primary-color) 28%,var(--border-color));border-radius:16px;box-sizing:border-box;grid-column:1/-1;min-height:320px;padding:48px 24px}.monitors-list>.empty-state .empty-icon{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:16px;box-sizing:initial;color:var(--primary-color);height:52px;margin-bottom:14px;opacity:1;padding:14px;width:52px}.monitors-list>.empty-state h3{font-size:1.05rem;font-weight:650}.monitors-list>.empty-state p{line-height:1.55;max-width:40ch}@media (max-width:680px){.monitors-list>.empty-state{min-height:260px;padding:36px 20px}}.monitors-list{gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.monitor-card{background:var(--card-bg);border-color:color-mix(in srgb,var(--border-color) 86%,#0000);border-radius:14px;box-shadow:0 8px 24px color-mix(in srgb,#000 10%,#0000);display:flex;flex-direction:column;gap:16px;min-width:0;padding:16px}.monitor-card:hover{border-color:color-mix(in srgb,var(--primary-color) 52%,var(--border-color));box-shadow:0 12px 30px color-mix(in srgb,#000 16%,#0000);transform:translateY(-2px)}.monitor-header{align-items:stretch;display:flex;flex-direction:column;gap:14px;margin:0}.monitor-status{gap:11px}.status-icon{flex:0 0 38px;height:38px;width:38px}.monitor-info h3{font-size:.9rem;font-weight:650;letter-spacing:-.01em;margin:0 0 6px}.monitor-url{border-radius:6px;font-size:.68rem;line-height:1.25;margin:0;max-width:100%;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.monitor-actions{border-top:1px solid var(--border-color);gap:10px;justify-content:flex-end;padding-top:12px}.monitor-card .action-btn{background:color-mix(in srgb,var(--background-color) 60%,var(--card-bg));border-radius:8px;height:30px;padding:0;width:30px}.monitor-card .action-btn svg{height:14px;width:14px}.monitor-metrics{grid-gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:10px;display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;overflow:hidden}.metric{background:var(--card-bg);gap:5px;min-width:0;padding:11px 12px}.metric:nth-child(5){align-items:center;display:flex;flex-direction:row;grid-column:1/-1;justify-content:space-between}.metric-label{font-size:.61rem;font-weight:700;letter-spacing:.09em}.metric-value{font-size:.82rem;font-weight:650;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.metric-status-value{font-size:.72rem;letter-spacing:.03em}.monitor-tags{gap:6px;margin-top:-4px}.tag{border-radius:999px;font-size:.68rem;padding:3px 7px}.monitor-actions{align-self:flex-end;background:#0000;border:0;border-radius:0;box-shadow:none;flex-wrap:wrap;padding:0;width:-webkit-fit-content;width:fit-content}.monitor-card .action-btn{background:color-mix(in srgb,var(--background-color) 52%,var(--card-bg));border:1px solid color-mix(in srgb,var(--border-color) 88%,#0000);border-radius:9px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 3%,#0000);box-sizing:border-box;color:var(--text-secondary);flex:0 0 31px;height:31px;width:31px}.monitor-card .action-btn:hover{background:color-mix(in srgb,var(--primary-color) 13%,#0000);border-color:color-mix(in srgb,var(--primary-color) 44%,var(--border-color));color:var(--primary-color);transform:none}.monitor-card .action-btn.delete:hover{background:color-mix(in srgb,#ef4444 13%,#0000);color:#ef4444}@media (max-width:680px){.monitors-list{grid-template-columns:1fr}}@media (max-width:380px){.monitor-card{padding:14px}.monitor-metrics{grid-template-columns:1fr}.metric:nth-child(5){grid-column:auto}}.monitor-card{gap:14px}.monitor-header{gap:12px}.monitor-actions{border-top:0;padding-top:0}.monitor-metrics{background:#0000;border:0;border-radius:0;gap:8px;overflow:visible}.metric{background:color-mix(in srgb,var(--background-color) 48%,var(--card-bg));border-radius:10px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 3%,#0000);justify-content:center;min-height:58px;padding:10px 11px}.metric:nth-child(5){background:color-mix(in srgb,var(--primary-color) 7%,var(--card-bg));min-height:38px;padding:8px 11px}.metric-label{opacity:.82}.mh-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mh-title-row h1{margin:0}.monitor-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.monitor-url{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--ws-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace)}.mh-copy-btn{align-items:center;background:var(--background-color);background:var(--ws-inset,var(--background-color));border:1px solid var(--ws-hairline,var(--border-color));border-radius:var(--radius-sm);border-radius:var(--ws-radius-btn,var(--radius-sm));color:var(--text-secondary);cursor:pointer;display:inline-flex;height:26px;justify-content:center;transition:all .12s ease;transition:all var(--dur-fast,.12s) ease;width:26px}.mh-copy-btn:hover{border-color:color-mix(in srgb,var(--ws-accent,var(--primary-color)) 45%,var(--ws-hairline,var(--border-color)));color:var(--primary-color);color:var(--ws-accent,var(--primary-color))}.monitor-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:7px;letter-spacing:.02em;padding:5px 14px 5px 11px}.monitor-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:7px;width:7px}.monitor-status.status-up{background:color-mix(in srgb,var(--success-color) 15%,#0000);border-color:color-mix(in srgb,var(--success-color) 30%,#0000);color:var(--success-color)}.monitor-status.status-up .monitor-status-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--success-color) 20%,#0000)}.monitor-status.status-down{background:color-mix(in srgb,var(--danger-color) 15%,#0000);border-color:color-mix(in srgb,var(--danger-color) 30%,#0000);color:var(--danger-color)}.monitor-status.status-down .monitor-status-dot{animation:mhPulse 1.6s ease-in-out infinite;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-color) 20%,#0000)}.monitor-status.status-degraded{background:color-mix(in srgb,var(--warning-color) 18%,#0000);border-color:color-mix(in srgb,var(--warning-color) 32%,#0000);color:var(--warning-color)}@keyframes mhPulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.monitor-status.status-down .monitor-status-dot{animation:none}}.history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.time-range-selector{background:var(--background-color);background:var(--ws-inset,var(--background-color));border:1px solid var(--ws-hairline,var(--border-color));border-radius:var(--radius-sm);border-radius:var(--ws-radius-btn,var(--radius-sm));height:36px;padding:0 10px;transition:all .12s ease;transition:all var(--dur-fast,.12s) ease}.time-range-selector:hover{border-color:color-mix(in srgb,var(--ws-accent,var(--primary-color)) 45%,var(--ws-hairline,var(--border-color)))}.filter-icon{color:var(--text-secondary);flex-shrink:0}.time-range-select{min-width:140px;width:auto}.time-range-select .app-select-trigger{background:#0000!important;border:none!important;height:auto!important;padding:0!important}.spinning{animation:spin 1s linear infinite}.history-stats .stat-card{align-items:center;display:flex;gap:14px}.history-stats .stat-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,#0000);background:color-mix(in srgb,var(--ws-accent,var(--primary-color)) 12%,#0000);border-radius:12px;border-radius:var(--ws-radius-sm,var(--radius-md,12px));color:var(--primary-color);color:var(--ws-accent,var(--primary-color));display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.history-stats .stat-body{min-width:0}.history-stats .stat-label{color:var(--text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.history-stats .stat-label,.history-stats .stat-value{font-family:monospace;font-family:var(--ws-mono,monospace)}.history-stats .stat-value{color:var(--text-color);font-size:1.6rem;font-weight:650}.availability-strip-panel{margin-bottom:16px;margin-top:16px}.availability-strip-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.availability-strip-title{color:var(--text-color);font-size:.95rem;font-weight:650}.availability-legend{display:flex;gap:16px}.legend-item{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.75rem;gap:6px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot.success{background:var(--success-color)}.legend-dot.failure{background:var(--danger-color)}.legend-dot.unknown{background:var(--warning-color)}.availability-strip{display:flex;gap:3px;height:32px}.availability-bar{border-radius:3px;cursor:help;flex:1 1;max-width:18px;transition:transform .12s ease;transition:transform var(--dur-fast,.12s) ease}.availability-bar:hover{transform:scaleY(1.1)}.availability-bar.status-success{background:color-mix(in srgb,var(--success-color) 70%,#0000)}.availability-bar.status-failure{background:color-mix(in srgb,var(--danger-color) 70%,#0000)}.availability-bar.status-timeout{background:color-mix(in srgb,var(--warning-color) 70%,#0000)}.availability-bar.status-unknown{background:color-mix(in srgb,var(--text-secondary) 40%,#0000)}.availability-bar.status-empty{background:color-mix(in srgb,var(--text-secondary) 12%,#0000);cursor:default}.availability-bar.status-empty:hover{transform:none}.status-cell{align-items:center;display:flex}.history-table .status-cell .status-icon{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;flex:0 1 auto;font-size:.72rem;font-weight:600;gap:7px;height:auto;letter-spacing:.02em;line-height:1;padding:4px 11px 4px 9px;text-transform:capitalize;width:auto}.history-table .status-cell .status-icon:before{background:currentColor;border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,#0000);content:"";flex-shrink:0;height:7px;width:7px}.history-table .status-cell .status-icon.success{background:color-mix(in srgb,var(--success-color) 12%,#0000);border-color:color-mix(in srgb,var(--success-color) 28%,#0000);color:var(--success-color)}.history-table .status-cell .status-icon.failure{background:color-mix(in srgb,var(--danger-color) 12%,#0000);border-color:color-mix(in srgb,var(--danger-color) 28%,#0000);color:var(--danger-color)}.history-table .status-cell .status-icon.timeout{background:color-mix(in srgb,var(--warning-color) 14%,#0000);border-color:color-mix(in srgb,var(--warning-color) 30%,#0000);color:var(--warning-color)}.history-table .status-cell .status-icon.unknown{background:color-mix(in srgb,var(--text-secondary) 12%,#0000);border-color:color-mix(in srgb,var(--text-secondary) 26%,#0000);color:var(--text-secondary)}.status-text{display:none}.history-table-container.ws-panel{background:#0000;border:none;box-shadow:none;padding:0}.history-table.ws-table,.history-table.ws-table tbody,.history-table.ws-table thead{display:block}.history-table.ws-table tbody tr,.history-table.ws-table thead tr{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:132px 1.6fr .85fr 1.3fr 1.8fr auto}.history-table.ws-table thead tr{background:#0000;border-bottom:1px solid var(--ws-hairline,var(--border-color));margin-bottom:12px;padding:0 20px 12px}.history-table.ws-table thead th{background:#0000;border:none;padding:0}.history-table.ws-table tbody tr{background:var(--card-bg);background:var(--ws-surface,var(--card-bg));border:1px solid var(--ws-hairline,var(--border-color));border-radius:12px;border-radius:var(--ws-radius-sm,var(--radius-md,12px));margin-bottom:10px;padding:16px 20px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;transition:transform var(--dur-fast,.12s) var(--ease-out,ease),border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.history-table.ws-table tbody tr:hover{border-color:color-mix(in srgb,var(--ws-accent,var(--primary-color)) 45%,var(--ws-hairline,var(--border-color)));box-shadow:0 8px 22px color-mix(in srgb,var(--primary-color) 12%,#0000);box-shadow:0 8px 22px color-mix(in srgb,var(--ws-accent,var(--primary-color)) 12%,#0000);transform:translateY(-2px)}.history-table.ws-table tbody tr:hover td{background:#0000}.history-table.ws-table tbody td{border:none;min-width:0;padding:0}.response-time-cell,.result-cell,.timestamp-cell{font-family:monospace;font-family:var(--ws-mono,monospace);font-size:.85rem}.result-cell{color:var(--text-color)}.diagnostic-cell{color:var(--text-secondary);min-width:0}.diagnostic-message{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family:monospace;font-family:var(--ws-mono,monospace);font-size:.78rem;line-height:1.5;max-width:100%;overflow:hidden;white-space:normal;word-break:break-word}.mh-view-error-btn{align-items:center;background:#0000;border:1px solid var(--ws-hairline,var(--border-color));border-radius:var(--radius-sm);border-radius:var(--ws-radius-btn,var(--radius-sm));color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) ease;white-space:nowrap}.mh-view-error-btn:after{content:"→"}.mh-view-error-btn:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);background:color-mix(in srgb,var(--ws-accent,var(--primary-color)) 10%,#0000);border-color:color-mix(in srgb,var(--ws-accent,var(--primary-color)) 45%,var(--ws-hairline,var(--border-color)));color:var(--primary-color);color:var(--ws-accent,var(--primary-color))}.error-cell{min-width:0}.error-cell .error-message,.history-table.ws-table tbody tr td.error-cell .error-message{-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;background:#0000!important;border:none!important;border-left:2px solid color-mix(in srgb,var(--danger-color) 55%,#0000)!important;border-radius:0!important;box-shadow:none!important;color:var(--text-secondary)!important;cursor:help!important;display:-webkit-box!important;font-family:monospace!important;font-family:var(--ws-mono,monospace)!important;font-size:.78rem!important;font-weight:400!important;justify-content:flex-start!important;line-height:1.5!important;margin:0!important;max-width:100%!important;overflow:hidden!important;padding:0 0 0 10px!important;text-align:left!important;white-space:normal!important;word-break:break-word!important}.error-cell .error-none{color:var(--text-secondary);font-family:monospace;font-family:var(--ws-mono,monospace);font-size:.85rem}.mh-overlay{align-items:center;animation:mhOverlayIn .16s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--background-color) 70%,#0000);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes mhOverlayIn{0%{opacity:0}to{opacity:1}}.mh-overlay-card{animation:mhCardIn .22s cubic-bezier(.16,1,.3,1) both;background:var(--card-bg);background:var(--ws-surface,var(--card-bg));border:1px solid var(--ws-hairline,var(--border-color));border-radius:12px;border-radius:var(--ws-radius-sm,var(--radius-md,12px));box-shadow:0 24px 60px #00000059;max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;position:relative;width:min(560px,100%)}@keyframes mhCardIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mh-overlay-close{align-items:center;background:var(--background-color);background:var(--ws-inset,var(--background-color));border:none;border-radius:var(--radius-sm);border-radius:var(--ws-radius-btn,var(--radius-sm));color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .12s ease;transition:all var(--dur-fast,.12s) ease;width:30px}.mh-overlay-close:hover{background:var(--border-color);background:var(--ws-hairline,var(--border-color));color:var(--text-color)}.mh-overlay-card h3{color:var(--text-color);font-size:1.15rem;font-weight:650;margin:0 0 16px;padding-right:30px}.mh-overlay-meta{align-items:center;border-bottom:1px solid var(--ws-hairline,var(--border-color));color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:monospace;font-family:var(--ws-mono,monospace);font-size:.8rem;gap:10px;margin-bottom:18px;padding-bottom:14px}.mh-overlay-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:600;gap:7px;letter-spacing:.02em;line-height:1;padding:4px 11px 4px 9px;text-transform:capitalize}.mh-overlay-status:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.mh-overlay-status.success{background:color-mix(in srgb,var(--success-color) 12%,#0000);border-color:color-mix(in srgb,var(--success-color) 28%,#0000);color:var(--success-color)}.mh-overlay-status.failure{background:color-mix(in srgb,var(--danger-color) 12%,#0000);border-color:color-mix(in srgb,var(--danger-color) 28%,#0000);color:var(--danger-color)}.mh-overlay-status.timeout{background:color-mix(in srgb,var(--warning-color) 14%,#0000);border-color:color-mix(in srgb,var(--warning-color) 30%,#0000);color:var(--warning-color)}.mh-overlay-status.unknown{background:color-mix(in srgb,var(--text-secondary) 12%,#0000);border-color:color-mix(in srgb,var(--text-secondary) 26%,#0000);color:var(--text-secondary)}.mh-overlay-field{margin-bottom:16px}.mh-overlay-field label{color:var(--text-secondary);display:block;font-size:.68rem;font-weight:600;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.mh-overlay-field p{color:var(--text-color);font-size:.9rem;line-height:1.5;margin:0;word-break:break-word}.mh-overlay-diagnostic{color:var(--danger-color)!important}.mh-overlay-diagnostic,.mh-overlay-raw{font-family:monospace;font-family:var(--ws-mono,monospace)}.mh-overlay-raw{background:var(--background-color);background:var(--ws-inset,var(--background-color));border:1px solid var(--ws-hairline,var(--border-color));border-radius:var(--radius-sm);border-radius:var(--ws-radius-btn,var(--radius-sm));color:var(--text-secondary);font-size:.78rem;line-height:1.5;margin:0;max-height:220px;overflow-y:auto;padding:14px;white-space:pre-wrap;word-break:break-word}@media (prefers-reduced-motion:reduce){.mh-overlay,.mh-overlay-card{animation:none}}@media (max-width:900px){.history-table.ws-table thead{display:none}.history-table.ws-table tbody tr{gap:8px 12px;grid-template-columns:1fr auto}.diagnostic-cell{grid-column:1/-1}.action-cell{grid-column:2/-1;justify-self:end}}@media (max-width:768px){.history-controls{align-items:stretch;flex-direction:column}}@keyframes rptFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rpt-root{background:var(--background-color);min-height:100vh;overflow-x:hidden;padding:24px}.rpt-header{align-items:flex-start;animation:rptFadeInUp .35s ease both;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.rpt-header-left{align-items:center;display:flex;gap:14px;min-width:0}.rpt-header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.rpt-header-info h1{align-items:center;color:var(--text-color);display:flex;font-size:1.6rem;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0 0 4px}.rpt-header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.rpt-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.rpt-btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #014c7540;transform:translateY(-1px)}.rpt-btn-primary:active{transform:translateY(0) scale(.97)}.rpt-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.rpt-btn-secondary{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.rpt-btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.rpt-btn-secondary:active{transform:translateY(0) scale(.97)}.rpt-btn-secondary.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.rpt-root .rpt-nav{animation:rptFadeInUp .35s ease both;animation-delay:.05s;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.rpt-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.rpt-nav-btn svg{flex-shrink:0;height:16px;width:16px}.rpt-nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.rpt-nav-btn:active{transform:scale(.97)}.rpt-nav-btn.active{background:var(--primary-color);color:#fff}.rpt-templates{animation:rptFadeInUp .35s ease both;animation-delay:.1s;margin-bottom:32px}.rpt-templates>h3{color:var(--text-color);font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:0 0 16px;text-transform:uppercase}.rpt-templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rpt-template-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:18px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.rpt-template-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.rpt-template-icon{align-items:center;background:#014c751a;border-radius:10px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:42px;justify-content:center;width:42px}.rpt-template-content h4{color:var(--text-color);font-size:.95rem;font-weight:700;margin:0 0 6px}.rpt-template-content p{color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin:0 0 10px}.rpt-template-meta{display:flex;flex-wrap:wrap;gap:8px}.rpt-template-meta span{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border-radius:99px;color:var(--text-secondary);font-size:.7rem;font-weight:600;padding:2px 9px;text-transform:capitalize}.rpt-template-card .rpt-btn-secondary{align-self:flex-start;font-size:.82rem;min-height:36px;padding:8px 16px}.rpt-layout{grid-gap:24px;animation:rptFadeInUp .35s ease both;animation-delay:.15s;display:grid;gap:24px;grid-template-columns:380px 1fr;min-height:calc(100vh - 260px)}.rpt-list-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.rpt-list-head{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 20px}.rpt-list-head h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.rpt-count{background:var(--hover-bg);background:var(--surface-elevated,var(--hover-bg));border-radius:99px;color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:2px 10px}.rpt-items{flex:1 1;overflow-y:auto;padding:12px}.rpt-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px;text-align:center}.rpt-empty-icon{color:var(--text-secondary);font-size:3.5rem;margin-bottom:16px;opacity:.3}.rpt-empty h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.rpt-empty p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 18px;max-width:280px}.rpt-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;margin-bottom:10px;padding:16px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.rpt-item:last-child{margin-bottom:0}.rpt-item:hover{background:var(--hover-bg);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.rpt-item.active,.rpt-item:hover{border-color:var(--primary-color)}.rpt-item.active{background:#014c7514;box-shadow:0 0 0 1px var(--primary-color)}.rpt-item-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.rpt-item-head h4{color:var(--text-color);font-size:.875rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.rpt-badge,.rpt-item-head h4{font-weight:600;white-space:nowrap}.rpt-badge{border-radius:99px;flex-shrink:0;font-size:.7rem;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.rpt-badge.active{background:#10b9811f;color:#10b981}.rpt-badge.inactive{background:#6b72801f;color:#6b7280}.rpt-meta{display:flex;flex-wrap:wrap;gap:6px 14px}.rpt-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:6px}.rpt-meta-item svg{flex-shrink:0;height:13px;width:13px}.rpt-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.rpt-detail-content{display:flex;flex-direction:column;height:100%}.rpt-detail-head{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.rpt-detail-info{align-items:center;display:flex;gap:14px;min-width:0}.rpt-detail-info h2{color:var(--text-color);font-size:1.35rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpt-detail-actions{display:flex;flex-shrink:0;gap:10px}.rpt-detail-body{flex:1 1;overflow-y:auto;padding:24px}.rpt-section{margin-bottom:28px}.rpt-section:last-child{margin-bottom:0}.rpt-section h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin:0 0 14px;padding-bottom:8px;text-transform:uppercase}.rpt-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.rpt-info-item{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.rpt-info-item label{color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rpt-info-item span{color:var(--text-color);font-size:.875rem;font-weight:500}.rpt-section>p{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:.9rem;line-height:1.6;margin:0;padding:10px 14px}.rpt-recipients{display:flex;flex-direction:column;gap:8px}.rpt-recipient{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;transition:border-color .15s ease}.rpt-recipient:hover{border-color:var(--primary-color)}.rpt-recipient-info{align-items:center;display:flex;gap:10px}.rpt-recipient-email{color:var(--text-color);font-size:.875rem;font-weight:500}.rpt-recipient-format{background:#014c7514;border-radius:4px;color:var(--primary-color);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2px 8px}.rpt-content-options{display:flex;flex-wrap:wrap;gap:10px}.rpt-content-item{align-items:center;background:#10b9810f;border:1px solid #10b98133;border-radius:8px;color:#10b981;display:flex;font-size:.82rem;font-weight:600;gap:8px;padding:10px 14px}.rpt-content-item svg{flex-shrink:0}.rpt-no-selection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:40px;text-align:center}.rpt-no-selection h3{color:var(--text-color);font-size:1.15rem;font-weight:600;margin:0 0 8px}.rpt-no-selection p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:320px}.rpt-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.rpt-loading-content{align-items:center;display:flex;flex-direction:column;text-align:center}.rpt-loading-icon{animation:rptPulse 2s ease-in-out infinite;color:var(--primary-color);font-size:3rem;margin-bottom:16px}@keyframes rptPulse{0%,to{opacity:1}50%{opacity:.5}}.rpt-overlay{align-items:center;animation:rptFadeIn .2s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes rptFadeIn{0%{opacity:0}to{opacity:1}}.rpt-modal{animation:rptSlideUp .3s cubic-bezier(.22,1,.36,1) both;animation:rptSlideUp .3s var(--ease-spring,cubic-bezier(.22,1,.36,1)) both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 60px -12px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}@keyframes rptSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.rpt-modal-head{align-items:center;background:linear-gradient(180deg,var(--hover-bg) 0,var(--card-bg) 100%);background:linear-gradient(180deg,var(--surface-elevated,var(--hover-bg)) 0,var(--card-bg) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 26px 18px;position:relative}.rpt-modal-head:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.rpt-modal-head h2{color:var(--text-color);font-size:1.25rem;font-weight:700;margin:0}.rpt-modal-close{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;width:36px}.rpt-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.rpt-modal-close:active{transform:scale(.9)}.rpt-form{flex:1 1;overflow-y:auto;padding:24px 26px}.rpt-form-section{animation:rptFadeInUp .3s ease both;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:12px;margin-bottom:22px;padding:20px;transition:border-color .2s ease}.rpt-form-section:last-of-type{margin-bottom:0}.rpt-form-section:hover{border-color:#014c7540}.rpt-form-section h4{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.04em;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.rpt-form-section h4:before{background:var(--primary-color);border-radius:2px;content:"";height:14px;width:3px}.rpt-field{margin-bottom:16px}.rpt-field:last-child{margin-bottom:0}.rpt-field>label{color:var(--text-color);display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.rpt-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rpt-form-row .rpt-field{margin-bottom:0;min-width:0}.rpt-recipient-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 120px 40px;margin-bottom:8px}.rpt-remove-btn{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;padding:10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.rpt-remove-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.rpt-add-recipient{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 14px;transition:border-color .15s ease,background .15s ease}.rpt-add-recipient:hover{background:#014c750a;border-color:var(--primary-color)}.rpt-checkbox-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rpt-checkbox-label{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:11px 14px;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.rpt-checkbox-label:hover{border-color:#014c754d}.rpt-checkbox-label:has(input:checked){background:#014c750f;border-color:var(--primary-color);color:var(--primary-color)}.rpt-form-actions{display:flex;gap:12px;justify-content:flex-end;padding:18px 0 4px}.rpt-form .rpt-form-section:first-child{animation-delay:.05s}.rpt-form .rpt-form-section:nth-child(2){animation-delay:.1s}.rpt-form .rpt-form-section:nth-child(3){animation-delay:.15s}.rpt-form .rpt-form-section:nth-child(4){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.rpt-form-section,.rpt-header,.rpt-item,.rpt-layout,.rpt-loading-icon,.rpt-modal,.rpt-overlay,.rpt-root .rpt-nav,.rpt-templates{animation:none}}@media (max-width:900px){.rpt-layout{grid-template-columns:1fr}}@media (max-width:768px){.rpt-root{padding:16px}.rpt-header{align-items:stretch;flex-direction:column;gap:16px}.rpt-form-row,.rpt-templates-grid{grid-template-columns:1fr}.rpt-form-row{gap:12px}.rpt-recipient-row{gap:8px;grid-template-columns:1fr}.rpt-recipient-row .rpt-remove-btn{width:-webkit-fit-content;width:fit-content}.rpt-detail-head{align-items:stretch;flex-direction:column;gap:14px}.rpt-detail-actions{justify-content:flex-end}.rpt-info-grid{grid-template-columns:1fr}.rpt-modal{border-radius:12px;max-height:95vh;max-width:95vw}.rpt-form{padding:20px}.rpt-form-actions{flex-direction:column}.rpt-form-actions .rpt-btn-primary,.rpt-form-actions .rpt-btn-secondary{justify-content:center;width:100%}}@keyframes tmFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tm-root{background:var(--background-color);min-height:100vh;overflow-x:hidden;padding:24px}.tm-header{align-items:flex-start;animation:tmFadeInUp .35s ease both;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.tm-header-left{align-items:center;display:flex;gap:14px;min-width:0}.tm-header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.tm-header .tm-header-info h1{align-items:center;color:var(--text-color);display:flex;font-size:1.6rem;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0 0 4px}.tm-header .tm-header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.tm-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.tm-btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #014c7540;transform:translateY(-1px)}.tm-btn-primary:active{transform:translateY(0) scale(.97)}.tm-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.tm-btn-secondary{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.tm-btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.tm-btn-secondary:active{transform:translateY(0) scale(.97)}.tm-btn-danger{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:9px 16px;transition:background .15s ease,transform .15s ease}.tm-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.tm-btn-danger:active{transform:scale(.97)}.tm-root .tm-nav{animation:tmFadeInUp .35s ease both;animation-delay:.05s;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.tm-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.tm-nav-btn svg{flex-shrink:0;height:16px;width:16px}.tm-nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.tm-nav-btn:active{transform:scale(.97)}.tm-nav-btn.active{background:var(--primary-color);color:#fff}.tm-layout{grid-gap:24px;animation:tmFadeInUp .35s ease both;animation-delay:.1s;display:grid;gap:24px;grid-template-columns:300px 1fr;min-height:calc(100vh - 260px)}.tm-sidebar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow-y:auto;padding:18px}.tm-sidebar h3{color:var(--text-color);font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase}.tm-list{flex-direction:column}.tm-item,.tm-list{display:flex;gap:8px}.tm-item{align-items:center;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;justify-content:space-between;padding:12px 14px;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.tm-item:hover{background:var(--hover-bg);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.tm-item.active,.tm-item:hover{border-color:var(--primary-color)}.tm-item.active{background:#014c7514;box-shadow:0 0 0 1px var(--primary-color)}.tm-item .tm-item-info{min-width:0}.tm-item .tm-item-info h4{color:var(--text-color);font-size:.875rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-item .tm-item-info p{color:var(--text-secondary);font-size:.72rem;margin:0}.tm-item-role .tm-role-icon{flex-shrink:0;font-size:16px}.tm-role-icon.admin{color:#e74c3c}.tm-role-icon.editor{color:#f39c12}.tm-role-icon.viewer{color:#27ae60}.tm-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.tm-detail-content{display:flex;flex-direction:column;height:100%;overflow-y:auto}.tm-detail-head{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:22px 24px}.tm-detail-head .tm-team-info{min-width:0}.tm-detail-head .tm-team-info h2{color:var(--text-color);font-size:1.4rem;font-weight:700;margin:0 0 6px}.tm-detail-head .tm-team-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.tm-detail-actions{display:flex;flex-shrink:0;gap:10px}.tm-stats{grid-gap:16px;border-bottom:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:22px 24px}.tm-stat-card{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:10px;display:flex;gap:14px;padding:14px 16px;transition:border-color .15s ease,transform .15s ease}.tm-stat-card:hover{border-color:var(--primary-color);transform:translateY(-1px)}.tm-stat-icon{align-items:center;background:#014c751a;border-radius:9px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.tm-stat-content{flex:1 1;min-width:0}.tm-stat-value{font-feature-settings:"tnum";color:var(--text-color);display:block;font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.tm-stat-label{color:var(--text-secondary);display:block;font-size:.72rem;letter-spacing:.03em;margin-top:4px;text-transform:uppercase}.tm-members{padding:22px 24px}.tm-members h3{color:var(--text-color);font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase}.tm-members-list{display:flex;flex-direction:column;gap:10px}.tm-member{grid-gap:16px;align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr auto auto;min-width:0;padding:14px 16px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.tm-member:hover{background:var(--card-bg);border-color:#014c7559;box-shadow:0 4px 14px #0000000d;transform:translateY(-1px)}.tm-member-info{align-items:center;display:flex;flex:1 1 auto;gap:14px;min-width:200px}.tm-member-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 60%,#6cb8d4) 100%);border:2px solid var(--card-bg);border-radius:50%;box-shadow:0 2px 6px #014c7538;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:44px;justify-content:center;text-transform:uppercase;width:44px}.tm-member-details{flex:1 1;min-width:0}.tm-member-details h4{color:var(--text-color);font-size:.92rem;font-weight:600;letter-spacing:-.005em;margin:0 0 2px}.tm-member-details h4,.tm-member-details p{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-member-details p{color:var(--text-secondary);font-size:.76rem;margin:0}.tm-member-role{align-items:center;display:flex;flex:0 0 auto;gap:8px}.tm-role-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.tm-role-badge--admin{background:#ef44441f;border-color:#ef44444d;color:#dc2626}.tm-role-badge--owner{background:#a855f71f;border-color:#a855f74d;color:#7c3aed}.tm-role-badge--editor{background:#f59e0b1f;border-color:#f59e0b4d;color:#b45309}.tm-role-badge--viewer{background:#22c55e1f;border-color:#22c55e4d;color:#15803d}.tm-role-select{border-radius:8px;flex:1 1;font-size:.82rem;min-width:110px;padding:7px 32px 7px 12px}.tm-member-actions{display:flex;flex-shrink:0;gap:6px}.tm-action-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.tm-action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-color);transform:translateY(-1px)}.tm-action-btn:active{transform:scale(.92)}.tm-action-btn.remove:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.tm-no-selection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:40px;text-align:center}.tm-empty-icon{color:var(--text-secondary);font-size:3.5rem;margin-bottom:16px;opacity:.3}.tm-no-selection h3{color:var(--text-color);font-size:1.15rem;font-weight:600;margin:0 0 8px}.tm-no-selection p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:320px}.tm-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.tm-spinner{animation:tmSpin .8s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:36px;margin-bottom:16px;width:36px}.tm-error{align-items:center;animation:tmFadeInUp .25s ease both;background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#ef4444;display:flex;font-size:.875rem;gap:12px;margin-bottom:24px;padding:12px 16px}.tm-error button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:500;margin-left:auto;padding:4px 14px;transition:background .15s ease}.tm-error button:hover{background:#dc2626}.tm-overlay{align-items:center;animation:tmFadeIn .2s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes tmFadeIn{0%{opacity:0}to{opacity:1}}.tm-modal{animation:tmSlideUp .3s cubic-bezier(.22,1,.36,1) both;animation:tmSlideUp .3s var(--ease-spring,cubic-bezier(.22,1,.36,1)) both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 60px -12px #0000004d;display:flex;flex-direction:column;max-height:88vh;max-width:560px;overflow:hidden;width:100%}@keyframes tmSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tm-modal-head{align-items:center;background:linear-gradient(180deg,var(--hover-bg) 0,var(--card-bg) 100%);background:linear-gradient(180deg,var(--surface-elevated,var(--hover-bg)) 0,var(--card-bg) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 26px 18px;position:relative}.tm-modal-head:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tm-modal-head h2{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0}.tm-modal-head h2 svg{color:var(--primary-color);flex-shrink:0}.tm-modal-close{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;width:36px}.tm-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.tm-modal-close:active{transform:scale(.9)}.tm-modal-body{flex:1 1;overflow-y:auto;padding:24px 26px}.tm-modal-foot{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:18px 26px 22px}.tm-field{margin-bottom:18px}.tm-field:last-child{margin-bottom:0}.tm-field>label{color:var(--text-color);display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.tm-role-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tm-role-chip{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:7px;padding:9px 14px;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .1s ease}.tm-role-chip:hover{background:var(--hover-bg);border-color:#014c7566;color:var(--text-color);transform:translateY(-1px)}.tm-role-chip:active{transform:scale(.97)}.tm-role-chip.selected{background:#014c7514;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);color:var(--primary-color)}.tm-role-chip svg{font-size:14px}.tm-settings-section{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:12px;margin-bottom:22px;padding:18px}.tm-settings-section:last-child{margin-bottom:0}.tm-settings-section h3{color:var(--text-color);font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase}.tm-permissions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tm-permission-item,.tm-permission-item label{align-items:center;display:flex}.tm-permission-item label{color:var(--text-color);cursor:default;font-size:.875rem;font-weight:500;gap:10px}.tm-permission-item input[type=checkbox]{cursor:default;margin:0}.tm-danger-zone{background:#ef44440a!important;border-color:#ef444466!important}.tm-danger-zone h3{color:#dc2626}.tm-danger-actions{display:flex;gap:12px}.tm-modal-body .tm-field,.tm-modal-body .tm-settings-section{animation:tmFadeInUp .3s ease both}.tm-modal-body>.tm-field:first-child{animation-delay:.05s}.tm-modal-body>.tm-field:nth-child(2){animation-delay:.1s}.tm-modal-body>.tm-field:nth-child(3){animation-delay:.15s}.tm-modal-body>.tm-settings-section:first-child{animation-delay:.1s}.tm-modal-body>.tm-settings-section:nth-child(2){animation-delay:.15s}.tm-modal-body>.tm-settings-section:nth-child(3){animation-delay:.2s}.tm-modal-body>.tm-settings-section:nth-child(4){animation-delay:.25s}@keyframes tmSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.tm-error,.tm-header,.tm-item,.tm-layout,.tm-modal,.tm-modal-body .tm-field,.tm-modal-body .tm-settings-section,.tm-overlay,.tm-root .tm-nav{animation:none}.tm-spinner{animation:tmSpin 1.5s linear infinite}}@media (max-width:768px){.tm-root{padding:16px}.tm-layout{gap:16px;grid-template-columns:1fr}.tm-header{align-items:stretch;flex-direction:column;gap:16px}.tm-stats{gap:12px;grid-template-columns:1fr}.tm-member{gap:12px;grid-template-columns:1fr auto}.tm-member-info{grid-column:1/-1}.tm-member-role{min-width:0}.tm-member-actions{justify-self:end}.tm-detail-head{align-items:stretch;flex-direction:column;gap:14px}.tm-detail-actions{justify-content:flex-end}.tm-modal{border-radius:12px;max-height:95vh;max-width:95vw}.tm-modal-body,.tm-modal-foot,.tm-modal-head{padding-left:20px;padding-right:20px}.tm-modal-foot{flex-direction:column;gap:10px}.tm-modal-foot .tm-btn-primary,.tm-modal-foot .tm-btn-secondary{justify-content:center;width:100%}}@keyframes imFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.im-root{background:var(--background-color);min-height:100vh;overflow-x:hidden;padding:24px}.im-header{align-items:flex-start;animation:imFadeInUp .35s ease both;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.im-header-left{align-items:center;display:flex;gap:14px;min-width:0}.im-header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.im-header .im-header-info h1{align-items:center;color:var(--text-color);display:flex;font-size:1.6rem;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0 0 4px}.im-header .im-header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.im-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.im-btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 25%,#0000);transform:translateY(-1px)}.im-btn-primary:active{transform:translateY(0) scale(.97)}.im-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.im-btn-secondary{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.im-btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.im-btn-secondary:active{transform:translateY(0) scale(.97)}.im-btn-secondary.small{font-size:.8rem;min-height:36px;padding:8px 12px}.im-root .im-nav{animation:imFadeInUp .35s ease both;animation-delay:.05s;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.im-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.im-nav-btn svg{flex-shrink:0;height:16px;width:16px}.im-nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.im-nav-btn:active{transform:scale(.97)}.im-nav-btn.active{background:var(--primary-color);color:#fff}.im-grid{grid-gap:24px;animation:imFadeInUp .35s ease both;animation-delay:.1s;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.im-type-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.im-type-card:hover{border-color:color-mix(in srgb,var(--primary-color) 30%,#0000);box-shadow:0 6px 18px #0000000f}.im-type-head{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border-bottom:1px solid var(--border-color);gap:12px;justify-content:space-between;padding:20px 22px}.im-type-head,.im-type-info{align-items:center;display:flex}.im-type-info{gap:14px;min-width:0}.im-type-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:11px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.im-type-info h3{color:var(--text-color);font-size:1rem;font-weight:700;margin:0 0 2px}.im-type-info p{color:var(--text-secondary);font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-type-badge{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-radius:99px;color:var(--primary-color);flex-shrink:0;font-size:.7rem;font-weight:600;padding:3px 10px;white-space:nowrap}.im-type-body{padding:14px 18px 18px}.im-item{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:14px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.im-item:last-child{margin-bottom:0}.im-item:hover{background:var(--hover-bg);border-color:var(--border-color);transform:translateY(-1px)}.im-item-info{align-items:center;display:flex;gap:12px;min-width:0}.im-item-status .im-status-icon{font-size:18px}.im-status-icon.enabled{color:#10b981}.im-status-icon.disabled{color:#6b7280}.im-item-details{min-width:0}.im-item-details h4{color:var(--text-color);font-size:.875rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-item-meta{color:var(--text-secondary);font-size:.72rem;margin:0}.im-item-actions{display:flex;flex-shrink:0;gap:6px}.im-action-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:7px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.im-action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-color);transform:translateY(-1px)}.im-action-btn:active{transform:scale(.92)}.im-action-btn:disabled{cursor:wait;opacity:.55}.im-action-btn:disabled:hover{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary);transform:none}.im-action-btn.test:hover{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-color:var(--primary-color);color:var(--primary-color)}.im-action-btn.test.success,.im-action-btn.test.success:focus,.im-action-btn.test.success:focus-visible,.im-action-btn.test.success:hover{background:#10b98129;border:0;border-radius:50%;box-shadow:none;color:#34d399;height:30px;outline:none;padding:0;width:30px}.im-action-btn.test.success:hover{background:#10b9813d;transform:translateY(-1px)}.im-action-btn.edit:hover{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.im-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.im-action-btn.toggle.enabled{background:#10b9811a;border-color:#10b981;color:#10b981}.im-action-btn.toggle.disabled{background:#6b728014;border-color:#6b7280;color:#6b7280}.im-test-icon.testing{animation:imSpin .8s linear infinite;color:var(--primary-color)}.im-test-icon.success{stroke-width:2.5;animation:imPop .3s ease;background:#0000;border:0;box-shadow:none;color:#10b981;font-size:1.05rem;outline:0}.im-test-icon.error{animation:imShake .4s ease;color:#ef4444}@keyframes imPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes imShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.im-empty-type{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1.5px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:28px 20px;text-align:center;transition:border-color .2s ease,background .2s ease}.im-empty-type:hover{background:color-mix(in srgb,var(--primary-color) 3%,#0000);border-color:color-mix(in srgb,var(--primary-color) 35%,#0000)}.im-empty-icon{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;font-size:22px;height:46px;justify-content:center;opacity:.55;transition:opacity .2s ease,color .2s ease;width:46px}.im-empty-type:hover .im-empty-icon{color:var(--primary-color);opacity:.85}.im-empty-type h4{color:var(--text-color);font-size:.92rem;font-weight:600;margin:4px 0 0}.im-empty-type p{color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin:0 0 6px;max-width:280px}.im-overlay{align-items:center;animation:imFadeIn .2s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes imFadeIn{0%{opacity:0}to{opacity:1}}.im-modal{animation:imSlideUp .3s cubic-bezier(.22,1,.36,1) both;animation:imSlideUp .3s var(--ease-spring,cubic-bezier(.22,1,.36,1)) both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 60px -12px #0000004d;display:flex;flex-direction:column;max-height:88vh;max-width:720px;overflow:hidden;width:100%}@keyframes imSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.im-modal-head{align-items:center;background:linear-gradient(180deg,var(--hover-bg) 0,var(--card-bg) 100%);background:linear-gradient(180deg,var(--surface-elevated,var(--hover-bg)) 0,var(--card-bg) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px 20px;position:relative}.im-modal-head:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.im-modal-head h2{align-items:center;color:var(--text-color);display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.im-modal-close{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;width:36px}.im-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.im-modal-close:active{transform:scale(.9)}.im-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.im-modal-foot{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:18px 28px 22px}.im-field{margin-bottom:18px}.im-field:last-child{margin-bottom:0}.im-field>label{color:var(--text-color);display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.im-modal-body>.im-field{margin-bottom:18px}.im-type-picker{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:4px}.im-type-chip{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 10px;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.im-type-chip:hover{background:var(--hover-bg);border-color:color-mix(in srgb,var(--primary-color) 40%,#0000);box-shadow:0 3px 10px #0000000f;transform:translateY(-2px)}.im-type-chip:active{transform:translateY(0) scale(.97)}.im-type-chip.selected{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.im-type-chip-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:9px;color:var(--primary-color);display:flex;font-size:18px;height:36px;justify-content:center;transition:background .15s ease,color .15s ease;width:36px}.im-type-chip.selected .im-type-chip-icon{background:var(--primary-color);color:#fff}.im-type-chip-name{color:var(--text-color);font-size:.78rem;font-weight:600;line-height:1.2}@media (max-width:480px){.im-type-picker{grid-template-columns:repeat(2,1fr)}}.im-config-section{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:12px;margin:24px 0;padding:22px}.im-config-section h3{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.04em;margin:0 0 18px;padding-bottom:12px;text-transform:uppercase}.im-config-section h3:before{background:var(--primary-color);border-radius:2px;content:"";height:16px;width:3px}.im-config-fields{grid-gap:16px 18px;display:grid;gap:16px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.im-config-fields .im-field{margin-bottom:0;min-width:0}.im-config-fields .im-field.im-checkbox-wrap,.im-config-fields .im-field.im-full,.im-config-fields .im-field:has(textarea){grid-column:1/-1}.im-field textarea{min-height:80px}.im-checkbox-wrap{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;display:flex;gap:8px;padding:12px 14px;transition:border-color .2s ease}.im-checkbox-wrap:hover{border-color:color-mix(in srgb,var(--primary-color) 30%,#0000)}.im-checkbox-wrap label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin-bottom:0;-webkit-user-select:none;user-select:none}.im-password{position:relative}.im-password input{padding-right:40px}.im-password-toggle{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .15s ease,background .15s ease}.im-password-toggle:hover{background:var(--hover-bg);color:var(--text-color)}.im-modal-body .im-config-section,.im-modal-body .im-field{animation:imFadeInUp .3s ease both}.im-modal-body>.im-field:first-child{animation-delay:.05s}.im-modal-body>.im-field:nth-child(2){animation-delay:.1s}.im-modal-body>.im-config-section{animation-delay:.15s}.im-modal-body>.im-field.im-checkbox-wrap{animation-delay:.2s}.im-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.im-spinner{animation:imSpin .8s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:36px;margin-bottom:16px;width:36px}@keyframes imSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.im-error{align-items:center;animation:imFadeInUp .25s ease both;background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#ef4444;display:flex;font-size:.875rem;gap:12px;margin-bottom:24px;padding:12px 16px}.im-error button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:500;margin-left:auto;padding:4px 14px;transition:background .15s ease}.im-error button:hover{background:#dc2626}.im-config-note{align-items:flex-start;animation:imFadeInUp .25s ease both;background:#e8f4fd;background:var(--surface-elevated,#e8f4fd);border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:10px;color:var(--text-color);display:flex;font-size:.86rem;gap:12px;line-height:1.55;margin-bottom:20px;padding:16px}.im-note-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,#0000);border:1px solid var(--border-color);border-radius:9px;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;width:34px}.im-config-note[data-integration=teams] .im-note-icon{background:#6264a71f}.im-config-note[data-integration=discord] .im-note-icon{background:#5865f21f}.im-config-note[data-integration=slack] .im-note-icon{background:#4a154b1a}.im-config-note[data-integration=jira] .im-note-icon{background:#0052cc1f}.im-config-note[data-integration=webhook] .im-note-icon{background:#4caf501f}.im-note-content{flex:1 1;min-width:0}.im-note-content strong{color:var(--text-color);font-weight:700}.im-note-content a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:-webkit-text-decoration .15s ease;transition:text-decoration .15s ease;transition:text-decoration .15s ease,-webkit-text-decoration .15s ease}.im-note-content a:hover{text-decoration:underline}.im-config-note[data-integration=teams]{border-left-color:#6264a7}.im-config-note[data-integration=discord]{border-left-color:#5865f2}.im-config-note[data-integration=slack]{border-left-color:#4a154b}.im-config-note[data-integration=jira]{border-left-color:#0052cc}.im-config-note[data-integration=webhook]{border-left-color:#4caf50}.im-config-note ol,.im-config-note ul{margin:8px 0;padding-left:20px}.im-config-note ol li,.im-config-note ul li{line-height:1.45;margin:6px 0}.im-config-note ol li strong{color:var(--primary-color)}.im-config-note code{background:#00000014;border-radius:4px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.78rem;padding:2px 6px}.dark-theme .im-config-note code{background:#ffffff1a}@media (prefers-reduced-motion:reduce){.im-config-note,.im-error,.im-grid,.im-header,.im-item,.im-modal,.im-modal-body .im-config-section,.im-modal-body .im-field,.im-overlay,.im-root .im-nav{animation:none}.im-test-icon.testing{animation:imSpin 1.5s linear infinite}}@media (max-width:520px){.im-config-fields{grid-template-columns:1fr}}@media (max-width:768px){.im-root{padding:16px}.im-header{align-items:stretch;flex-direction:column;gap:16px}.im-grid{gap:16px;grid-template-columns:1fr}.im-item,.im-type-head{align-items:stretch;flex-direction:column;gap:12px}.im-item-actions{justify-content:center}.im-modal{border-radius:12px;max-height:95vh;max-width:95vw}.im-modal-body,.im-modal-foot,.im-modal-head{padding-left:20px;padding-right:20px}.im-modal-foot{flex-direction:column;gap:10px}.im-modal-foot .im-btn-primary,.im-modal-foot .im-btn-secondary{justify-content:center;width:100%}}@keyframes mtmFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mtm-root{background:var(--background-color);min-height:100vh;overflow-x:hidden;padding:24px}.mtm-header{align-items:flex-start;animation:mtmFadeInUp .35s ease both;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.mtm-header-left{align-items:center;display:flex;gap:14px;min-width:0}.mtm-header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.mtm-header .mtm-header-info h1{align-items:center;color:var(--text-color);display:flex;font-size:1.6rem;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0 0 4px}.mtm-header .mtm-header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.mtm-btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.mtm-btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #014c7540;transform:translateY(-1px)}.mtm-btn-primary:active{transform:translateY(0) scale(.97)}.mtm-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.mtm-btn-secondary{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;min-height:44px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.mtm-btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.mtm-btn-secondary:active{transform:translateY(0) scale(.97)}.mtm-btn-secondary.mtm-delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.mtm-root .mtm-nav{animation:mtmFadeInUp .35s ease both;animation-delay:.05s;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.mtm-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.mtm-nav-btn svg{flex-shrink:0;height:16px;width:16px}.mtm-nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.mtm-nav-btn:active{transform:scale(.97)}.mtm-nav-btn.active{background:var(--primary-color);color:#fff}.mtm-layout{grid-gap:24px;animation:mtmFadeInUp .35s ease both;animation-delay:.1s;display:grid;gap:24px;grid-template-columns:380px 1fr;min-height:calc(100vh - 260px)}.mtm-list-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.mtm-list-head{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 20px}.mtm-list-head h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.mtm-count{background:var(--hover-bg);background:var(--surface-elevated,var(--hover-bg));border-radius:99px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:2px 10px}.mtm-items{flex:1 1;overflow-y:auto;padding:12px}.mtm-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;margin-bottom:10px;padding:16px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.mtm-item:last-child{margin-bottom:0}.mtm-item:hover{background:var(--hover-bg);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.mtm-item.active,.mtm-item:hover{border-color:var(--primary-color)}.mtm-item.active{background:#014c7514;box-shadow:0 0 0 1px var(--primary-color)}.mtm-item-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.mtm-item-head h4{color:var(--text-color);font-size:.875rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.mtm-badge,.mtm-item-head h4{font-weight:600;white-space:nowrap}.mtm-badge{border-radius:99px;flex-shrink:0;font-size:.7rem;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.mtm-badge.scheduled{background:#3b82f61f;color:var(--primary-color)}.mtm-badge.active{background:#f59e0b1f;color:#f59e0b}.mtm-badge.completed{background:#10b9811f;color:#10b981}.mtm-meta{display:flex;flex-wrap:wrap;gap:6px 14px}.mtm-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:6px}.mtm-meta-item svg{flex-shrink:0;height:13px;width:13px}.mtm-recurring{align-items:center;background:#3b82f614;border-radius:99px;color:var(--primary-color);display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;margin-top:8px;padding:3px 10px}.mtm-recurring svg{height:12px;width:12px}.mtm-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.mtm-detail-content,.mtm-details{display:flex;flex-direction:column}.mtm-detail-content{height:100%}.mtm-detail-head{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.mtm-detail-info{align-items:center;display:flex;gap:14px;min-width:0}.mtm-detail-info h2{color:var(--text-color);font-size:1.35rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtm-detail-actions{display:flex;flex-shrink:0;gap:10px}.mtm-detail-body{flex:1 1;overflow-y:auto;padding:24px}.mtm-section{margin-bottom:28px}.mtm-section:last-child{margin-bottom:0}.mtm-section h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin:0 0 14px;padding-bottom:8px;text-transform:uppercase}.mtm-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.mtm-info-item{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.mtm-info-item label{color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mtm-info-item span{color:var(--text-color);font-size:.875rem;font-weight:500}.mtm-section>p{line-height:1.6;margin:0}.mtm-recurrence-info,.mtm-section>p{color:var(--text-color);font-size:.9rem}.mtm-recurrence-info{align-items:center;background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:10px 14px}.mtm-monitors-list{display:flex;flex-direction:column;gap:10px}.mtm-monitor-item{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;transition:border-color .15s ease}.mtm-monitor-item:hover{border-color:var(--primary-color)}.mtm-monitor-item h4{color:var(--text-color);font-size:.875rem;font-weight:600;margin:0 0 4px}.mtm-monitor-item p{color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.75rem;margin:0}.mtm-notif-status{display:flex;flex-direction:column;gap:8px}.mtm-notif-item{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:12px 14px}.mtm-notif-item.enabled{background:#10b98114;border:1px solid #10b98133;color:#10b981}.mtm-notif-item.disabled{background:#6b728014;border:1px solid #6b728033;color:#6b7280}.mtm-no-selection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.mtm-empty-icon{color:var(--text-secondary);font-size:3.5rem;margin-bottom:16px;opacity:.35}.mtm-no-selection h3{color:var(--text-color);font-size:1.15rem;font-weight:600;margin:0 0 8px}.mtm-no-selection p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:320px}.mtm-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.mtm-empty h3{color:var(--text-color);font-size:1.15rem;font-weight:600;margin:0 0 8px}.mtm-empty p{color:var(--text-secondary);line-height:1.5;margin:0 0 20px;max-width:300px}.mtm-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.mtm-spinner{animation:mtmSpin .8s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:36px;margin-bottom:16px;width:36px}.mtm-error{align-items:center;animation:mtmFadeInUp .25s ease both;background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#ef4444;display:flex;font-size:.875rem;gap:12px;margin-bottom:24px;padding:12px 16px}.mtm-error button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:500;margin-left:auto;padding:4px 14px;transition:background .15s ease}.mtm-error button:hover{background:#dc2626}.mtm-overlay{align-items:center;animation:mtmFadeIn .2s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes mtmFadeIn{0%{opacity:0}to{opacity:1}}.mtm-modal{animation:mtmSlideUp .3s cubic-bezier(.22,1,.36,1) both;animation:mtmSlideUp .3s var(--ease-spring,cubic-bezier(.22,1,.36,1)) both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 60px -12px #0000004d;display:flex;flex-direction:column;max-height:88vh;max-width:720px;overflow:hidden;width:100%}@keyframes mtmSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mtm-modal-head{align-items:center;background:linear-gradient(180deg,var(--hover-bg) 0,var(--card-bg) 100%);background:linear-gradient(180deg,var(--surface-elevated,var(--hover-bg)) 0,var(--card-bg) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px 20px;position:relative}.mtm-modal-head:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.mtm-modal-head h2{align-items:center;color:var(--text-color);display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.mtm-modal-head h2 svg{color:var(--primary-color);flex-shrink:0}.mtm-modal-close{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;width:36px}.mtm-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.mtm-modal-close:active{transform:scale(.9)}.mtm-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.mtm-modal-foot{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:18px 28px 22px}.mtm-form-section,.mtm-modal-foot{background:var(--background-color);background:var(--surface-sunken,var(--background-color))}.mtm-form-section{animation:mtmFadeInUp .3s ease both;border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px;transition:border-color .2s ease}.mtm-form-section:hover{border-color:#014c7540}.mtm-form-section:last-child{margin-bottom:0}.mtm-modal-body .mtm-form-section:first-child{animation-delay:.08s}.mtm-modal-body .mtm-form-section:nth-child(2){animation-delay:.14s}.mtm-modal-body .mtm-form-section:nth-child(3){animation-delay:.2s}.mtm-modal-body .mtm-form-section:nth-child(4){animation-delay:.26s}.mtm-modal-body .mtm-form-section:nth-child(5){animation-delay:.32s}.mtm-form-section-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.04em;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.mtm-form-section-title:before{background:var(--primary-color);border-radius:2px;content:"";flex-shrink:0;height:16px;width:3px}.mtm-field{margin-bottom:20px}.mtm-field:last-child{margin-bottom:0}.mtm-field>label{color:var(--text-color);display:block;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.mtm-field input:not([type=checkbox]):not([type=radio]),.mtm-field select,.mtm-field textarea{background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:.875rem;font:inherit;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.mtm-field input:not([type=checkbox]):not([type=radio]):hover,.mtm-field select:hover,.mtm-field textarea:hover{border-color:#014c7559}.mtm-field input:not([type=checkbox]):not([type=radio]):focus,.mtm-field select:focus,.mtm-field textarea:focus{background:var(--card-bg);border-color:var(--primary-color);box-shadow:0 0 0 3px #014c751f;outline:none}.mtm-field input::placeholder,.mtm-field textarea::placeholder{color:var(--text-secondary);opacity:.6}.mtm-field textarea{line-height:1.6;min-height:90px;resize:vertical}.mtm-time-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mtm-checkbox-wrap{background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;transition:border-color .2s ease,background .2s ease}.mtm-checkbox-wrap:hover{border-color:#014c754d}.mtm-checkbox-label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;-webkit-user-select:none;user-select:none}.mtm-checkbox-label input[type=checkbox]{flex-shrink:0;transition:transform .15s ease}.mtm-checkbox-label input[type=checkbox]:checked{transform:scale(1.1)}.mtm-monitors-select{grid-gap:4px;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);margin-top:6px;max-height:220px;overflow-y:auto;padding:8px}@media (max-width:480px){.mtm-monitors-select{grid-template-columns:1fr}}.mtm-modal .mtm-monitor-opt{align-items:center!important;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex!important;flex-direction:row!important;font-size:.875rem;font-weight:500;gap:10px;line-height:1.3;margin:0;min-width:0;padding:10px 12px;transition:background .15s ease,transform .1s ease;width:auto}.mtm-modal .mtm-monitor-opt:hover{background:var(--hover-bg)}.mtm-modal .mtm-monitor-opt:active{transform:scale(.99)}.mtm-modal .mtm-monitor-opt:has(input:checked){background:#014c7514;color:var(--primary-color)}.mtm-modal .mtm-monitor-opt span{display:inline;min-width:0;order:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtm-recurrence{animation:mtmFadeInUp .25s ease both;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border-left:1px solid var(--primary-color);border:1px solid var(--primary-color);border-left-width:3px;border-radius:10px;margin-top:16px;padding:18px}.mtm-recurrence h3{align-items:center;color:var(--primary-color);display:flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:.04em;margin:0 0 16px;text-transform:uppercase}@keyframes mtmSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mtm-error,.mtm-header,.mtm-item,.mtm-layout,.mtm-modal,.mtm-overlay,.mtm-root .mtm-nav{animation:none}.mtm-spinner{animation:mtmSpin 1.5s linear infinite}}@media (max-width:900px){.mtm-layout{grid-template-columns:1fr}}@media (max-width:768px){.mtm-root{padding:16px}.mtm-header{align-items:stretch;flex-direction:column;gap:16px}.mtm-layout{gap:16px;grid-template-columns:1fr}.mtm-detail-head{align-items:stretch;flex-direction:column;gap:14px}.mtm-detail-actions{justify-content:flex-end}.mtm-info-grid,.mtm-time-row{grid-template-columns:1fr}.mtm-time-row{gap:12px}.mtm-modal{border-radius:12px;max-height:95vh;max-width:95vw}.mtm-modal-head{padding:20px}.mtm-modal-head h2{font-size:1.15rem}.mtm-modal-body{padding:20px}.mtm-modal-foot{flex-direction:column;gap:10px;padding:16px 20px}.mtm-modal-foot .mtm-btn-primary,.mtm-modal-foot .mtm-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.mtm-modal-body,.mtm-modal-head{padding:16px}.mtm-modal-foot{padding:12px 16px}}.incident-management{background:var(--background-color);min-height:100vh;padding:24px}@keyframes mdFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.incident-header{align-items:flex-start;animation:mdFadeInUp .35s ease both;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.header-left{flex-direction:row;gap:10px}.incident-management .header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.header-info{align-items:flex-start;display:flex;flex-direction:column;gap:0}.header-info h1{color:var(--text-color);display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.btn-refresh{align-items:center;background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.btn-refresh:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.btn-refresh:active{transform:translateY(0) scale(.97)}.btn-refresh.refreshing svg{animation:spin 1s linear infinite}.btn-primary{border-radius:10px;display:flex;font-size:.875rem;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #014c7540;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:#6c757d;background:var(--secondary-color,#6c757d);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.btn-secondary:hover{background:#545b62;background:var(--secondary-hover,#545b62);transform:translateY(-1px)}.monitoring-nav{animation:mdFadeInUp .35s ease both;animation-delay:.05s;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.nav-btn svg{flex-shrink:0;height:16px;width:16px}.nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.nav-btn:active{transform:scale(.97)}.nav-btn.active{background:var(--primary-color);color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;animation:mdFadeInUp .35s ease both;display:flex;gap:16px;padding:20px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.stats-grid .stat-card:first-child{animation-delay:.05s}.stats-grid .stat-card:nth-child(2){animation-delay:.1s}.stats-grid .stat-card:nth-child(3){animation-delay:.15s}.stats-grid .stat-card:nth-child(4){animation-delay:.2s}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.incident-management .stat-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:10px;color:var(--primary-color);display:flex;font-size:20px;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.stat-card:hover .stat-icon{transform:scale(1.08)}.incident-management .stat-icon.up{background:#10b9811a;color:#10b981}.incident-management .stat-icon.down{background:#ef44441a;color:#ef4444}.incident-management .stat-icon.degraded{background:#f59e0b1a;color:#f59e0b}.stat-content{flex:1 1}.stat-value{font-feature-settings:"tnum";display:block;font-size:1.875rem;font-variant-numeric:tabular-nums;line-height:1;transition:color .2s ease}.incident-management .stat-card--total .stat-value{color:var(--text-color)}.incident-management .stat-card--active .stat-value{color:#f59e0b}.incident-management .stat-card--resolved .stat-value{color:#10b981}.incident-management .stat-card--critical .stat-value{color:#ef4444}.stat-label{display:block;margin-top:4px}.incident-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.search-container{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);color:var(--text-color);padding:12px 12px 12px 40px}.filters,.search-input{background:var(--card-bg)}.filters{align-items:stretch;animation:mdFadeInUp .35s ease both;animation-delay:.2s;border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.filters .filter-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;height:auto;padding:10px 16px;transition:background .2s ease,color .2s ease,transform .15s ease;white-space:nowrap}.filters .filter-btn:hover{background:var(--hover-bg);color:var(--text-color)}.filters .filter-btn:active{transform:scale(.97)}.filters .filter-btn.active{background:var(--primary-color);color:#fff}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.error-banner button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:4px 12px}.incident-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr}.incident-management .incidents-list{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.incidents-list .incident-card{animation:mdFadeInUp .35s ease both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;margin:0;min-height:236px;min-width:0;padding:20px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.incidents-list .incident-card:first-child{animation-delay:.25s}.incidents-list .incident-card:nth-child(2){animation-delay:.3s}.incidents-list .incident-card:nth-child(3){animation-delay:.35s}.incidents-list .incident-card:nth-child(4),.incidents-list .incident-card:nth-child(n+5){animation-delay:.4s}.incidents-list .incident-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.incidents-list .incident-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px #014c751a}.incidents-list .incident-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.incidents-list .incident-status{align-items:center;display:flex;gap:12px;min-width:0}.incidents-list .monitor-info{min-width:0}.incidents-list .incident-list-status-icon{flex:0 0 auto;font-size:40px;transition:transform .2s ease}.incidents-list .incident-card:hover .incident-list-status-icon{transform:scale(1.1)}.incidents-list .incident-list-status-icon.investigating{color:#f59e0b}.incidents-list .incident-list-status-icon.identified{color:#ef4444}.incidents-list .incident-list-status-icon.monitoring{color:#3b82f6}.incidents-list .incident-list-status-icon.resolved{color:#10b981}.incidents-list .incident-list-status-icon.unknown{color:#6b7280}.incidents-list .status-text{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:capitalize}.incidents-list .incident-list-severity-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.incidents-list .incident-list-severity-badge.critical{background:#ef4444}.incidents-list .incident-list-severity-badge.major{background:#f59e0b}.incidents-list .incident-list-severity-badge.minor{background:#3b82f6}.incidents-list .incident-title{color:var(--text-color);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incidents-list .incident-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.5;margin:0 0 16px;overflow:hidden}.incidents-list .incident-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:12px;justify-content:space-between;margin:auto 0 0}.incidents-list .affected-services,.incidents-list .incident-time{color:var(--text-secondary);margin:0}.incidents-list .affected-services{text-align:right}.incidents-list>.empty-state{align-self:stretch;background-color:var(--card-bg);border:1px dashed var(--border-color);grid-column:1/-1;justify-content:center;min-height:420px;width:100%}.monitor-actions{display:flex;gap:8px}.action-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.action-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-color);transform:translateY(-1px)}.action-btn:active{transform:translateY(0) scale(.95)}.action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.incident-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 200px);overflow:hidden}.details-header{align-items:center;background:var(--hover-bg);padding:20px}.details-header h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.close-btn{border-radius:4px;color:var(--text-secondary);font-size:18px}.close-btn:hover{background:#0000001a;color:var(--text-color)}.incident-info{border-bottom:1px solid var(--border-color);padding:20px}.info-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-row strong{color:var(--text-color)}.severity,.status{border-radius:4px;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.status.investigating{background:#f59e0b1a;color:#f59e0b}.status.identified{background:#ef44441a;color:#ef4444}.status.monitoring{background:#3b82f61a;color:#3b82f6}.status.resolved{background:#10b9811a;color:#10b981}.severity.minor{background:#3b82f61a;color:#3b82f6}.severity.major{background:#f59e0b1a;color:#f59e0b}.severity.critical{background:#ef44441a;color:#ef4444}.incident-updates{flex:1 1;overflow-y:auto;padding:20px}.incident-updates h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 16px}.updates-list{margin-bottom:24px}.update-item{border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:16px}.update-item:last-child{margin-bottom:0}.update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.update-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:capitalize}.update-time{color:var(--text-secondary);font-size:.75rem}.update-message{color:var(--text-color);line-height:1.5;margin:0}.no-updates{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.add-update h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 16px}.update-form{display:flex;flex-direction:column;gap:12px}.update-textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);padding:8px}.empty-state{background-color:color-mix(in srgb,var(--primary-color) 6%,var(--card-bg));border:1px dashed color-mix(in srgb,var(--primary-color) 35%,var(--border-color));border-radius:16px;border-radius:var(--radius-lg,16px);color:var(--text-color);margin-top:2rem;min-height:320px;padding:6rem 2rem}.empty-state>svg{color:var(--primary-color);font-size:4rem;height:64px;margin-bottom:1.5rem;opacity:1;width:64px}.empty-state p{font-size:1.25rem;font-weight:500;line-height:1.5;margin:0 0 2rem;max-width:420px}.empty-state .create-incident-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 15%,#0000);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:.75rem 1.5rem;transition:background .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.empty-state .create-incident-btn:hover{background-color:var(--primary-hover);box-shadow:0 6px 16px color-mix(in srgb,var(--primary-color) 25%,#0000);transform:translateY(-2px)}.empty-state .create-incident-btn>svg{color:#fff;font-size:18px;height:18px;margin-bottom:0;opacity:1;width:18px}.loading-state{padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.incident-form-modal{box-shadow:0 10px 25px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{background:var(--hover-bg);border-bottom:1px solid var(--border-color);padding:20px}.modal-header h2{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color);display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:none;box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:.95rem;outline:none;padding:12px 16px;transition:all .15s ease;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:var(--background-color);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.services-grid{grid-gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:12px}.service-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s ease}.service-checkbox:hover{background:var(--hover-bg)}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.incident-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.incident-form-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 24px 56px #00000052;max-height:min(90vh,760px);overflow:auto;width:min(100%,640px)}.incident-form-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:18px 24px}.incident-form-header h2{color:var(--text-color);font-size:1.125rem;font-weight:650;margin:0}.incident-form-close{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-grid;font-size:1.125rem;height:32px;line-height:1;padding:0;place-items:center;width:32px}.incident-form-close:hover{border-color:var(--primary-color);color:var(--text-color)}.incident-form{padding:24px}.incident-form-group{margin-bottom:20px}.incident-form-group>label:not(.incident-form-toggle){color:var(--text-secondary);display:block;font-size:.75rem;font-weight:650;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.incident-form-control{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;color:var(--text-color);display:block;font:inherit;font-size:.95rem;line-height:1.45;min-height:46px;padding:12px 16px;transition:all .15s ease;width:100%}.incident-form-control:focus,.incident-form-control:hover{border-color:var(--primary-color)}.incident-form-control:focus{background-color:var(--background-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.incident-form textarea.incident-form-control{min-height:116px;resize:vertical}.incident-form .incident-form-select .app-select-trigger{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:.95rem;min-height:46px;padding:12px 16px}.incident-form .incident-form-select .app-select-trigger:hover{border-color:var(--primary-color)}.incident-form .incident-form-select .app-select-trigger:focus-visible{background-color:var(--background-color);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.incident-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.incident-form-toggle{align-items:center;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:10px;margin:0}.incident-form-toggle input,.incident-service-checkbox input{accent-color:var(--primary-color);flex:0 0 auto;height:16px;margin:0;width:16px}.incident-services-grid{grid-gap:8px;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:216px;overflow:auto;padding:8px}.incident-service-checkbox{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:9px;min-width:0;padding:9px 10px}.incident-service-checkbox:hover{background:var(--hover-bg);border-color:var(--border-color)}.incident-form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.incident-form-actions .btn-primary,.incident-form-actions .btn-secondary{min-width:132px}@media (max-width:1024px){.incident-content{gap:20px;grid-template-columns:1fr}.incident-management .incidents-list{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-details{max-height:500px}}@media (max-width:768px){.incident-management{padding:16px}.incident-management .incidents-list{grid-template-columns:1fr}.incident-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:center}.incident-filters{align-items:stretch;flex-direction:column;gap:16px}.search-container{max-width:none}.filter-buttons{justify-content:center}.form-row{grid-template-columns:1fr}.incident-form-modal{margin:10px}.services-grid{grid-template-columns:1fr}.incident-form-overlay{padding:16px}.incident-form{padding:20px}.incident-form-row,.incident-services-grid{grid-template-columns:1fr}.incident-form-actions{flex-direction:column-reverse}.incident-form-actions .btn-primary,.incident-form-actions .btn-secondary{width:100%}}.incident-details-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1050}.incident-details-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 24px 56px #00000061;box-shadow:var(--shadow-lg,0 24px 56px #00000061);max-height:min(95vh,1000px);overflow:auto;width:min(100%,980px)}.incident-details-modal .incident-details.enhanced{background:#0000;border:0;border-radius:0;margin:0;max-height:none;max-width:none;width:100%}.incident-details-overlay .action-modal-overlay{z-index:1100}@media (max-width:768px){.incident-details-overlay{align-items:flex-end;padding:12px}.incident-details-modal{max-height:92vh}}.incident-details.enhanced{margin-top:24px;max-width:none;width:100%}.details-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-left{flex:1 1}.header-left h2{color:var(--text-color);font-size:1.5rem;margin:0 0 12px}.incident-badges{display:flex;gap:8px;margin-top:8px}.status-badge{border-radius:16px}.status-badge.investigating{background:#f59e0b1a;color:#f59e0b}.status-badge.acknowledged{background:#3b82f61a;color:#3b82f6}.status-badge.resolved{background:#10b9811a;color:#10b981}.workflow-actions{background:var(--hover-bg);border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.workflow-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.workflow-actions .action-btn.acknowledge{background:#3b82f61a;color:#3b82f6}.workflow-actions .action-btn.acknowledge:hover{background:#3b82f633;transform:translateY(-1px)}.workflow-actions .action-btn.escalate{background:#ef44441a;color:#ef4444}.workflow-actions .action-btn.escalate:hover{background:#ef444433;transform:translateY(-1px)}.workflow-actions .action-btn.resolve{background:#10b9811a;color:#10b981}.workflow-actions .action-btn.resolve:hover{background:#10b98133;transform:translateY(-1px)}.workflow-actions .action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.details-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin-bottom:20px}.tab-btn{border-bottom:2px solid #0000}.tab-btn.active{background:var(--hover-bg);border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-content{min-height:400px;padding:20px 0}.alerts-tab-content,.details-tab-content,.postmortem-tab-content,.timeline-tab-content{animation:mdFadeInUp .3s ease both}.incident-description h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:24px 0 12px}.incident-description p{color:var(--text-secondary);line-height:1.6}.affected-services-section{margin-top:24px}.affected-services-section h4{color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:12px}.services-list{display:flex;flex-wrap:wrap;gap:8px}.service-tag{background:#3b82f61a;border-radius:16px;color:var(--primary-color);font-size:.875rem;font-weight:500;padding:6px 12px}.timeline-tab-content{padding:4px 0}.empty-timeline{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-timeline .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.timeline-events{display:flex;flex-direction:column;gap:0;padding:8px 0;position:relative}.timeline-events.is-live:before{animation:timelinePulse 2.4s ease-in-out infinite;background:linear-gradient(to bottom,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 30%,var(--border-color)) 60%,var(--border-color) 100%);background:linear-gradient(to bottom,var(--event-color,var(--primary-color)) 0,color-mix(in srgb,var(--event-color,var(--primary-color)) 30%,var(--border-color)) 60%,var(--border-color) 100%);bottom:0;content:"";left:13px;opacity:.55;position:absolute;top:0;width:1px;z-index:0}@keyframes timelinePulse{0%,to{opacity:.45}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.timeline-events.is-live:before{animation:none;opacity:.55}}.timeline-event{align-items:flex-start;display:flex;gap:16px;padding-bottom:20px;position:relative}.timeline-event:last-child{padding-bottom:0}.event-icon-container{flex-shrink:0;z-index:2}.event-icon,.event-icon-container{display:flex;justify-content:center;position:relative;width:28px}.event-icon{align-items:center;background:color-mix(in srgb,var(--text-secondary) 8%,var(--card-bg));background:color-mix(in srgb,var(--event-color,var(--text-secondary)) 8%,var(--card-bg));border:1.5px solid color-mix(in srgb,var(--event-color,var(--text-secondary)) 35%,#0000);border-radius:50%;color:var(--text-secondary);color:var(--event-color,var(--text-secondary));font-size:.85rem;height:28px}.event-connector{background:var(--border-color);height:calc(100% - 6px);left:13px;position:absolute;top:28px;width:1px;z-index:1}.timeline-event:last-child .event-connector{display:none}.event-card{background:var(--card-bg);background:var(--surface-elevated,var(--card-bg));border:none;border-radius:10px;box-shadow:0 1px 2px #0000000d;flex:1 1;min-width:0;padding:12px 16px;transition:transform .15s ease,box-shadow .15s ease}.event-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.event-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.event-type-label{align-items:center;background:color-mix(in srgb,var(--text-secondary) 10%,var(--card-bg));background:color-mix(in srgb,var(--event-color,var(--text-secondary)) 10%,var(--card-bg));border-radius:999px;color:var(--text-secondary);color:var(--event-color,var(--text-secondary));display:inline-flex;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.event-title{color:var(--text-color);font-size:1rem;font-weight:600;line-height:1.35;margin:0 0 8px}.event-time{align-items:center;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:.78rem;gap:6px;white-space:nowrap}.event-description{color:var(--text-secondary);font-size:.875rem;line-height:1.55;margin:0 0 10px}.event-footer{align-items:center;display:flex;gap:10px}.event-actor{background:var(--surface-sunken);border-radius:999px;display:inline-flex;font-size:.75rem;gap:6px;padding:3px 10px}.empty-alerts,.event-actor{align-items:center;color:var(--text-secondary)}.empty-alerts{display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-alerts .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.linked-alerts-list{display:flex;flex-direction:column;gap:16px}.linked-alert-card{background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px;transition:all .2s ease}.linked-alert-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.alert-header{gap:12px;margin-bottom:12px}.alert-severity-indicator{border-radius:4px;height:40px;width:8px}.alert-severity-indicator.critical{background-color:#ef4444}.alert-severity-indicator.major{background-color:#f59e0b}.alert-severity-indicator.minor{background-color:#3b82f6}.alert-severity-indicator.info{background-color:#10b981}.alert-info{flex:1 1}.alert-name{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 4px}.alert-severity{border-radius:4px;color:var(--text-secondary);padding:2px 8px;text-transform:uppercase}.alert-severity,.alert-status{background:var(--hover-bg);font-size:.75rem;font-weight:600}.alert-status{border-radius:16px;color:var(--text-color);padding:4px 12px}.alert-condition{background:var(--hover-bg);border-radius:8px;color:var(--text-color);font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.875rem;margin:0 0 12px;padding:12px}.alert-meta{gap:16px}.alert-group,.alert-time{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.postmortem-tab-content{padding:20px 0}.postmortem-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.postmortem-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.postmortem-date{color:var(--text-secondary);font-size:.875rem}.postmortem-section{margin-bottom:32px}.postmortem-section h4{align-items:center;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.postmortem-section p{color:var(--text-secondary);line-height:1.6;margin:0}.postmortem-timeline{grid-gap:16px;background:var(--hover-bg);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.timeline-item{display:flex;flex-direction:column;gap:8px}.timeline-item strong{color:var(--text-color);font-size:.875rem}.timeline-item span{color:var(--primary-color);font-size:1.5rem;font-weight:700}.action-items-list,.lessons-list{list-style:none;margin:0;padding:0}.action-item{align-items:flex-start;background:var(--hover-bg);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.action-item:hover{background:var(--border-color)}.action-checkbox{cursor:pointer;height:18px;margin-top:4px;width:18px}.lessons-list li{background:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:8px;color:#b45309;line-height:1.5;margin-bottom:8px;padding:12px 16px}.action-modal-overlay{align-items:center;animation:mdFadeInUp .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.action-modal{animation:mdFadeInUp .3s ease;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #0003;max-width:500px;width:90%}.action-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.action-modal .modal-header h3{color:var(--text-color);font-size:1.25rem;margin:0}.action-modal .modal-body{padding:24px}.action-modal .modal-body label{color:var(--text-color);display:block;font-weight:600;margin-bottom:8px}.resolution-textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .15s ease;width:100%}.resolution-textarea:focus,.resolution-textarea:hover{border-color:var(--primary-color)}.resolution-textarea:focus{background-color:var(--background-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.escalation-note{align-items:center;background:#3b82f61a;border-radius:8px;color:#1d4ed8;display:flex;font-size:.875rem;gap:8px;margin-top:12px;padding:12px}.escalation-select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:.95rem;padding:12px 16px;transition:all .15s ease;width:100%}.escalation-select:focus,.escalation-select:hover{border-color:var(--primary-color)}.escalation-select:focus{background-color:var(--background-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px 24px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn-warning{background:#ef4444;color:#fff}.btn-warning:hover{box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.btn-warning:disabled{cursor:not-allowed;opacity:.5;transform:none}.incident-report{color:var(--text-color);display:flex;flex-direction:column}.incident-report-header{align-items:flex-start;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:20px;justify-content:space-between;padding:22px 24px}.incident-report-title-block{min-width:0}.incident-report-title{color:var(--text-color);font-size:1.25rem;font-weight:650;line-height:1.35;margin:0}.incident-report-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.incident-report-severity,.incident-report-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.04em;line-height:1.2;padding:4px 9px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.incident-report-severity.critical{background:#ef444424;border-color:#ef44445c;color:#f87171}.incident-report-severity.major{background:#f59e0b24;border-color:#f59e0b5c;color:#fbbf24}.incident-report-severity.minor{background:#38bdf824;border-color:#38bdf85c;color:#7dd3fc}.incident-report-status{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-color:color-mix(in srgb,var(--primary-color) 34%,var(--border-color));color:var(--primary-color)}.incident-report-status.investigating{background:#f59e0b24;border-color:#f59e0b5c;color:#fbbf24}.incident-report-status.identified{background:#ef444424;border-color:#ef44445c;color:#f87171}.incident-report-status.acknowledged,.incident-report-status.monitoring{background:#38bdf824;border-color:#38bdf85c;color:#7dd3fc}.incident-report-status.resolved{background:#10b98124;border-color:#10b9815c;color:#34d399}.incident-report-close{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-grid;flex:0 0 auto;font-size:1.125rem;height:34px;line-height:1;padding:0;place-items:center;transition:border-color .15s ease,color .15s ease,background .15s ease;width:34px}.incident-report-close:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--text-color)}.incident-report-actions{grid-gap:10px;background:color-mix(in srgb,var(--card-bg) 88%,var(--hover-bg));border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:16px 24px}.incident-report-action{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-height:40px;padding:9px 14px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.incident-report-action:hover:not(:disabled){transform:translateY(-1px)}.incident-report-action:disabled{cursor:not-allowed;opacity:.5}.incident-report-action.acknowledge{color:#7dd3fc}.incident-report-action.acknowledge:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8}.incident-report-action.escalate{color:#f87171}.incident-report-action.escalate:hover:not(:disabled){background:#ef44441f;border-color:#ef4444}.incident-report-action.resolve{color:#34d399}.incident-report-action.resolve:hover:not(:disabled){background:#10b9811f;border-color:#10b981}.incident-report-action.copilot{background:var(--primary-light);border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));color:var(--primary-color)}.incident-report-action.copilot:hover:not(:disabled){background:color-mix(in srgb,var(--primary-light) 72%,var(--card-bg));border-color:var(--primary-color)}.incident-report-action.copilot svg{height:16px;width:16px}.incident-report-tabs{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:12px 24px}.incident-report-tabs .tb{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:10px;padding:4px;width:-webkit-fit-content;width:fit-content}.incident-report-tabs .tb__tab{background:#0000;border:0;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;gap:8px;padding:8px 14px}.incident-report-tabs .tb__tab:hover{background:var(--hover-bg);color:var(--text-color)}.incident-report-tabs .tb__tab:focus-visible{box-shadow:0 0 0 2px var(--primary-color);outline:none}.incident-report-tabs .tb__tab--active{background:var(--primary-color);color:#fff}.incident-report-tabs .tb__badge{background:#ffffff38;color:#fff}.incident-report-content{background:var(--card-bg);min-height:0;padding:24px}.incident-report-details{grid-gap:20px;display:grid;gap:20px}.incident-report-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.incident-report-fact{background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:7px;min-width:0;padding:14px}.incident-report-fact-label{color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.incident-report-fact-value{color:var(--text-color);font-size:.8125rem;font-weight:600;line-height:1.45;overflow:hidden;text-overflow:ellipsis}.incident-report-section{background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;padding:18px}.incident-report-section h3,.incident-report-section h4{color:var(--text-color);font-size:.9375rem;font-weight:650;margin:0 0 10px}.incident-report-section p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.incident-report-services{display:flex;flex-wrap:wrap;gap:8px}.incident-report-service-tag{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-color));border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:600;padding:5px 9px}.incident-report-updates-list{grid-gap:8px;display:grid;gap:8px}.incident-report-update-item{background:var(--card-bg);border:1px solid var(--border-color);border-left-width:4px;border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--card-shadow,0 1px 3px #00000014);padding:16px}.incident-report-update-item.acknowledged,.incident-report-update-item.monitoring,.incident-report-update-item.open{border-left-color:var(--primary-color)}.incident-report-update-item.identified,.incident-report-update-item.investigating{border-left-color:var(--warning-color)}.incident-report-update-item.resolved{border-left-color:var(--success-color)}.incident-report-update-item.critical,.incident-report-update-item.escalated{border-left-color:var(--danger-color)}.incident-report-update-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.incident-report-empty,.incident-report-update-time{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8rem;gap:6px}.incident-report-update-message{color:var(--text-secondary);font-size:.9rem;line-height:1.55;margin:0}.incident-report-add-update{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.incident-report-update-form{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:minmax(165px,.45fr) 1fr auto}.incident-report-status-select .app-select-trigger,.incident-report-update-textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:.95rem;min-height:46px;padding:12px 16px;transition:all .15s ease}.incident-report-update-textarea{box-sizing:border-box;resize:vertical;width:100%}.incident-report-status-select .app-select-trigger:hover,.incident-report-update-textarea:hover{border-color:var(--primary-color)}.incident-report-status-select .app-select-trigger:focus-visible,.incident-report-update-textarea:focus{background-color:var(--card-bg);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.incident-report-update-form .btn-primary{border-radius:8px;border-radius:var(--radius-sm,8px);min-height:46px;padding:12px 20px;white-space:nowrap}@media (max-width:768px){.incident-report-actions,.incident-report-content,.incident-report-header{padding-left:16px;padding-right:16px}.incident-report-actions,.incident-report-update-form{grid-template-columns:1fr}.incident-report-tab,.incident-report-tabs{padding-left:12px;padding-right:12px}.incident-report-update-form .btn-primary{width:100%}.workflow-actions{flex-direction:column}.details-tabs{overflow-x:auto;scrollbar-width:thin}.tab-btn{white-space:nowrap}.postmortem-timeline{grid-template-columns:1fr}.modal-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.action-modal,.action-modal-overlay,.filters,.incident-card,.incident-header,.monitoring-nav,.tab-content>div{animation:none}}.tb{background-color:var(--surface-elevated);border-bottom:1px solid var(--border-color);box-sizing:border-box;min-height:42px;overflow:visible;padding:0 12px;position:relative}.tb,.tb__measure{align-items:center;display:flex;gap:2px}.tb__measure{left:0;pointer-events:none;position:absolute;top:0;visibility:hidden}.tb__tab--measure{flex-shrink:0}.tb__tab,.tb__tab--measure{align-items:center;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;white-space:nowrap}.tb__tab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.tb__tab:hover{background-color:var(--hover-bg);color:var(--text-color)}.tb__tab:focus-visible{box-shadow:0 0 0 2px var(--primary-color);box-shadow:var(--ring,0 0 0 2px var(--primary-color));outline:none}.tb__tab--active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.tb__icon{font-size:.85rem;opacity:.85}.tb__badge,.tb__icon{align-items:center;display:inline-flex}.tb__badge{background-color:color-mix(in srgb,var(--success-color) 15%,#0000);border-radius:999px;color:var(--success-color);font-size:.66rem;font-weight:700;padding:1px 7px}.tb__overflow{flex:0 0 auto;margin-left:auto;position:relative}.tb .tb__more{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;margin:0;padding:0;transition:background .15s ease,color .15s ease;width:34px}.tb .tb__more svg{stroke:currentColor;fill:none;flex-shrink:0;height:18px;width:18px}.tb .tb__more--open,.tb .tb__more:hover{background:var(--hover-bg);color:var(--text-color)}.tb__menu{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:none;min-width:170px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.tb__menu--open{display:block}.tb__menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:8px 12px;text-align:left;white-space:nowrap;width:100%}.tb__menu-item:hover{background:var(--hover-bg);color:var(--text-color)}.tb__menu-item--active{color:var(--primary-color);font-weight:600}@media (max-width:640px){.tb{padding:0 8px}.tb__tab,.tb__tab--measure{padding:8px 10px}}.analytics-dashboard{animation:fadeIn .3s ease-in;background:var(--background-color);min-height:100vh;padding:24px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.header-content{flex:1 1;min-width:300px}.back-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translateX(-4px)}.analytics-dashboard .header-info h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;background-clip:text;color:var(--text-color);display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 12px}.monitor-name{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:8px 0 4px}.monitor-url{color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:.875rem;margin:4px 0 0}.header-actions{align-items:center;flex-wrap:wrap;gap:12px}.time-range-selector{align-items:center;display:flex;gap:8px}.time-range-selector select{min-width:160px;width:auto}.export-btn,.refresh-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:0;transition:all .2s ease}.export-btn:hover,.refresh-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 20%,#0000);color:#fff;transform:translateY(-2px)}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 15%,#0000);transform:translateY(-4px)}.summary-card:hover:before{opacity:1}.summary-card.health-score{position:relative}.card-icon{background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:12px;flex-shrink:0;font-size:24px;height:48px;width:48px}.card-content{flex:1 1}.card-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card-value{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1;margin-bottom:8px}.card-status{font-weight:600}.card-status,.card-trend{font-size:.875rem;margin-top:4px}.card-trend{align-items:center;display:flex;font-weight:500;gap:4px}.card-trend.positive{color:#10b981}.card-trend.negative{color:#ef4444}.card-meta,.card-prediction{color:var(--text-secondary);font-size:.75rem;margin-top:4px}.card-progress{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;position:absolute;right:20px;width:64px}.progress-inner{background:var(--card-bg);border-radius:50%;height:48px;width:48px}.analytics-tabs{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:var(--hover-bg);color:var(--text-color)}.tab-btn.active{background:var(--primary-color);box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 30%,#0000);color:#fff}.tab-btn .badge{background:#ef444433;border-radius:12px;color:#ef4444;font-size:11px;font-weight:700;padding:2px 8px}.tab-btn.active .badge{background:#fff3;color:#fff}.tab-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.chart-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 10%,#0000)}.chart-card.full-width{grid-column:1/-1}.chart-header{margin-bottom:20px}.chart-header h3{align-items:center;color:var(--text-color);display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 4px}.chart-subtitle{color:var(--text-secondary);font-size:.875rem}.chart-container{height:300px;position:relative;width:100%}.chart-container.donut{align-items:center;display:flex;height:250px;justify-content:center}.performance-content{display:flex;flex-direction:column;gap:24px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.metric-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 10%,#0000);transform:translateY(-2px)}.metric-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 10%,#0000);border-radius:10px;color:var(--primary-color);display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.metric-content{flex:1 1}.metric-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:var(--text-color);font-size:1.5rem;font-weight:700}.performance-details{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.performance-details h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 20px}.details-grid{grid-gap:16px;display:grid;gap:16px}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{font-size:.875rem;font-weight:600}.detail-value.success{color:#10b981}.detail-value.error{color:#ef4444}.anomalies-content,.anomalies-list{display:flex;flex-direction:column;gap:16px}.anomaly-card{background:var(--card-bg);border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:4px;border-radius:8px;padding:20px;transition:all .2s ease}.anomaly-card.severity-critical{background:#ef444408;border-left-color:#ef4444}.anomaly-card.severity-high{background:#f59e0b08;border-left-color:#f59e0b}.anomaly-card.severity-medium{background:color-mix(in srgb,var(--primary-color) 3%,#0000);border-left-color:var(--primary-color)}.anomaly-card.severity-low{background:#6b728008;border-left-color:#6b7280}.anomaly-card:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.anomaly-header{gap:16px;margin-bottom:16px}.anomaly-header,.anomaly-icon{align-items:center;display:flex}.anomaly-icon{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:20px;height:40px;justify-content:center;width:40px}.anomaly-info{flex:1 1}.anomaly-info h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 8px}.severity-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.severity-badge.critical{background:#ef444426;color:#dc2626}.severity-badge.high{background:#f59e0b26;color:#d97706}.severity-badge.medium{background:color-mix(in srgb,var(--primary-color) 15%,#0000);color:var(--primary-color)}.severity-badge.low{background:#6b728026;color:#4b5563}.anomaly-timestamp{color:var(--text-secondary);font-size:.75rem}.anomaly-details{grid-gap:16px;background:var(--background-color);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:var(--text-color);font-size:.875rem;font-weight:600}.predictions-content{display:flex;flex-direction:column;gap:24px}.predictions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.prediction-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.prediction-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 15%,#0000);transform:translateY(-4px)}.prediction-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,#0000),color-mix(in srgb,var(--primary-hover) 15%,#0000));border-radius:12px;color:var(--primary-color);display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.prediction-content h4{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.prediction-value{color:var(--text-color);font-size:2rem;font-weight:700;margin-bottom:8px}.prediction-trend{margin-top:8px}.trend{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px}.trend.improving{background:#10b9811a;color:#10b981}.trend.degrading{background:#ef44441a;color:#ef4444}.trend.stable{background:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--primary-color)}.confidence-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;grid-column:1/-1;padding:24px}.confidence-card h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 16px}.confidence-bar{background:var(--background-color);height:32px;margin-bottom:12px;overflow:hidden;width:100%}.confidence-bar,.confidence-fill{border-radius:16px;position:relative}.confidence-fill{align-items:center;background:linear-gradient(90deg,#10b981,var(--primary-color));display:flex;height:100%;justify-content:flex-end;padding-right:16px;transition:width .6s ease}.confidence-fill span{color:#fff;font-size:.875rem;font-weight:700}.confidence-note{color:var(--text-secondary);font-size:.875rem;margin:0}.empty-state{padding:80px 20px;text-align:center}.empty-icon{color:var(--text-secondary);font-size:4rem;margin-bottom:20px;opacity:.3}.empty-state h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0;max-width:400px}.loading-state{padding:120px 20px}.loading-spinner{animation:pulse 2s ease-in-out infinite;color:var(--primary-color);font-size:4rem;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.loading-state p{color:var(--text-secondary);font-size:1rem}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.error-icon{color:#ef4444;font-size:4rem;margin-bottom:20px}.error-state h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 8px}.error-state p{color:var(--text-secondary);font-size:1rem;margin:0 0 24px;max-width:400px}.btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 30%,#0000);transform:translateY(-2px)}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}}@media (max-width:768px){.analytics-dashboard{padding:16px}.dashboard-header,.header-actions{align-items:stretch;flex-direction:column}.metrics-grid,.predictions-grid,.summary-cards{grid-template-columns:1fr}.analytics-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{flex-shrink:0}}@media (max-width:480px){.card-value,.header-info h1{font-size:1.5rem}.chart-container{height:250px}}.dark-theme .summary-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))}.dark-theme .chart-card:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 30%,#0000)}.dark-theme .prediction-card:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 30%,#0000)}.alerts-dashboard{background:var(--background-color);color:var(--text-color);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.alerts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.alerts-header-left{align-items:center;display:flex;gap:14px;min-width:0}.alerts-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0}.alerts-subtitle{color:var(--text-secondary);font-size:.95rem;margin:6px 0 0}.header-actions{display:flex;gap:1rem}.statistics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:var(--text-color);font-size:2rem;font-weight:700}.severity-breakdown{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.severity-item{display:inline-block}.severity-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.severity-badge.critical{background:color-mix(in srgb,var(--danger-text) 14%,#0000);border-color:color-mix(in srgb,var(--danger-text) 35%,var(--border-color));color:var(--danger-text)}.severity-badge.high{background:color-mix(in srgb,var(--warning-color) 16%,#0000);border-color:color-mix(in srgb,var(--warning-color) 40%,var(--border-color));color:color-mix(in srgb,var(--warning-color) 92%,var(--text-color))}.severity-badge.medium{background:color-mix(in srgb,var(--warning-color) 12%,#0000);border-color:color-mix(in srgb,var(--warning-color) 30%,var(--border-color));color:color-mix(in srgb,var(--warning-color) 86%,var(--text-color))}.severity-badge.low{background:color-mix(in srgb,var(--method-get) 12%,#0000);border-color:color-mix(in srgb,var(--method-get) 30%,var(--border-color));color:color-mix(in srgb,var(--method-get) 88%,var(--text-color))}.severity-badge.info{background:color-mix(in srgb,var(--text-secondary) 10%,#0000);border-color:color-mix(in srgb,var(--text-secondary) 22%,var(--border-color));color:var(--text-secondary)}.filters-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-color);font-size:.875rem;font-weight:600}.filter-select{min-width:180px}.alerts-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem}.alerts-list{display:flex;flex-direction:column;gap:1.5rem}.alert-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s}.alert-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.alert-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.status-badge{border-radius:6px;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.status-triggered{background:color-mix(in srgb,var(--danger-text) 14%,#0000);color:var(--danger-text)}.status-acknowledged{background:color-mix(in srgb,var(--primary-color) 14%,#0000);color:var(--primary-color)}.status-resolved{background:color-mix(in srgb,var(--success-color) 14%,#0000);color:color-mix(in srgb,var(--success-color) 92%,var(--text-color))}.status-snoozed{background:color-mix(in srgb,var(--text-secondary) 10%,#0000);color:var(--text-secondary)}.predictive-badge{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:6px;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.alert-title{color:var(--text-color);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.alert-description{line-height:1.6}.alert-description,.alert-meta{color:var(--text-secondary);margin-bottom:1rem}.alert-meta{display:flex;font-size:.875rem;gap:1.5rem}.alert-actions{display:flex;gap:.75rem}.alert-group-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.group-header{background:color-mix(in srgb,var(--background-color) 60%,var(--card-bg));border-bottom:1px solid var(--border-color);padding:1.5rem}.group-info{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.group-title{color:var(--text-color);flex:1 1;font-size:1.25rem;font-weight:600}.alert-count{background:var(--primary-color);border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.group-meta{display:flex;gap:1.5rem}.group-alerts{display:flex;flex-direction:column}.grouped-alert{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s}.grouped-alert:last-child{border-bottom:none}.grouped-alert:hover{background-color:var(--hover-bg)}.alert-content{flex:1 1}.grouped-alert .alert-title{font-size:1rem;margin-bottom:.25rem}.alert-time,.meta-text{font-size:.875rem}.alert-time,.meta-text,.muted{color:var(--text-secondary)}.alerts-dashboard .btn-ghost,.alerts-dashboard .btn-primary,.alerts-dashboard .btn-secondary,.alerts-dashboard .btn-success{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:.625rem 1.25rem;transition:all .2s}.alerts-dashboard .btn-primary{background-color:var(--primary-color);color:#fff}.alerts-dashboard .btn-primary:hover{background-color:var(--primary-hover)}.alerts-dashboard .btn-secondary{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}.alerts-dashboard .btn-secondary:hover{background-color:var(--hover-bg)}.alerts-dashboard .btn-success{background-color:var(--success-color);color:#fff}.alerts-dashboard .btn-success:hover{background-color:color-mix(in srgb,var(--success-color) 84%,#000)}.alerts-dashboard .btn-ghost{background:#0000;border-color:var(--border-color);color:var(--text-secondary);padding:.5rem .875rem}.alerts-dashboard .btn-ghost:hover{background:var(--hover-bg);color:var(--text-color)}.alerts-dashboard .btn-sm{font-size:.75rem;padding:.375rem .75rem}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.alerts-dashboard{padding:16px}.statistics-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filter-select{min-width:0;width:100%}.alert-actions,.grouped-alert{flex-direction:column}.grouped-alert{align-items:flex-start;gap:1rem}}.policy-page{background:var(--background-color);color:var(--text-color);min-height:100vh}.policyLayout{margin:0 auto;max-width:none;padding:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes policySlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.policyFadeIn{animation:fadeIn .18s ease-out}.policy-page .monitoring-nav,.policyHeader{animation:fadeIn .35s ease both}.policy-page .monitoring-nav{animation-delay:.05s}.policyToolbar{animation:fadeIn .35s ease both;animation-delay:.1s}.policyHeader{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.policyHeaderLeft{align-items:center;display:flex;gap:14px;min-width:0}.policyHeaderIcon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.policyTitle{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.policySubtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.policyHeaderActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.policy-page .monitoring-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin:12px 0 18px;max-width:100%;overflow-x:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.policy-page .nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.policy-page .nav-btn svg{flex-shrink:0;height:16px;width:16px}.policy-page .nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.policy-page .nav-btn.active{background:var(--primary-color);color:#fff}.policyBtn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.policyBtn:disabled{cursor:not-allowed;opacity:.7}.policyBtnPrimary{background:var(--primary-color);color:#fff}.policyBtnPrimary:hover{background:var(--primary-hover);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 30%,#0000);transform:translateY(-1px)}.policyBtnPrimary:active{transform:translateY(0) scale(.97)}.policyBtnSecondary{background:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}.policyBtnSecondary:hover{background:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.policyBtnSecondary:active{transform:translateY(0) scale(.97)}.policy-page .nav-btn:active{transform:scale(.97)}.policyBtnGhost{background:#0000;border-color:var(--border-color);color:var(--text-secondary);padding:8px 12px}.policyBtnGhost:hover{background:var(--hover-bg);color:var(--text-color)}.policyBtnDangerGhost{background:#0000;border-color:var(--border-color);color:var(--danger-text);padding:8px 12px}.policyBtnDangerGhost:hover{background:var(--danger-bg);border-color:var(--danger-border)}.policyIconBtnDanger{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;padding:0;position:static;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;width:32px}.policyIconBtnDanger,.policyIconBtnDanger svg{color:#dc2626;color:var(--danger-text,#dc2626);flex-shrink:0}.policyIconBtnDanger svg{height:16px;width:16px}.policyIconBtnDanger:hover{background:#fef2f2;background:var(--danger-bg,#fef2f2);border-color:#fecaca;border-color:var(--danger-border,#fecaca);color:#dc2626;transform:scale(1.05)}.policyIconBtnDanger:active{transform:scale(.92)}.policyIconBtnDanger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 22%,#0000);outline:none}.policyToolbar{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding:14px}.policyToolbarLeft{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.6fr 220px;width:100%}.policyToolbarLeft .app-select,.policyToolbarLeft .policyField{margin:0;padding:0}.policyToolbarLeft .app-select-trigger{padding:9px 12px}.policyToolbarRight{flex-shrink:0}.policyCount{color:var(--text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.policyField{display:flex;flex-direction:column;gap:8px;min-width:0}.policyLabel{color:var(--text-color);font-size:.85rem;font-weight:700}.policyInput,.policyTextarea{background:var(--background-color);background:color-mix(in srgb,var(--background-color) 82%,var(--card-bg));border:1px solid #00000014;border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000);border-radius:10px;color:var(--text-color);font-size:.95rem;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.policySelect{width:100%}.policyInput::placeholder,.policyTextarea::placeholder{color:var(--text-muted);opacity:1}.policyInput:focus,.policyTextarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 22%,#0000);outline:none}.policyTextarea{min-height:96px;resize:vertical}.policyHelperText{color:var(--text-secondary);font-size:.85rem;margin-top:6px}.policyHint{color:var(--text-secondary);font-size:.95rem}.policyFullWidth{grid-column:1/-1}.policyGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,380px));justify-content:start;list-style:none;margin:0;padding:0}.policyCardItem{animation:fadeIn .35s ease both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.policyGrid .policyCardItem:first-child{animation-delay:.12s}.policyGrid .policyCardItem:nth-child(2){animation-delay:.16s}.policyGrid .policyCardItem:nth-child(3){animation-delay:.2s}.policyGrid .policyCardItem:nth-child(4){animation-delay:.24s}.policyGrid .policyCardItem:nth-child(5){animation-delay:.28s}.policyGrid .policyCardItem:nth-child(6){animation-delay:.32s}.policyGrid .policyCardItem:nth-child(n+7){animation-delay:.36s}.policyCardItem:hover{border-color:var(--primary-color);box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.policyCardMain{-webkit-appearance:none;appearance:none;background:#0000;border:0;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;text-align:left;width:100%}.policyCardMain:focus{outline:none}.policyCardMain:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 22%,#0000)}.policyCardTop{align-items:center;display:flex;justify-content:space-between}.policyBadge{border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.policyBadge.isActive{background:var(--success-bg);color:var(--success-text)}.policyBadge.isDisabled{background:var(--hover-bg);color:var(--text-muted)}.policyCardBody{min-height:72px}.policyCardTitle{color:var(--text-color);font-size:1.05rem;font-weight:800;line-height:1.25;margin:0 0 6px}.policyCardDesc{color:var(--text-secondary);font-size:.92rem;line-height:1.45;margin:0}.policyCardMeta{border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.88rem;gap:14px;padding-top:12px}.policyMetaItem{align-items:center;display:inline-flex;font-weight:600;gap:8px}.policyCardFooter{background:color-mix(in srgb,var(--background-color) 58%,var(--card-bg));border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px 16px}.policyEmpty{align-items:center;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:44px 24px;text-align:center}.policyEmptyCompact{padding:28px 20px}.policyEmptyIcon{align-items:center;background:var(--hover-bg);border-radius:16px;color:var(--text-muted);display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.policyLoading{color:var(--text-secondary);padding:44px 16px;text-align:center}.policySpinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:999px;border-top-color:var(--primary-color);height:36px;margin:0 auto 12px;width:36px}.policyModalOverlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:none;bottom:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;max-height:none;max-width:none;padding:24px;position:fixed;right:0;top:0;width:100vw;z-index:1000}.policyModalOverlay::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073}.policyModal{animation:policySlideUp .3s cubic-bezier(.22,1,.36,1) both;animation:policySlideUp .3s var(--ease-spring,cubic-bezier(.22,1,.36,1)) both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 60px -12px #0000004d;color:var(--text-color);display:flex;flex-direction:column;max-height:90vh;max-width:900px;min-height:0;overflow:hidden;width:100%}.policyModalHeader{align-items:center;background:linear-gradient(180deg,var(--hover-bg) 0,var(--card-bg) 100%);background:linear-gradient(180deg,var(--surface-elevated,var(--hover-bg)) 0,var(--card-bg) 100%);border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:18px 22px;position:relative}.policyModalHeader:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.policyModalTitle{font-size:1.25rem;font-weight:800;margin:0 0 4px}.policyModalSubtitle{color:var(--text-secondary);font-size:.92rem;margin:0}.policyModalBody{background:var(--background-color);color:var(--text-color);display:flex;flex:1 1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:18px 22px 22px}.policySection{animation:fadeIn .3s ease both;background:var(--card-bg);border:1px solid #00000014;border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000);border-radius:12px;color:var(--text-color);padding:18px;transition:border-color .2s ease}.policySection:hover{border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color))}.policySection+.policySection{margin-top:14px}.policyModalBody .policySection:first-child{animation-delay:.05s}.policyModalBody .policySection:nth-child(2){animation-delay:.1s}.policyModalBody .policySection:nth-child(3){animation-delay:.15s}.policyModalBody .policySection:nth-child(4){animation-delay:.2s}.policyModalBody .policySection:nth-child(5){animation-delay:.25s}.policySectionHead{margin-bottom:14px}.policySectionHeadRow{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.policySectionHead h3{align-items:center;color:var(--text-color);display:flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:.04em;margin:0 0 4px;text-transform:uppercase}.policySectionHead h3:before{background:var(--primary-color);border-radius:2px;content:"";height:15px;width:3px}.policySectionHead p{color:var(--text-secondary);font-size:.88rem;margin:0}.policySectionHeadRow{align-items:center}.policyFormGrid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.policyFieldFull{grid-column:1/-1}.policyConditionsList{display:flex;flex-direction:column;gap:12px}.policyConditionItem{background:var(--background-color);background:color-mix(in srgb,var(--background-color) 86%,var(--card-bg));border:1px solid #00000014;border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000);border-radius:12px;padding:14px;transition:border-color .15s ease}.policyConditionItem:hover{border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color))}.policyConditionTop{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.policyConditionTitle{color:var(--text-color);font-size:.92rem;font-weight:800}.policyMonitorsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.policyMonitorCard{align-items:center;background:var(--card-bg);border:1px solid #00000014;border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000);border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.policyMonitorCard:hover{background:color-mix(in srgb,var(--hover-bg) 55%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color));transform:translateY(-1px)}.policyMonitorCard:active{transform:scale(.98)}.policyMonitorCard.selected{background:color-mix(in srgb,var(--primary-color) 10%,var(--card-bg));border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);color:var(--text-color)}.policyMonitorName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.policyToggle{align-items:center;cursor:pointer;display:inline-flex;font-weight:700;gap:12px;position:relative}.policyToggleInput{height:1px;margin:0;opacity:0;padding:0;position:absolute;width:1px}.policyToggleFill{background:var(--border-color);border-radius:100px;height:30px;position:relative;transition:background .2s ease;width:52px}.policyToggleFill:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:24px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:24px}.policyToggleInput:checked+.policyToggleFill{background:var(--primary-color)}.policyToggleInput:checked+.policyToggleFill:after{transform:translateX(22px)}.policyToggleInput:focus-visible+.policyToggleFill{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 22%,#0000)}.policyFieldToggle{align-self:end}.policyCheckbox{align-items:center;background:var(--background-color);background:color-mix(in srgb,var(--background-color) 86%,var(--card-bg));border:1px solid #00000014;border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .15s ease,border-color .15s ease}.policyCheckbox:hover{background:var(--hover-bg);color:var(--text-color)}.policyCheckbox:has(input[type=checkbox]:checked){background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color))}.policyCheckboxGroup{grid-gap:10px;display:grid;gap:10px}.policyCheckboxGroupTwoCol{grid-template-columns:repeat(2,minmax(0,1fr))}.policyRateLimit{background:var(--background-color);background:var(--surface-sunken,var(--background-color));border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:16px;margin-top:14px;padding:16px 18px}.policyRateLimitHead{align-items:center;display:flex;gap:12px;justify-content:space-between}.policyRateLimitTitle{color:var(--text-color);font-size:.9rem;font-weight:700}.policyRateLimitHint{color:var(--text-secondary);font-weight:500}.policyRateLimit .policyFormGrid{margin-top:2px}.policyModalFooter{background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:14px 22px}.policyModalFooterActions{display:flex;gap:10px}@media (max-width:768px){.policyLayout{padding:16px}.policyHeader{align-items:stretch;flex-direction:column}.policyBtn,.policyHeaderActions{width:100%}.policyNav{overflow-x:auto;width:100%}.policyToolbar{align-items:stretch;flex-direction:column}.policyToolbarLeft{grid-template-columns:1fr}.policyModalOverlay{padding:12px}.policyModal{max-height:92vh}.policyModalHeader{align-items:stretch;flex-direction:column}.policyModalFooterActions{flex-direction:column;width:100%}.policyCheckboxGroupTwoCol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.policy-page .monitoring-nav,.policyCardItem,.policyFadeIn,.policyHeader,.policyModal,.policyToolbar{animation:none}}.graphql-linting-panel{background:var(--card-bg);background:var(--tester-surface,var(--card-bg));border-left:1px solid var(--border-color);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);height:100%;overflow:hidden}.graphql-linting-panel:focus-within{border-left-color:color-mix(in srgb,var(--tester-accent) 55%,var(--tester-hairline))}.graphql-linting-panel.collapsed{background:#0000;border:none;height:auto;min-width:80px;width:auto}.expand-panel-button{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 16px;position:relative;transition:all var(--transition-speed)}.expand-panel-button:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.expand-panel-button svg{height:20px;width:20px}.expand-panel-button span{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.issue-count-badge{background:#dc3545;background:var(--danger-color,#dc3545);border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.linting-header{background:linear-gradient(135deg,color-mix(in srgb,var(--tester-accent) 7%,var(--tester-surface)),var(--tester-surface));border-bottom:1px solid var(--tester-hairline);flex-shrink:0;gap:10px;justify-content:space-between;padding:10px 14px}.header-left,.linting-header{align-items:center;display:flex}.header-left{min-width:0;overflow:hidden}.panel-title{align-items:center;color:var(--text-color);display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:-.005em;margin:0;white-space:nowrap}.panel-icon{color:var(--tester-accent);flex-shrink:0;height:17px;width:17px}.score-badge{background:color-mix(in srgb,#22c55e 18%,#0000);background:color-mix(in srgb,var(--success-color,#22c55e) 18%,#0000);border:1px solid color-mix(in srgb,#22c55e 38%,#0000);border:1px solid color-mix(in srgb,var(--success-color,#22c55e) 38%,#0000);border-radius:999px;color:#22c55e;color:var(--success-color,#22c55e);flex-shrink:0;font-family:ui-monospace,monospace;font-family:var(--tester-mono,ui-monospace,monospace);font-size:10px;font-weight:600;padding:2px 7px}.score-badge.excellent{background:color-mix(in srgb,var(--success-color) 12%,#0000);border-color:color-mix(in srgb,var(--success-color) 30%,var(--border-color));color:color-mix(in srgb,var(--success-color) 45%,var(--text-color))}.score-badge.good{background:var(--primary-light);border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color));color:var(--primary-color)}.score-badge.fair{background:color-mix(in srgb,var(--warning-color) 12%,#0000);border-color:color-mix(in srgb,var(--warning-color) 30%,var(--border-color));color:color-mix(in srgb,var(--warning-color) 45%,var(--text-color))}.score-badge.poor{background:color-mix(in srgb,var(--danger-color) 12%,#0000);border-color:color-mix(in srgb,var(--danger-color) 30%,var(--border-color));color:color-mix(in srgb,var(--danger-color) 45%,var(--text-color))}.header-right{align-items:center;display:flex;flex-shrink:0;gap:4px}.collapse-button:focus-visible,.lint-button:focus-visible,.lint-issue:focus-visible,.rules-button:focus-visible,.tab-button:focus-visible{outline:2px solid var(--tester-accent);outline-offset:-2px}.app-select.preset-select{min-width:130px;width:130px}.app-select.preset-select .app-select-trigger{background:var(--background-color);background:var(--tester-inset,var(--background-color));border:1px solid var(--tester-hairline);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);font-size:11px;height:26px;padding:3px 8px}.app-select.preset-select .app-select-trigger:hover{border-color:var(--tester-accent)}.app-select.preset-select .app-select-value{font-weight:500}.app-select.preset-select .app-select-list{min-width:130px}.app-select.preset-select .app-select-option{white-space:nowrap}.collapse-button,.lint-button,.rules-button{align-items:center;background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:5px;height:26px;justify-content:center;padding:5px;transition:all .15s ease;width:26px}.collapse-button svg,.lint-button svg,.rules-button svg{height:13px;width:13px}.collapse-button:hover,.lint-button:hover:not(:disabled),.rules-button:hover{background:var(--hover-bg);border-color:var(--tester-accent);color:var(--tester-accent)}.lint-button:disabled{cursor:not-allowed;opacity:.4}.loading-spinner{height:14px;width:14px}.loading-spinner.large{border-color:var(--border-color);border-top-color:var(--primary-color);border-width:3px;height:32px;width:32px}.linting-tabs{background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:0 10px;scrollbar-width:none}.linting-tabs::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 10px 9px;transition:all var(--transition-speed);white-space:nowrap}.tab-button:hover{background:#0000;color:var(--text-color)}.tab-button.active{background:#0000;border-bottom-color:var(--tester-accent);color:var(--primary-color);font-weight:600}.tab-badge{background:color-mix(in srgb,var(--tester-accent) 20%,#0000);border:1px solid color-mix(in srgb,var(--tester-accent) 45%,#0000);border-radius:999px;color:var(--tester-accent);font-size:10px;font-weight:600;min-width:16px;padding:1px 5px;text-align:center}.tab-button.active .tab-badge{background:color-mix(in srgb,var(--tester-accent) 25%,#0000);color:var(--tester-accent)}.linting-content{background:var(--card-bg);flex:1 1;overflow-y:auto;padding:14px 16px;scrollbar-gutter:stable}.empty-state{align-items:center;background:color-mix(in srgb,var(--background-color) 60%,#0000);border:1px dashed var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius,8px);box-shadow:none;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;justify-content:center;margin:auto;max-width:80%;padding:24px}.empty-state h4{color:var(--primary-color);font-size:13px;font-weight:600;margin:0}.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;min-height:160px;text-align:center}.empty-icon{color:var(--primary-color);height:28px;opacity:.55;width:28px}.empty-state p,.loading-state p{color:var(--text-secondary);font-size:12.5px;margin:0}.empty-state .empty-hint{display:none}.issues-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.summary-item{align-items:center;background:var(--background-color);background:var(--tester-inset,var(--background-color));border:1px solid var(--tester-hairline,var(--border-color));border-radius:8px;display:flex;flex-direction:row;gap:11px;min-height:50px;overflow:hidden;padding:11px 14px;position:relative;transition:all var(--transition-speed)}.summary-item:before{background:var(--text-muted);content:"";inset:0 auto 0 0;opacity:.8;position:absolute;width:3px}.summary-item.errors:before{background:#ef4444;background:var(--danger-color,#ef4444)}.summary-item.warnings:before{background:#facc15;background:var(--warning-color,#facc15)}.summary-item.suggestions:before{background:var(--tester-accent)}.summary-item:hover{background:color-mix(in srgb,var(--tester-accent) 7%,var(--tester-inset));border-color:color-mix(in srgb,var(--tester-accent) 65%,var(--tester-hairline));box-shadow:0 6px 16px color-mix(in srgb,var(--tester-accent) 12%,#0000);transform:translateY(-1px)}.summary-item .severity-icon{stroke-width:1.75;flex-shrink:0;height:17px;width:17px}.summary-item .count{color:var(--text-color);font-size:17px;font-weight:700;margin-right:3px}.summary-item .label{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.summary-item.errors .count{color:#dc3545;color:var(--danger-color,#dc3545)}.summary-item.warnings .count{color:#ffc107;color:var(--warning-color,#ffc107)}.summary-item.suggestions .count{color:var(--primary-color)}.summary-item.info .count{color:var(--text-secondary)}.issues-list{display:flex;flex-direction:column;gap:8px}.issues-list>*{contain-intrinsic-size:auto 54px;content-visibility:auto}.lint-issue{background:var(--background-color);background:var(--tester-inset,var(--background-color));border-left:1px solid color-mix(in srgb,var(--tester-accent) 55%,var(--tester-hairline,var(--border-color)));border:1px solid color-mix(in srgb,var(--tester-accent) 55%,var(--tester-hairline,var(--border-color)));border-radius:8px;cursor:pointer;padding:12px 14px;transition:all var(--transition-speed)}.lint-issue:hover{box-shadow:0 6px 16px color-mix(in srgb,var(--tester-accent) 13%,#0000);transform:translateY(-1px)}.lint-issue.expanded,.lint-issue:hover{background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border-color:var(--tester-accent)}.lint-issue.error,.lint-issue.info,.lint-issue.suggestion,.lint-issue.warning{border-left-color:color-mix(in srgb,var(--tester-accent) 55%,var(--tester-hairline,var(--border-color)))}.issue-header{align-items:center;display:flex;gap:10px}.severity-icon{background:#0000;border:none;box-shadow:none;flex-shrink:0;height:16px;width:16px}.severity-icon.error{color:color-mix(in srgb,var(--danger-color) 45%,var(--text-color))}.severity-icon.warning{color:color-mix(in srgb,var(--warning-color) 45%,var(--text-color))}.severity-icon.suggestion{color:var(--primary-color)}.severity-icon.info{color:var(--text-muted)}.issue-message{color:var(--text-color);flex:1 1;font-size:13px;font-weight:600;line-height:1.4}.issue-location{background:color-mix(in srgb,var(--tester-accent) 16%,#0000);border-radius:4px;color:var(--tester-accent);font-family:SF Mono,monospace;font-family:var(--tester-mono,"SF Mono",monospace);font-size:10px;padding:4px 8px}.expand-icon{color:var(--text-muted);height:16px;transition:transform .2s;width:16px}.lint-issue.expanded .expand-icon{transform:rotate(180deg)}.issue-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.detail-row{align-items:center;display:flex;font-size:12px;gap:8px}.detail-label{color:var(--text-muted);min-width:60px}.detail-value{color:var(--text-color);font-family:SF Mono,monospace}.fix-suggestion{color:#28a745;color:var(--success-color,#28a745)}.category-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px;text-transform:capitalize}.category-badge.security{background:color-mix(in srgb,var(--danger-color) 10%,#0000);color:color-mix(in srgb,var(--danger-color) 25%,var(--text-color))}.category-badge.performance{background:color-mix(in srgb,var(--warning-color) 10%,#0000);color:color-mix(in srgb,var(--warning-color) 25%,var(--text-color))}.category-badge.naming{background:var(--primary-light);color:var(--primary-color)}.category-badge.best-practices{background:color-mix(in srgb,var(--success-color) 10%,#0000);color:color-mix(in srgb,var(--success-color) 25%,var(--text-color))}.category-icon{height:12px;width:12px}.no-issues,.no-practices,.no-suggestions{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;padding:20px 16px;text-align:center}.issues-list .no-issues,.no-practices,.no-suggestions{background:color-mix(in srgb,#22c55e 5%,var(--tester-inset));background:color-mix(in srgb,var(--success-color,#22c55e) 5%,var(--tester-inset));border:1px dashed var(--tester-hairline);border-radius:8px;justify-content:center;min-height:132px}.check-icon{color:color-mix(in srgb,var(--success-color) 50%,var(--text-secondary));height:22px;opacity:.7;width:22px}.suggestions-list{display:flex;flex-direction:column;gap:12px}.optimization-suggestion{background:var(--background-color);border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:var(--border-radius);padding:16px}.optimization-suggestion.priority-high{border-left-color:#dc3545;border-left-color:var(--danger-color,#dc3545)}.optimization-suggestion.priority-medium{border-left-color:#ffc107;border-left-color:var(--warning-color,#ffc107)}.optimization-suggestion.priority-low{border-left-color:var(--text-muted)}.suggestion-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.priority-badge{border-radius:4px;font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.priority-badge.high{background:color-mix(in srgb,var(--danger-color) 10%,#0000);color:color-mix(in srgb,var(--danger-color) 25%,var(--text-color))}.priority-badge.medium{background:color-mix(in srgb,var(--warning-color) 10%,#0000);color:color-mix(in srgb,var(--warning-color) 25%,var(--text-color))}.priority-badge.low{background:var(--hover-bg);color:var(--text-muted)}.suggestion-title{color:var(--text-color);font-size:14px;font-weight:600;margin:0}.suggestion-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 12px}.suggestion-example{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin:12px 0;overflow-x:auto;padding:12px}.suggestion-example code{color:var(--text-color);font-family:SF Mono,Monaco,monospace;font-size:12px;white-space:pre}.suggestion-tips{color:var(--text-secondary);font-size:12px;margin:8px 0 0;padding-left:20px}.suggestion-tips li{margin-bottom:4px}.best-practices-list{display:flex;flex-direction:column;gap:12px}.best-practice-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;transition:all var(--transition-speed)}.best-practice-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #014c751a}.practice-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.practice-header .category-icon{color:var(--primary-color);height:18px;width:18px}.practice-title{color:var(--text-color);font-size:14px;font-weight:600;margin:0}.practice-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 8px}.practice-example{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin:12px 0;padding:10px}.practice-example code{color:var(--primary-color);font-family:SF Mono,monospace;font-size:12px}.practice-recommendation{background:var(--primary-light);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:12px;margin:8px 0 0;padding:8px}.metrics-tab .metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.metrics-tab .metric-card{background:color-mix(in srgb,var(--background-color) 60%,#0000);border:1px solid var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius,8px);display:flex;flex-direction:column;gap:4px;padding:12px 14px}.metrics-tab .metric-card.error{border-color:color-mix(in srgb,var(--danger-color) 40%,var(--tester-hairline))}.metrics-tab .metric-card.warning{border-color:color-mix(in srgb,var(--warning-color) 40%,var(--tester-hairline))}.metrics-tab .metric-card.suggestion{border-color:color-mix(in srgb,var(--primary-color) 40%,var(--tester-hairline))}.metrics-tab .metric-card.info{border-color:color-mix(in srgb,var(--text-muted) 40%,var(--tester-hairline))}.metrics-tab .metric-label{color:var(--text-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.metrics-tab .metric-value{color:var(--text-color);font-size:18px;font-weight:700}.metrics-tab .metric-value.score.excellent{color:color-mix(in srgb,var(--success-color) 60%,var(--text-color))}.metrics-tab .metric-value.score.good{color:color-mix(in srgb,var(--primary-color) 70%,var(--text-color))}.metrics-tab .metric-value.score.fair{color:color-mix(in srgb,var(--warning-color) 70%,var(--text-color))}.metrics-tab .metric-value.score.poor{color:color-mix(in srgb,var(--danger-color) 70%,var(--text-color))}.metrics-tab .category-breakdown{background:color-mix(in srgb,var(--background-color) 60%,#0000);border:1px solid var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius,8px);padding:14px}.metrics-tab .category-breakdown h4{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.metrics-tab .categories-list{display:flex;flex-direction:column}.metrics-tab .category-row{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--tester-hairline) 50%,#0000);display:flex;justify-content:space-between;padding:8px 0}.metrics-tab .category-row:last-child{border-bottom:none}.metrics-tab .category-badge{align-items:center;color:var(--text-color);display:flex;font-size:12px;gap:8px}.metrics-tab .category-badge svg{color:var(--text-secondary);height:14px;width:14px}.metrics-tab .category-count{color:var(--text-color);font-size:13px;font-weight:600}@media (max-width:500px){.metrics-tab .metrics-grid{grid-template-columns:repeat(2,1fr)}}.rules-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,var(--background-color) 70%,#0000);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rules-modal{background:var(--card-bg);background:var(--tester-surface,var(--card-bg));border:1px solid var(--tester-hairline);border-radius:8px;border-radius:var(--tester-radius,8px);box-shadow:none;display:flex;flex-direction:column;max-height:80vh;max-width:520px;overflow:hidden;width:100%}.modal-header{background:#0000;border-bottom:1px solid var(--tester-hairline);justify-content:space-between;padding:12px 16px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:var(--text-color);font-size:13px;font-weight:600;gap:8px;margin:0}.modal-header h3 svg{color:var(--tester-accent);height:15px;width:15px}.close-button{align-items:center;background:#0000;border:1px solid var(--tester-hairline);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;padding:5px;transition:all .15s ease;width:26px}.close-button:hover{border-color:var(--tester-accent);color:var(--tester-accent)}.close-button svg{height:13px;width:13px}.modal-content{border:none!important;flex:1 1;overflow-y:auto;padding:14px}.rule-category{margin-bottom:18px}.category-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.06em;margin:0 0 10px;padding-bottom:8px;text-transform:uppercase}.category-title .category-icon{color:var(--text-secondary);flex-shrink:0;height:14px;width:14px}.category-title .category-count{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:0;margin-left:auto;text-transform:none}.rules-list{display:flex;flex-direction:column}.rules-modal .rule-item{align-items:flex-start;background:#0000!important;border:none!important;border-bottom:1px solid color-mix(in srgb,var(--tester-hairline) 50%,#0000)!important;border-radius:0!important;display:flex;gap:12px;margin:0!important;padding:10px 0}.rules-modal .rule-item:last-child{border-bottom:none!important}.rules-modal .severity-badge{border-radius:4px;box-sizing:border-box;flex-shrink:0;font-size:9px;font-weight:650;letter-spacing:.04em;margin-top:2px;min-width:76px;padding:2px 6px;text-align:center;text-transform:uppercase}.rules-modal .severity-badge.error{background:color-mix(in srgb,var(--danger-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--danger-color) 25%,#0000);color:color-mix(in srgb,var(--danger-color) 40%,var(--text-color))}.rules-modal .severity-badge.warning{background:color-mix(in srgb,var(--warning-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--warning-color) 25%,#0000);color:color-mix(in srgb,var(--warning-color) 40%,var(--text-color))}.rules-modal .severity-badge.suggestion{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--primary-color) 25%,#0000);color:color-mix(in srgb,var(--primary-color) 40%,var(--text-color))}.rules-modal .severity-badge.info{background:var(--hover-bg);border:1px solid var(--tester-hairline);color:var(--text-muted)}.rule-info{display:flex;flex-direction:column;gap:1px;min-width:0}.rule-name{color:var(--text-color);font-size:12px;font-weight:500}.rule-desc{color:var(--text-muted);font-size:11px;line-height:1.35}.linting-content::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.linting-content::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#0000}.linting-content::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.linting-content::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body.dark-theme .graphql-linting-panel{background:var(--card-bg);border-color:var(--border-color)}body.dark-theme .linting-header,body.dark-theme .modal-header{background:var(--navbar-bg)}body.dark-theme .best-practice-card,body.dark-theme .category-breakdown,body.dark-theme .collapse-button,body.dark-theme .lint-issue,body.dark-theme .metric-card,body.dark-theme .optimization-suggestion,body.dark-theme .rules-button,body.dark-theme .summary-item{background:var(--background-color);border-color:var(--border-color)}body.dark-theme .practice-example,body.dark-theme .suggestion-example{background:var(--hover-bg);border-color:var(--border-color)}body.dark-theme .rules-modal{background:var(--card-bg)}body.dark-theme .rule-item{background:var(--background-color)}body.dark-theme .practice-recommendation{background:#014c7533}@media (max-width:768px){.linting-header{flex-direction:column;gap:12px}.header-left,.header-right{justify-content:space-between;width:100%}.issues-summary{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(1,1fr)}.tab-button{font-size:11px;padding:8px 6px}}body{--tester-accent:var(--primary-color);--tester-hairline:var(--border-color);--tester-surface:var(--card-bg);--tester-inset:var(--background-color);--tester-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--tester-radius:var(--radius-lg,16px);--tester-radius-sm:var(--radius-md,12px);--tester-radius-btn:var(--radius-sm,8px)}.ts-shell{animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:16px;padding:clamp(16px,3vw,24px)}.ts-panel{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--tester-accent) 6%,#0000);padding:18px}.ts-panel-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.ts-inset{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);padding:12px}.ts-eyebrow{color:var(--tester-accent);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.ts-muted{color:var(--text-secondary)}.ts-mono{font-family:var(--tester-mono)}.ts-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.82rem;font-weight:550;gap:6px;justify-content:center;padding:8px 14px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ts-btn:hover{background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border-color:color-mix(in srgb,var(--tester-accent) 45%,var(--tester-hairline))}.ts-btn.primary{background:var(--tester-accent);border-color:var(--tester-accent);color:var(--button-text)}.ts-btn.primary:hover{filter:brightness(1.1)}.ts-btn.danger{border-color:color-mix(in srgb,var(--danger-color) 35%,var(--tester-hairline));color:var(--danger-color)}.ts-btn.danger:hover{background:color-mix(in srgb,var(--danger-color) 10%,var(--tester-inset));border-color:var(--danger-color)}.ts-btn:disabled{cursor:not-allowed;opacity:.55}.ts-status{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-family:var(--tester-mono);font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.ts-status:before{background:currentColor;border-radius:50%;content:"";height:7px;width:7px}.ts-status.connected,.ts-status.live,.ts-status.running{background:color-mix(in srgb,var(--success-color) 8%,var(--tester-inset));border-color:color-mix(in srgb,var(--success-color) 35%,var(--tester-hairline));color:var(--success-color)}.ts-status.live:before,.ts-status.running:before{animation:livePulse 1.5s ease-in-out infinite}.ts-status.disconnected{color:var(--text-secondary)}.ts-status.error{background:color-mix(in srgb,var(--danger-color) 8%,var(--tester-inset));border-color:color-mix(in srgb,var(--danger-color) 35%,var(--tester-hairline));color:var(--danger-color)}.ts-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ts-kpi{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);overflow:hidden;padding:14px;position:relative}.ts-kpi:before{background:color-mix(in srgb,var(--tester-accent) 80%,#0000);content:"";height:3px;left:0;position:absolute;top:0;width:28px}.ts-kpi-label{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.64rem;font-weight:600;letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase}.ts-kpi-value{font-feature-settings:"tnum";color:var(--text-color);font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.01em}.ts-kpi-unit{color:var(--text-secondary);font-size:.7rem;margin-left:3px}.ts-kpi.live:before{animation:livePulse 1.5s ease-in-out infinite;background:var(--success-color)}.ts-kpi.failed:before{background:var(--danger-color)}.ts-kpi-change{border-radius:6px;display:inline-block;font-family:var(--tester-mono);font-size:.7rem;font-weight:600;margin-top:8px;padding:3px 8px}.ts-kpi-change.positive{background:color-mix(in srgb,var(--success-color) 10%,var(--tester-inset));color:var(--success-color)}.ts-kpi-change.negative{background:color-mix(in srgb,var(--danger-color) 10%,var(--tester-inset));color:var(--danger-color)}.ts-input,.ts-select,.ts-textarea{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);font-family:var(--font-family);font-size:.85rem;padding:8px 12px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.ts-input:focus,.ts-select:focus,.ts-textarea:focus{border-color:var(--tester-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tester-accent) 15%,#0000);outline:none}.ts-textarea{line-height:1.5;min-height:120px;resize:vertical}.ts-badge,.ts-textarea{font-family:var(--tester-mono)}.ts-badge{align-items:center;background:color-mix(in srgb,var(--tester-accent) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--tester-accent) 25%,var(--tester-hairline));border-radius:var(--tester-radius-btn);color:var(--tester-accent);display:inline-flex;font-size:.66rem;font-weight:600;gap:4px;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.ts-sparkline{height:32px;width:120px}.ts-sparkline polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@keyframes tsRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tsSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tsFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ts-kpi.live:before,.ts-panel,.ts-shell,.ts-status.live:before,.ts-status.running:before{animation:none}}.graphql-tester{--graphql-bg:var(--tester-surface,var(--tester-surface));--graphql-border:var(--tester-hairline);--graphql-text:var(--text-color);--graphql-text-muted:var(--text-secondary);--graphql-primary:var(--primary-color);--graphql-success:var(--success-color,#22c55e);--graphql-error:var(--danger-color,#ef4444);--tester-accent:var(--primary-color);background:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);height:100%}.graphql-header{align-items:center;background:var(--tester-surface);border-bottom:1px solid var(--tester-hairline);display:flex;gap:12px;justify-content:center;padding:14px 20px}.graphql-header h2{align-items:center;color:var(--text-color);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.graphql-icon{color:var(--tester-accent);height:24px;width:24px}.graphql-url-bar{background:var(--tester-surface);border-bottom:1px solid var(--tester-hairline);display:flex;gap:8px;justify-content:center;padding:14px 20px}.url-input-wrapper{flex:1 1;max-width:760px;position:relative}.url-input{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);font-family:var(--tester-mono);font-size:14px;padding:10px 16px;transition:all .2s;width:100%}.url-input:focus{background:var(--tester-surface);border-color:var(--tester-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tester-accent) 15%,#0000);outline:none}.url-input::placeholder{color:var(--text-secondary)}.execute-button{align-items:center;background:var(--tester-accent);border:none;border-radius:var(--tester-radius-btn);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 24px;transition:all .15s ease}.execute-button:hover:not(:disabled){background:color-mix(in srgb,var(--tester-accent) 85%,var(--background-color));box-shadow:0 6px 24px color-mix(in srgb,var(--tester-accent) 8%,#0000);transform:translateY(-1px)}.execute-button:active:not(:disabled){transform:translateY(0)}.execute-button:disabled{background:var(--tester-inset);color:var(--text-secondary);cursor:not-allowed}.introspect-button{align-items:center;background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .15s ease}.introspect-button:hover:not(:disabled){background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border-color:var(--tester-accent)}.introspect-button:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;margin:0;width:16px}.introspect-button .loading-spinner{border:2px solid var(--tester-hairline);border-top-color:var(--tester-accent)}.execute-button,.introspect-button{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.graphql-content{display:flex;gap:0;overflow:hidden;position:relative}.graphql-content,.graphql-split-panels{flex:1 1;min-height:0}.graphql-split-panels>.graphql-editor-panel,.graphql-split-panels>.graphql-response-panel{height:100%;min-height:0;min-width:0;overflow:hidden}.graphql-split-handle{background:var(--tester-hairline);flex:0 0 6px;position:relative;transition:background .15s ease}.graphql-split-handle:hover{background:var(--tester-accent)}.graphql-split-handle:after{content:"";inset:0 -4px;position:absolute}.graphql-editor-panel{background:var(--tester-surface);border-right:1px solid var(--tester-hairline);display:flex;flex-direction:column;overflow:hidden}.editor-tabs{align-self:flex-start;background:var(--background-color);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);display:flex;gap:4px;margin:12px 0 0 12px;padding:4px;width:-webkit-fit-content;width:fit-content}.editor-tab{background:#0000;border:none;border-radius:var(--tester-radius-btn);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .15s ease}.editor-tab,.editor-tab:focus{box-shadow:none;outline:none}.editor-tab:hover{background:var(--hover-bg);color:var(--text-color)}.editor-tab.active{background:color-mix(in srgb,var(--tester-accent) 12%,#0000);color:var(--tester-accent);font-weight:600}.editor-container{flex:1 1;min-height:0;overflow:hidden;position:relative}.monaco-editor-wrapper{border-radius:var(--tester-radius-sm);display:flex;flex-direction:column;height:100%;line-height:1.5;overflow:hidden;width:100%}.monaco-editor-wrapper .monaco-editor,.monaco-editor-wrapper .monaco-editor .lines-content{line-height:1.5!important}.headers-editor{background:#0000;height:100%;overflow-x:hidden}.headers-card,.headers-editor{display:flex;padding:16px;width:100%}.headers-card{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);flex-direction:column;min-height:0}.headers-rows{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.headers-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;min-height:180px;text-align:center}.headers-empty p{color:var(--text-color);font-size:14px;font-weight:600;margin:0}.headers-empty small{font-size:12px;max-width:280px}.headers-card-head{align-items:center;border-bottom:1px solid var(--tester-hairline);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.headers-card-title{display:flex;flex-direction:column;gap:2px;min-width:0}.headers-card-title span{color:var(--text-color);font-size:14px;font-weight:600}.headers-card-title small{color:var(--text-secondary);font-size:12px}.key-value-pair{display:flex;gap:8px;margin-bottom:8px;max-width:100%;min-width:0;width:100%}.key-value-input{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);flex:1 1;font-size:13px;min-width:0;padding:10px 12px;transition:border-color .15s ease,background .15s ease;width:auto}.key-value-input:focus{background:var(--background-color);border-color:var(--tester-accent);outline:none}.icon-button,.key-value-input::placeholder{color:var(--text-secondary)}.icon-button{align-items:center;background:#0000;border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease}.icon-button:hover{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.add-pair-button{align-items:center;background:color-mix(in srgb,var(--tester-accent) 12%,#0000);border:1px solid color-mix(in srgb,var(--tester-accent) 40%,#0000);border-radius:var(--tester-radius-btn);color:var(--tester-accent);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.add-pair-button:hover{background:var(--tester-accent);border-color:var(--tester-accent);color:#fff}.complexity-indicator{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);color:var(--text-secondary);display:flex;font-size:12px;gap:12px;margin:12px;padding:10px 14px}.complexity-bar{background:color-mix(in srgb,var(--tester-accent) 12%,var(--tester-inset));border-radius:999px;flex:1 1;height:6px;overflow:hidden}.complexity-fill{border-radius:999px;height:100%;transition:width .3s ease}.complexity-fill.low{background:var(--success-color)}.complexity-fill.medium{background:var(--warning-color)}.complexity-fill.high{background:var(--danger-color)}.graphql-response-panel{background:var(--tester-surface);display:flex;flex-direction:column;overflow:hidden}.graphql-linting-container{border-left:1px solid var(--tester-hairline);height:100%;min-height:0;overflow:hidden}.response-header{align-items:center;background:var(--tester-surface);border-bottom:1px solid var(--tester-hairline);display:flex;justify-content:space-between;padding:12px 16px}.response-status{align-items:center;display:flex;gap:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.success{background:var(--success-bg);color:var(--success-text)}.status-badge.error{background:var(--danger-bg);color:var(--danger-text)}.response-time{color:var(--text-secondary);font-family:var(--tester-mono);font-size:12px}.response-actions{display:flex;gap:8px}.response-content{background:var(--tester-surface);flex:1 1;overflow:auto;padding:16px}.empty-response{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.empty-response-icon{height:64px;opacity:.3;width:64px}.empty-response p{font-size:16px;margin:0}.empty-response small{font-size:13px;opacity:.7}.warning-message{background:var(--warning-light);border-left:3px solid var(--warning-color);color:var(--text-color)}.error-message,.warning-message{border-radius:var(--tester-radius-btn);font-size:13px;margin-bottom:12px;padding:12px 16px}.error-message{background:var(--danger-light);border-left:3px solid var(--danger-color);color:var(--danger-text)}.response-json{word-wrap:break-word;background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border:1px solid var(--tester-hairline);border-radius:var(--tester-radius);color:var(--text-color);font-family:var(--tester-mono);font-size:13px;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap}.schema-panel{border-left:1px solid var(--tester-hairline);display:flex;flex-direction:column;width:320px}.schema-header,.schema-panel{background:var(--tester-surface)}.schema-header{border-bottom:2px solid var(--tester-hairline);padding:20px}.schema-header h3{align-items:center;color:var(--text-color);display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.3px;margin:0 0 16px}.schema-search{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius);color:var(--text-color);font-size:13px;padding:10px 14px;transition:all .15s ease;width:100%}.schema-search:focus{background:var(--background-color);border-color:var(--tester-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tester-accent) 15%,#0000);outline:none}.schema-search::placeholder{color:var(--text-secondary);opacity:.7}.schema-content{background:var(--tester-surface);flex:1 1;gap:10px;overflow-y:auto;padding:16px 12px}.schema-content,.schema-type{display:flex;flex-direction:column}.schema-type{background:var(--background-color);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius);box-shadow:0 1px 3px color-mix(in srgb,var(--tester-accent) 8%,#0000);cursor:pointer;gap:8px;padding:14px 16px;transition:all .15s ease}.schema-type:hover{background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border-color:var(--tester-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--tester-accent) 15%,#0000);transform:translateY(-2px)}.schema-type-name{color:var(--text-color);font-size:14px;font-weight:600;line-height:1.4;margin:0;word-break:break-word}.schema-type-kind{background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.8px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}@media (max-width:1200px){.schema-panel{width:280px}.schema-type{padding:12px 14px}}@media (max-width:1024px){.graphql-editor-panel{flex:1 1 45%;max-width:none;min-width:350px}.graphql-response-panel{flex:1 1 55%;min-width:300px}}@media (max-width:768px){.graphql-content{flex-direction:column}.graphql-editor-panel,.graphql-response-panel{border-bottom:1px solid var(--tester-hairline);border-right:none;flex:1 1 auto;height:50%;max-width:100%;min-height:300px;min-width:100%}.schema-panel{display:none}.graphql-url-bar{flex-wrap:wrap}.url-input-wrapper{order:-1;width:100%}}.headers-editor::-webkit-scrollbar,.response-content::-webkit-scrollbar,.schema-content::-webkit-scrollbar{height:8px;width:8px}.headers-editor::-webkit-scrollbar-track,.response-content::-webkit-scrollbar-track,.schema-content::-webkit-scrollbar-track{background:#0000}.headers-editor::-webkit-scrollbar-thumb,.response-content::-webkit-scrollbar-thumb,.schema-content::-webkit-scrollbar-thumb{background:var(--tester-hairline);border-radius:4px}.headers-editor::-webkit-scrollbar-thumb:hover,.response-content::-webkit-scrollbar-thumb:hover,.schema-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.lint-toggle-button{align-items:center;background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-left:auto;padding:8px 14px;transition:all .15s ease}.lint-toggle-button:hover{background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset))}.lint-toggle-button.active,.lint-toggle-button:hover{border-color:var(--tester-accent);color:var(--tester-accent)}.lint-toggle-button.active{background:color-mix(in srgb,var(--tester-accent) 15%,#0000)}.lint-toggle-button svg{flex-shrink:0;height:16px;width:16px}.lint-score-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s ease}.lint-score-badge.good{background:var(--success-bg);color:var(--success-text)}.lint-score-badge.fair{background:var(--warning-light);color:var(--warning-color)}.lint-score-badge.poor{background:var(--danger-bg);color:var(--danger-text)}.linting-panel-container{background:var(--tester-surface);border-left:1px solid var(--tester-hairline);flex-shrink:0;overflow:hidden;transition:width .3s ease}.graphql-test-page{background-color:var(--background-color);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.protocol-selector{--selector-bg:var(--card-bg);--selector-border:var(--border-color);--selector-text:var(--text-color);--selector-text-muted:var(--text-secondary);--selector-hover-bg:var(--hover-bg);--selector-radius:var(--radius-md,12px);background:var(--selector-bg);border-radius:var(--selector-radius);padding:20px}.protocol-selector--disabled{opacity:.6;pointer-events:none}.protocol-selector__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.protocol-selector__title{color:var(--selector-text);font-size:1.1rem;font-weight:600;margin:0}.protocol-selector__current{background:var(--selector-hover-bg);border-radius:6px;color:var(--selector-text-muted);font-size:.85rem;padding:4px 10px}.protocol-selector__grid{grid-gap:12px;display:grid;gap:12px}.protocol-selector--horizontal .protocol-selector__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.protocol-selector--vertical .protocol-selector__grid{grid-template-columns:1fr}.protocol-selector--small .protocol-selector__grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.protocol-selector--large .protocol-selector__grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.protocol-card{background:var(--selector-bg);border:1px solid var(--selector-border);border-radius:var(--selector-radius);display:flex;flex-direction:column;padding:16px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.protocol-card--hovered,.protocol-card:hover{border-color:var(--primary-color)}.protocol-card--selected{background:color-mix(in srgb,var(--primary-color) 10%,var(--selector-bg));background:color-mix(in srgb,var(--protocol-color,var(--primary-color)) 10%,var(--selector-bg));border-color:var(--protocol-color,var(--primary-color));box-shadow:0 0 0 1px var(--primary-color),0 0 14px color-mix(in srgb,var(--primary-color) 25%,#0000);box-shadow:0 0 0 1px var(--protocol-color,var(--primary-color)),0 0 14px color-mix(in srgb,var(--protocol-color,var(--primary-color)) 25%,#0000)}.protocol-card--selected .protocol-card__name{color:var(--primary-color);color:var(--protocol-color,var(--primary-color))}.protocol-card--selected .protocol-card__indicator{transform:scaleX(0)}.protocol-card__icon-wrapper{align-items:center;background:#0000;border-radius:8px;display:flex;height:40px;justify-content:center;margin-bottom:12px;position:relative;width:40px}.protocol-card__icon{font-size:1.5rem}.protocol-card__check{align-items:center;background:var(--primary-color);background:var(--protocol-color,var(--primary-color));border-radius:50%;color:#fff;color:var(--button-text,#fff);display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.protocol-card__content{flex:1 1}.protocol-card__header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.protocol-card__name{color:var(--selector-text);font-size:1rem;font-weight:600;margin:0}.protocol-card__badge{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.65rem;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.protocol-card__description{color:var(--selector-text-muted);font-size:.85rem;line-height:1.4;margin:0 0 12px}.protocol-card__features{display:flex;flex-wrap:wrap;gap:4px 12px;list-style:none;margin:0;padding:0}.protocol-card__feature{align-items:center;color:var(--selector-text-muted);display:flex;font-size:.75rem;gap:4px}.protocol-card__feature-dot{color:var(--protocol-color);font-size:.6rem}.protocol-card__indicator{display:none}.protocol-card:hover .protocol-card__indicator{transform:scaleX(0)}.protocol-selector--small .protocol-card{padding:12px}.protocol-selector--small .protocol-card__icon-wrapper{height:36px;margin-bottom:8px;width:36px}.protocol-selector--small .protocol-card__icon{font-size:1.2rem}.protocol-selector--small .protocol-card__name{font-size:.9rem}.protocol-selector--small .protocol-card__description{font-size:.75rem;margin-bottom:8px}.protocol-switcher{background:var(--background-color);border:1px solid var(--selector-border);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:4px;overflow-x:auto;padding:4px}.protocol-switcher--disabled{opacity:.6;pointer-events:none}.protocol-switcher__btn{var(--card-bg)-space:nowrap;align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:inherit;gap:6px;padding:8px 12px;transition:all .15s ease}.protocol-switcher__btn:hover{background:var(--primary-light)}.protocol-switcher__btn--active{background:var(--protocol-color);color:var(--button-text)}.protocol-switcher__btn--active .protocol-switcher__name{color:var(--button-text)}.protocol-switcher__icon{font-size:1rem}.protocol-switcher__name{color:var(--text-color);font-size:.8rem;font-weight:500}.protocol-dropdown{display:inline-block;position:relative}.protocol-dropdown--disabled{opacity:.6;pointer-events:none}.protocol-dropdown__trigger{align-items:center;background:var(--card-bg);border:1px solid var(--selector-border);border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;font-family:inherit;gap:8px;min-width:140px;padding:8px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.protocol-dropdown__trigger:hover{border-color:var(--protocol-color)}.protocol-dropdown--open .protocol-dropdown__trigger{border-color:var(--protocol-color);box-shadow:0 0 0 3px var(--primary-color)}.protocol-dropdown__icon{font-size:1rem}.protocol-dropdown__name{color:var(--text-color);flex:1 1;font-size:.9rem;font-weight:500;text-align:left}.protocol-dropdown__arrow{color:var(--text-secondary);font-size:.6rem;transition:transform .2s ease}.protocol-dropdown--open .protocol-dropdown__arrow{transform:rotate(180deg)}.protocol-dropdown__menu{animation:dropdownFadeIn .15s ease;background:var(--card-bg);border:1px solid var(--selector-border);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 4px 20px color-mix(in srgb,var(--primary-color) 10%,#0000);box-shadow:var(--shadow-lg,0 4px 20px color-mix(in srgb,var(--primary-color) 10%,#0000));left:0;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.protocol-dropdown__item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.protocol-dropdown__item:hover{background:var(--hover-bg)}.protocol-dropdown__item--selected{background:var(--primary-light)}.protocol-dropdown__item-icon{font-size:1rem}.protocol-dropdown__item-name{color:var(--text-color);flex:1 1;font-size:.9rem}.protocol-dropdown__item-check{color:var(--protocol-color);font-size:.8rem;font-weight:700}.protocol-selector__tooltip{animation:tooltipFadeIn .2s ease;background:var(--text-color);border-radius:var(--border-radius);bottom:20px;color:var(--background-color);font-size:.85rem;left:50%;padding:8px 16px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.protocol-selector__grid{grid-template-columns:1fr}.protocol-switcher{flex-wrap:wrap}.protocol-card__features{flex-direction:column;gap:4px}}@media (max-width:480px){.protocol-selector{padding:12px}.protocol-selector__header{align-items:flex-start;flex-direction:column;gap:8px}.protocol-card{padding:12px}}.websocket-tester{--ws-bg:var(--tester-surface,var(--card-bg));--ws-border:var(--tester-hairline);--ws-text:var(--text-color);--ws-text-muted:var(--text-secondary);--ws-primary:var(--tester-accent,var(--primary-color));--ws-success:var(--success-color,#28a745);--ws-error:var(--danger-color,#dc3545);--ws-sent-bg:color-mix(in srgb,var(--ws-primary) 8%,var(--tester-inset));--ws-received-bg:color-mix(in srgb,var(--ws-success) 8%,var(--tester-inset));--ws-system-bg:var(--tester-inset);--ws-error-bg:color-mix(in srgb,var(--ws-error) 8%,var(--tester-inset));animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;background:var(--tester-inset);display:flex;flex-direction:column;gap:16px;height:100%;padding:clamp(16px,2vw,24px)}.ws-panel{background:var(--ws-bg);border:1px solid var(--ws-border);border-radius:var(--tester-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--ws-primary) 6%,#0000);padding:18px}.ws-panel-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.ws-panel-title svg{color:var(--ws-primary);flex-shrink:0}.ws-connection-panel{flex-shrink:0}.ws-connection-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.ws-connection-header .ws-panel-title{flex:1 1}.ws-connection-header .ts-status,.ws-url-group{margin-bottom:14px}.ws-url-group{align-items:stretch;background:var(--tester-inset);border:1px solid var(--ws-border);border-radius:var(--tester-radius-sm);display:flex;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.ws-url-group:focus-within{border-color:var(--ws-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-primary) 12%,#0000)}.ws-protocol-badge{align-items:center;background:color-mix(in srgb,var(--ws-primary) 12%,var(--tester-inset));border-radius:0;border-right:1px solid var(--ws-border);color:var(--ws-primary);display:flex;font-family:var(--tester-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:0 16px}.ws-url-group input.ws-url-input{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--ws-text);flex:1 1;font-family:var(--tester-mono);font-size:.9rem;min-width:0;padding:11px 14px;width:auto}.ws-url-group input.ws-url-input:focus,.ws-url-group input.ws-url-input:hover{background:#0000;border:none;box-shadow:none;outline:none}.ws-url-input::placeholder{color:var(--ws-text-muted);opacity:.7}.ws-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--ws-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ws-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-primary) 25%,#0000);outline:none}.ws-btn:disabled{cursor:not-allowed;opacity:.5}.ws-btn-connect,.ws-btn-disconnect,.ws-url-group .ws-btn-settings{align-self:stretch;border:none;border-left:1px solid var(--ws-border);border-radius:0}.ws-btn-connect{background:var(--ws-primary);color:#fff;color:var(--button-text,#fff);min-width:116px}.ws-btn-connect:hover:not(:disabled){filter:brightness(1.12)}.ws-btn-disconnect{background:#0000;color:var(--ws-error);min-width:116px}.ws-btn-disconnect:hover{background:color-mix(in srgb,var(--ws-error) 10%,#0000)}.ws-btn-settings{background:#0000;color:var(--ws-text-muted);padding:10px 14px}.ws-btn-settings.active,.ws-btn-settings:hover{background:color-mix(in srgb,var(--ws-primary) 8%,#0000);color:var(--ws-primary)}.ws-settings{grid-gap:12px;animation:tsFadeIn .2s ease both;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:14px;padding:14px}.ws-setting{display:flex;flex-direction:column;gap:6px}.ws-setting label{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ws-setting input[type=text]{background:var(--tester-surface);border:1px solid var(--ws-border);border-radius:var(--tester-radius-btn);color:var(--ws-text);font-family:var(--tester-mono);font-size:.85rem;padding:9px 11px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.ws-setting input[type=text]:focus{border-color:var(--ws-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ws-primary) 15%,#0000);outline:none}.ws-setting-row{align-items:center;color:var(--ws-text);cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px}.ws-setting-row input[type=checkbox]{accent-color:var(--ws-primary);cursor:pointer;margin:0}.ws-kpi-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.ws-error{align-items:center;animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:var(--ws-error-bg);border:1px solid color-mix(in srgb,var(--ws-error) 30%,#0000);border-radius:var(--tester-radius-sm);color:var(--ws-error);display:flex;font-size:.88rem;justify-content:space-between;margin-top:14px;padding:12px 16px}.ws-error-text{align-items:center;display:inline-flex;gap:8px}.ws-error button{background:#0000;border:none;color:var(--ws-error);cursor:pointer;font-size:1.2rem;line-height:1}.ws-main-content{display:flex;flex:1 1;gap:16px;min-height:0}.ws-left-column{display:flex;flex-direction:column;gap:16px;min-width:280px;width:38%}.ws-right-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.ws-send-panel{flex-shrink:0}.ws-type-selector{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;display:inline-flex;gap:2px;margin-bottom:12px;padding:3px}.ws-type-btn{background:#0000;border:none;border-radius:999px;color:var(--ws-text-muted);cursor:pointer;font-size:.76rem;font-weight:600;padding:5px 16px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ws-type-btn:hover{color:var(--ws-text)}.ws-type-btn.active{background:var(--ws-primary);color:#fff;color:var(--button-text,#fff)}.ws-send-form{display:flex;flex-direction:column;gap:10px}.ws-message-input{background:var(--tester-inset);border:1px solid var(--ws-border);border-radius:var(--tester-radius-btn);color:var(--ws-text);font-family:var(--tester-mono);font-size:.85rem;line-height:1.5;min-height:120px;padding:12px;resize:vertical;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease);width:100%}.ws-message-input:focus{border-color:var(--ws-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ws-primary) 15%,#0000);outline:none}.ws-message-input:disabled{background:var(--ws-system-bg);color:var(--ws-text-muted)}.ws-btn-send{align-self:flex-start;background:var(--ws-primary);border-color:var(--ws-primary);color:#fff;color:var(--button-text,#fff)}.ws-btn-send:hover:not(:disabled){filter:brightness(1.12)}.ws-input-hint{color:var(--ws-text-muted);font-family:var(--tester-mono);font-size:.72rem}.ws-messages-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.ws-messages-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ws-messages-header .ws-panel-title{border:none;margin:0;padding:0}.ws-message-filters{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;display:inline-flex;gap:2px;padding:3px}.ws-filter-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--ws-text-muted);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.ws-filter-btn:hover{color:var(--ws-text)}.ws-filter-btn.active{background:var(--ws-primary);color:#fff;color:var(--button-text,#fff)}.ws-filter-count{background:color-mix(in srgb,currentColor 15%,#0000);border-radius:999px;font-family:var(--tester-mono);font-size:.66rem;padding:0 5px}.ws-btn-clear{font-size:.76rem;margin-left:auto;padding:6px 12px}.ws-btn-clear:hover:not(:disabled){background:color-mix(in srgb,var(--ws-error) 10%,var(--tester-inset));border-color:var(--ws-error);color:var(--ws-error)}.ws-messages-list{flex:1 1;gap:8px;overflow-y:auto}.ws-empty,.ws-messages-list{display:flex;flex-direction:column}.ws-empty{align-items:center;color:var(--ws-text-muted);height:100%;justify-content:center;padding:40px;text-align:center}.ws-empty-icon{background:color-mix(in srgb,var(--ws-primary) 8%,var(--tester-inset));border-radius:50%;color:var(--ws-primary);display:inline-flex;margin-bottom:14px;opacity:.8;padding:16px}.ws-empty-title{color:var(--ws-text);font-weight:600;margin:0 0 4px}.ws-empty-hint{font-size:.82rem;margin:0;opacity:.8}.ws-message{animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:var(--tester-inset);border:1px solid var(--ws-border);border-radius:var(--tester-radius-sm);padding:12px}.ws-message-sent{border-left:3px solid var(--ws-primary)}.ws-message-received{border-left:3px solid var(--ws-success)}.ws-message-system{border-left:3px solid var(--tester-hairline);font-style:italic}.ws-message-error{border-left:3px solid var(--ws-error)}.ws-message-header{align-items:center;display:flex;flex-wrap:wrap;font-size:.74rem;gap:8px;margin-bottom:8px}.ws-message-direction{align-items:center;display:inline-flex;font-family:var(--tester-mono);font-size:.66rem;font-weight:700;gap:4px;letter-spacing:.04em;text-transform:uppercase}.ws-direction-sent{background:color-mix(in srgb,var(--ws-primary) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--ws-primary) 25%,var(--tester-hairline));border-radius:var(--tester-radius-btn);color:var(--ws-primary);padding:2px 8px}.ws-direction-received{background:color-mix(in srgb,var(--ws-success) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--ws-success) 25%,var(--tester-hairline));border-radius:var(--tester-radius-btn);color:var(--ws-success);padding:2px 8px}.ws-direction-system{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--ws-text-muted);padding:2px 8px}.ws-direction-error{background:color-mix(in srgb,var(--ws-error) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--ws-error) 25%,var(--tester-hairline));border-radius:var(--tester-radius-btn);color:var(--ws-error);padding:2px 8px}.ws-message-time{font-feature-settings:"tnum";color:var(--ws-text-muted);font-family:var(--tester-mono);font-variant-numeric:tabular-nums}.ws-message-size{color:var(--ws-text-muted);font-family:var(--tester-mono);font-size:.72rem;margin-left:auto}.ws-message-content{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--ws-text);font-family:var(--tester-mono);font-size:.8rem;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.ws-messages-list::-webkit-scrollbar{width:8px}.ws-messages-list::-webkit-scrollbar-track{background:var(--ws-system-bg);border-radius:4px}.ws-messages-list::-webkit-scrollbar-thumb{background:var(--ws-border);border-radius:4px}.ws-messages-list::-webkit-scrollbar-thumb:hover{background:var(--ws-text-muted)}@media (prefers-reduced-motion:reduce){.websocket-tester,.ws-error,.ws-message,.ws-settings{animation:none}}@media (max-width:900px){.ws-main-content{flex-direction:column}.ws-left-column{min-width:0;width:100%}}@media (max-width:600px){.ws-url-group{flex-wrap:wrap}.ws-url-group input.ws-url-input{border-bottom:1px solid var(--ws-border);order:-1;width:100%}.ws-btn-connect,.ws-btn-disconnect{flex:1 1}.ws-messages-header{align-items:flex-start;flex-direction:column}.ws-btn-clear,.ws-message-filters{margin-left:0}}.grpc-tester{--grpc-bg:var(--tester-surface,var(--card-bg));--grpc-border:var(--tester-hairline);--grpc-text:var(--text-color);--grpc-text-muted:var(--text-secondary);--grpc-primary:var(--tester-accent,var(--primary-color));--grpc-success:var(--success-color,#28a745);--grpc-error:var(--danger-color,#dc3545);animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;background:var(--tester-inset);display:flex;flex-direction:column;gap:16px;height:100%;padding:clamp(16px,2vw,24px)}.grpc-panel{background:var(--grpc-bg);border:1px solid var(--grpc-border);border-radius:var(--tester-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--grpc-primary) 6%,#0000);padding:18px}.grpc-panel-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.grpc-panel-title svg{color:var(--grpc-primary);flex-shrink:0}.grpc-error{align-items:center;animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:color-mix(in srgb,var(--grpc-error) 8%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--grpc-error) 30%,#0000);border-radius:var(--tester-radius-sm);color:var(--grpc-error);display:flex;font-size:.88rem;justify-content:space-between;padding:12px 16px}.grpc-error-text{align-items:center;display:inline-flex;gap:8px}.grpc-error button{background:#0000;border:none;color:var(--grpc-error);cursor:pointer;font-size:1.2rem;line-height:1}.grpc-config-panel{flex-shrink:0}.grpc-config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.grpc-config-col{display:flex;flex-direction:column;gap:12px}.grpc-proto-upload{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.grpc-proto-filename{border-radius:var(--tester-radius-btn);color:var(--grpc-text-muted);font-size:.78rem;padding:4px 10px}.grpc-proto-editor,.grpc-proto-filename{background:var(--tester-inset);font-family:var(--tester-mono)}.grpc-proto-editor{border:1px solid var(--grpc-border);border-radius:var(--tester-radius-btn);color:var(--grpc-text);font-size:.83rem;line-height:1.5;min-height:120px;padding:12px;resize:vertical;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease);width:100%}.grpc-proto-editor:focus{border-color:var(--grpc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--grpc-primary) 15%,#0000);outline:none}.grpc-url-group{align-items:stretch;background:var(--tester-inset);border:1px solid var(--grpc-border);border-radius:var(--tester-radius-sm);display:flex;margin-bottom:12px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.grpc-url-group:focus-within{border-color:var(--grpc-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--grpc-primary) 12%,#0000)}.grpc-protocol-badge{align-items:center;background:color-mix(in srgb,var(--grpc-primary) 12%,var(--tester-inset));border-radius:0;border-right:1px solid var(--grpc-border);color:var(--grpc-primary);display:flex;font-family:var(--tester-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:0 16px}.grpc-url-group input.grpc-url-input{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--grpc-text);flex:1 1;font-family:var(--tester-mono);font-size:.9rem;min-width:0;padding:11px 14px;width:auto}.grpc-url-group input.grpc-url-input:focus,.grpc-url-group input.grpc-url-input:hover{background:#0000;border:none;box-shadow:none;outline:none}.grpc-url-input::placeholder{color:var(--grpc-text-muted);opacity:.7}.grpc-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--grpc-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.grpc-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--grpc-primary) 25%,#0000);outline:none}.grpc-btn:disabled{cursor:not-allowed;opacity:.5}.grpc-btn-connect,.grpc-btn-disconnect{align-self:stretch;border:none;border-left:1px solid var(--grpc-border);border-radius:0;min-width:116px}.grpc-btn-connect{background:var(--grpc-primary);color:#fff;color:var(--button-text,#fff)}.grpc-btn-connect:hover:not(:disabled){filter:brightness(1.12)}.grpc-btn-disconnect{background:#0000;color:var(--grpc-error)}.grpc-btn-disconnect:hover{background:color-mix(in srgb,var(--grpc-error) 10%,#0000)}.grpc-btn-primary{background:var(--grpc-primary);border-color:var(--grpc-primary);color:#fff;color:var(--button-text,#fff)}.grpc-btn-primary:hover:not(:disabled){filter:brightness(1.12)}.grpc-btn-small{font-size:.76rem;padding:6px 12px}.grpc-select-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.grpc-select-group{display:flex;flex-direction:column;gap:6px}.grpc-select-group label{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.grpc-select-group .app-select{width:100%}.grpc-select-group .app-select-trigger{background:var(--tester-surface);border-color:var(--grpc-border);font-size:.85rem}.grpc-method-type{color:var(--grpc-text-muted);font-family:var(--tester-mono);font-size:.75rem}.grpc-kpi-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.grpc-main-content{display:flex;flex:1 1;gap:16px;min-height:0}.grpc-left-column{display:flex;flex-direction:column;gap:16px;min-width:300px;width:42%}.grpc-right-column{min-width:0}.grpc-request-panel,.grpc-right-column{display:flex;flex:1 1;flex-direction:column}.grpc-request-panel{min-height:0}.grpc-metadata{margin-bottom:14px}.grpc-metadata-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.grpc-metadata-header span{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.grpc-metadata-row{display:flex;gap:8px;margin-bottom:8px}.grpc-metadata-row input{background:var(--tester-surface);border:1px solid var(--grpc-border);border-radius:var(--tester-radius-btn);color:var(--grpc-text);flex:1 1;font-size:.83rem;padding:8px 10px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.grpc-metadata-row input:focus{border-color:var(--grpc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--grpc-primary) 15%,#0000);outline:none}.grpc-btn-remove{background:#0000;border:1px solid var(--grpc-error);border-radius:var(--tester-radius-btn);color:var(--grpc-error);cursor:pointer;padding:2px 10px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.grpc-btn-remove:hover{background:color-mix(in srgb,var(--grpc-error) 10%,var(--tester-inset))}.grpc-message-editor{background:var(--tester-inset);border:1px solid var(--grpc-border);border-radius:var(--tester-radius-btn);color:var(--grpc-text);flex:1 1;font-family:var(--tester-mono);font-size:.83rem;line-height:1.5;min-height:140px;padding:12px;resize:vertical;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.grpc-message-editor:focus{border-color:var(--grpc-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--grpc-primary) 15%,#0000);outline:none}.grpc-btn-invoke{align-self:flex-start;margin-top:12px}.grpc-response-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.grpc-response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.grpc-response-header .grpc-panel-title{border:none;margin:0;padding:0}.grpc-responses-list{flex:1 1;gap:8px;overflow-y:auto}.grpc-empty,.grpc-responses-list{display:flex;flex-direction:column}.grpc-empty{align-items:center;color:var(--grpc-text-muted);height:100%;justify-content:center;padding:40px;text-align:center}.grpc-empty-icon{background:color-mix(in srgb,var(--grpc-primary) 8%,var(--tester-inset));border-radius:50%;color:var(--grpc-primary);display:inline-flex;margin-bottom:14px;opacity:.8;padding:16px}.grpc-empty-title{color:var(--grpc-text);font-weight:600;margin:0 0 4px}.grpc-empty-hint{font-size:.82rem;margin:0;opacity:.8}.grpc-response{animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:var(--tester-inset);border:1px solid var(--grpc-border);border-radius:var(--tester-radius-sm);padding:12px}.grpc-response-request{border-left:3px solid var(--grpc-primary)}.grpc-response-response{border-left:3px solid var(--grpc-success)}.grpc-response-error{border-left:3px solid var(--grpc-error)}.grpc-response-system{border-left:3px solid var(--tester-hairline);font-style:italic}.grpc-response-header-row{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px;margin-bottom:8px}.grpc-response-type{align-items:center;background:color-mix(in srgb,var(--grpc-primary) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--grpc-primary) 25%,var(--tester-hairline));border-radius:var(--tester-radius-btn);color:var(--grpc-primary);display:inline-flex;font-family:var(--tester-mono);font-size:.66rem;font-weight:700;gap:4px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.grpc-response-response .grpc-response-type{background:color-mix(in srgb,var(--grpc-success) 12%,var(--tester-inset));border-color:color-mix(in srgb,var(--grpc-success) 25%,var(--tester-hairline));color:var(--grpc-success)}.grpc-response-error .grpc-response-type{background:color-mix(in srgb,var(--grpc-error) 12%,var(--tester-inset));border-color:color-mix(in srgb,var(--grpc-error) 25%,var(--tester-hairline));color:var(--grpc-error)}.grpc-response-system .grpc-response-type{background:var(--tester-inset);border-color:var(--tester-hairline);color:var(--grpc-text-muted)}.grpc-response-method{background:color-mix(in srgb,var(--grpc-primary) 8%,#0000);border-radius:999px;color:var(--grpc-text);font-family:var(--tester-mono);padding:1px 7px}.grpc-response-latency,.grpc-response-time{color:var(--grpc-text-muted);font-family:var(--tester-mono);font-size:.72rem}.grpc-response-time{margin-left:auto}.grpc-response-content{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--grpc-text);font-family:var(--tester-mono);font-size:.8rem;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.grpc-response-code{color:var(--grpc-error);font-family:var(--tester-mono);font-size:.75rem;margin-top:8px}@media (prefers-reduced-motion:reduce){.grpc-error,.grpc-response,.grpc-tester{animation:none}}@media (max-width:900px){.grpc-config-grid{grid-template-columns:1fr}.grpc-main-content{flex-direction:column}.grpc-left-column{min-width:0;width:100%}}@media (max-width:600px){.grpc-url-group{flex-wrap:wrap}.grpc-url-group input.grpc-url-input{border-bottom:1px solid var(--grpc-border);order:-1;width:100%}.grpc-btn-connect,.grpc-btn-disconnect{flex:1 1}.grpc-select-row{grid-template-columns:1fr}}.mqtt-tester{--mqtt-bg:var(--tester-surface,var(--card-bg));--mqtt-border:var(--tester-hairline);--mqtt-text:var(--text-color);--mqtt-text-muted:var(--text-secondary);--mqtt-primary:var(--tester-accent,var(--primary-color));--mqtt-success:var(--success-color,#28a745);--mqtt-error:var(--danger-color,#dc3545);--tester-accent:var(--primary-color);animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;background:var(--tester-inset);display:flex;flex-direction:column;gap:16px;height:100%;padding:clamp(16px,2vw,24px)}.mqtt-panel{background:var(--mqtt-bg);border:1px solid var(--mqtt-border);border-radius:var(--tester-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--mqtt-primary) 6%,#0000);padding:18px}.mqtt-panel-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.mqtt-panel-title svg{color:var(--mqtt-primary);flex-shrink:0}.mqtt-connection-panel{flex-shrink:0}.mqtt-connection-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.mqtt-connection-header .mqtt-panel-title{flex:1 1}.mqtt-connection-header .ts-status,.mqtt-url-group{margin-bottom:14px}.mqtt-url-group{align-items:stretch;background:var(--tester-inset);border:1px solid var(--mqtt-border);border-radius:var(--tester-radius-sm);display:flex;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-url-group:focus-within{border-color:var(--mqtt-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--mqtt-primary) 12%,#0000)}.mqtt-protocol-badge{align-items:center;background:color-mix(in srgb,var(--mqtt-primary) 12%,var(--tester-inset));border-radius:0;border-right:1px solid var(--mqtt-border);color:var(--mqtt-primary);display:flex;font-family:var(--tester-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:0 16px}.mqtt-url-group input.mqtt-url-input{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--mqtt-text);flex:1 1;font-family:var(--tester-mono);font-size:.9rem;min-width:0;padding:11px 14px;width:auto}.mqtt-url-group input.mqtt-url-input:hover{border:none}.mqtt-url-group input.mqtt-url-input:focus{background:#0000;border:none;box-shadow:none;outline:none}.mqtt-url-input::placeholder{color:var(--mqtt-text-muted);opacity:.7}.mqtt-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--mqtt-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--mqtt-primary) 25%,#0000);outline:none}.mqtt-btn:disabled{cursor:not-allowed;opacity:.5}.mqtt-btn-connect,.mqtt-btn-disconnect,.mqtt-url-group .mqtt-btn-settings{align-self:stretch;border:none;border-left:1px solid var(--mqtt-border);border-radius:0}.mqtt-btn-connect{background:var(--mqtt-primary);color:#fff;color:var(--button-text,#fff);min-width:116px}.mqtt-btn-connect:hover:not(:disabled){filter:brightness(1.12)}.mqtt-btn-disconnect{background:#0000;color:var(--mqtt-error);min-width:116px}.mqtt-btn-disconnect:hover{background:color-mix(in srgb,var(--mqtt-error) 10%,#0000)}.mqtt-btn-settings{background:#0000;color:var(--mqtt-text-muted);padding:10px 14px}.mqtt-btn-settings.active,.mqtt-btn-settings:hover{background:color-mix(in srgb,var(--mqtt-primary) 8%,#0000);color:var(--mqtt-primary)}.mqtt-settings{grid-gap:12px;animation:tsFadeIn .2s ease both;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:14px;padding:14px}.mqtt-setting{display:flex;flex-direction:column;gap:5px}.mqtt-setting label{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.mqtt-setting input{background:var(--tester-surface);border:1px solid var(--mqtt-border);border-radius:var(--tester-radius-btn);color:var(--mqtt-text);font-size:.85rem;padding:9px 11px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-setting input:focus{border-color:var(--mqtt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mqtt-primary) 15%,#0000);outline:none}.mqtt-kpi-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.mqtt-qos-select.app-select{flex:0 0 108px;width:108px}.mqtt-qos-select .app-select-trigger{background:var(--tester-surface);border-color:var(--mqtt-border);font-family:var(--tester-mono);font-size:.8rem;font-weight:600}.mqtt-main-content{display:flex;flex:1 1;gap:16px;min-height:0}.mqtt-left-column{display:flex;flex-direction:column;gap:16px;min-width:300px;width:40%}.mqtt-right-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.mqtt-subscriptions-panel{flex-shrink:0}.mqtt-subscribe-form{display:flex;gap:8px;margin-bottom:12px}.mqtt-topic-input{background:var(--tester-inset);border:1px solid var(--mqtt-border);border-radius:var(--tester-radius-btn);color:var(--mqtt-text);flex:1 1;font-family:var(--tester-mono);font-size:.85rem;min-width:0;padding:10px 12px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-topic-input::placeholder{color:var(--mqtt-text-muted);opacity:.7}.mqtt-topic-input:focus{border-color:var(--mqtt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mqtt-primary) 15%,#0000);outline:none}.mqtt-btn-subscribe{background:var(--mqtt-primary);border-color:var(--mqtt-primary);color:#fff;color:var(--button-text,#fff)}.mqtt-btn-subscribe:hover:not(:disabled){filter:brightness(1.12)}.mqtt-subscriptions-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;max-height:150px;overflow-y:auto}.mqtt-subscription{align-items:center;animation:tsFadeIn .2s ease both;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-left:3px solid var(--mqtt-primary);border-radius:var(--tester-radius-btn);display:flex;gap:8px;padding:8px 12px}.mqtt-sub-topic{color:var(--mqtt-text);flex:1 1;font-size:.83rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mqtt-sub-qos,.mqtt-sub-topic{font-family:var(--tester-mono)}.mqtt-sub-qos{background:color-mix(in srgb,var(--mqtt-primary) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--mqtt-primary) 25%,var(--tester-hairline));border-radius:999px;color:var(--mqtt-primary);font-size:.66rem;font-weight:600;padding:2px 7px}.mqtt-btn-unsub{background:#0000;border:none;border-radius:var(--tester-radius-btn);color:var(--mqtt-text-muted);cursor:pointer;font-size:1.05rem;line-height:1;padding:2px 8px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-btn-unsub:hover{background:color-mix(in srgb,var(--mqtt-error) 10%,#0000);color:var(--mqtt-error)}.mqtt-topic-hints{color:var(--mqtt-text-muted);display:flex;font-family:var(--tester-mono);font-size:.72rem;gap:16px}.mqtt-hint code{background:color-mix(in srgb,var(--mqtt-primary) 8%,var(--tester-inset));border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--mqtt-primary);font-weight:700;padding:1px 6px}.mqtt-publish-panel{display:flex;flex:1 1;flex-direction:column}.mqtt-publish-form{display:flex;flex:1 1;flex-direction:column;gap:10px}.mqtt-publish-form .mqtt-topic-input{flex:0 0 auto}.mqtt-message-input{background:var(--tester-inset);border:1px solid var(--mqtt-border);border-radius:var(--tester-radius-btn);color:var(--mqtt-text);flex:1 1;font-family:var(--tester-mono);font-size:.83rem;line-height:1.5;min-height:100px;padding:12px;resize:none;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-message-input::placeholder{color:var(--mqtt-text-muted);opacity:.7}.mqtt-message-input:focus{border-color:var(--mqtt-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mqtt-primary) 15%,#0000);outline:none}.mqtt-publish-options{align-items:center;display:flex;gap:10px}.mqtt-retain-toggle{align-items:center;border:1px solid var(--tester-hairline);border-radius:999px;color:var(--mqtt-text-muted);cursor:pointer;display:inline-flex;font-family:var(--tester-mono);font-size:.78rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease);-webkit-user-select:none;user-select:none}.mqtt-retain-toggle:hover{border-color:color-mix(in srgb,var(--mqtt-primary) 45%,var(--tester-hairline))}.mqtt-retain-toggle.checked{background:color-mix(in srgb,var(--mqtt-primary) 10%,var(--tester-inset));border-color:color-mix(in srgb,var(--mqtt-primary) 40%,var(--tester-hairline));color:var(--mqtt-primary)}.mqtt-retain-toggle input{accent-color:var(--mqtt-primary);cursor:pointer;margin:0}.mqtt-btn-publish{background:var(--mqtt-primary);border-color:var(--mqtt-primary);color:#fff;color:var(--button-text,#fff);margin-left:auto}.mqtt-btn-publish:hover:not(:disabled){filter:brightness(1.12)}.mqtt-messages-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.mqtt-messages-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.mqtt-messages-header .mqtt-panel-title{border:none;margin:0;padding:0}.mqtt-message-filters{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;display:inline-flex;gap:2px;padding:3px}.mqtt-filter-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--mqtt-text-muted);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.mqtt-filter-btn:hover{color:var(--mqtt-text)}.mqtt-filter-btn.active{background:var(--mqtt-primary);color:#fff;color:var(--button-text,#fff)}.mqtt-filter-count{background:color-mix(in srgb,currentColor 15%,#0000);border-radius:999px;font-family:var(--tester-mono);font-size:.66rem;padding:0 5px}.mqtt-btn-clear{font-size:.76rem;margin-left:auto;padding:6px 12px}.mqtt-btn-clear:hover:not(:disabled){background:color-mix(in srgb,var(--mqtt-error) 10%,var(--tester-inset));border-color:var(--mqtt-error);color:var(--mqtt-error)}.mqtt-messages-list{flex:1 1;gap:8px;overflow-y:auto}.mqtt-empty,.mqtt-messages-list{display:flex;flex-direction:column}.mqtt-empty{align-items:center;color:var(--mqtt-text-muted);height:100%;justify-content:center;padding:40px;text-align:center}.mqtt-empty-compact{background:var(--tester-inset);border:1px dashed var(--tester-hairline);border-radius:var(--tester-radius-sm);font-size:.82rem;height:auto;padding:18px}.mqtt-empty-icon{background:color-mix(in srgb,var(--mqtt-primary) 8%,var(--tester-inset));border-radius:50%;color:var(--mqtt-primary);display:inline-flex;margin-bottom:14px;opacity:.8;padding:16px}.mqtt-empty-title{color:var(--mqtt-text);font-weight:600;margin:0 0 4px}.mqtt-empty-hint{font-size:.82rem;margin:0;opacity:.8}.mqtt-message{animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:var(--tester-inset);border:1px solid var(--mqtt-border);border-radius:var(--tester-radius-sm);padding:12px}.mqtt-message-published{border-left:3px solid var(--mqtt-primary)}.mqtt-message-received{border-left:3px solid var(--mqtt-success)}.mqtt-message-system{border-left:3px solid var(--tester-hairline);font-style:italic}.mqtt-message-header{align-items:center;display:flex;flex-wrap:wrap;font-size:.74rem;gap:8px;margin-bottom:8px}.mqtt-message-type{align-items:center;display:inline-flex;font-family:var(--tester-mono);font-size:.68rem;font-weight:700;gap:4px;letter-spacing:.04em;text-transform:uppercase}.mqtt-type-published{color:var(--mqtt-primary)}.mqtt-type-received{color:var(--mqtt-success)}.mqtt-type-system{color:var(--mqtt-text-muted)}.mqtt-message-topic{background:color-mix(in srgb,var(--mqtt-primary) 8%,#0000);color:var(--mqtt-text)}.mqtt-message-qos,.mqtt-message-retain,.mqtt-message-topic{border-radius:999px;font-family:var(--tester-mono);padding:1px 7px}.mqtt-message-qos,.mqtt-message-retain{border:1px solid var(--tester-hairline);color:var(--mqtt-text-muted);font-size:.66rem;font-weight:600}.mqtt-message-retain{background:color-mix(in srgb,var(--warning-color) 8%,#0000);border-color:color-mix(in srgb,var(--warning-color) 40%,var(--tester-hairline));color:var(--warning-color)}.mqtt-message-time{font-feature-settings:"tnum";color:var(--mqtt-text-muted);font-family:var(--tester-mono);font-variant-numeric:tabular-nums;margin-left:auto}.mqtt-message-content{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--mqtt-text);font-family:var(--tester-mono);font-size:.8rem;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.mqtt-error{align-items:center;animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:color-mix(in srgb,var(--mqtt-error) 8%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--mqtt-error) 30%,#0000);border-radius:var(--tester-radius-sm);color:var(--mqtt-error);display:flex;font-size:.88rem;justify-content:space-between;padding:12px 16px}.mqtt-error-text{align-items:center;display:inline-flex;gap:8px}.mqtt-error button{background:#0000;border:none;color:var(--mqtt-error);cursor:pointer;font-size:1.2rem;line-height:1}@media (prefers-reduced-motion:reduce){.mqtt-error,.mqtt-message,.mqtt-settings,.mqtt-subscription,.mqtt-tester{animation:none}}@media (max-width:900px){.mqtt-main-content{flex-direction:column}.mqtt-left-column{min-width:0;width:100%}}@media (max-width:600px){.mqtt-url-group{flex-wrap:wrap}.mqtt-url-input{border-bottom:1px solid var(--mqtt-border);order:-1;width:100%}.mqtt-btn-connect,.mqtt-btn-disconnect{flex:1 1}.mqtt-subscribe-form{flex-wrap:wrap}.mqtt-topic-input{flex:none;width:100%}.mqtt-publish-options{flex-wrap:wrap}}.soap-tester{--soap-bg:var(--tester-surface,var(--card-bg));--soap-border:var(--tester-hairline);--soap-text:var(--text-color);--soap-text-muted:var(--text-secondary);--soap-primary:var(--tester-accent,var(--primary-color));--soap-success:var(--success-color,#28a745);--soap-error:var(--danger-color,#dc3545);animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;background:var(--tester-inset);display:flex;flex-direction:column;gap:16px;height:100%;padding:clamp(16px,2vw,24px)}.soap-panel{background:var(--soap-bg);border:1px solid var(--soap-border);border-radius:var(--tester-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--soap-primary) 6%,#0000);padding:18px}.soap-panel-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.soap-panel-title svg{color:var(--soap-primary);flex-shrink:0}.soap-error{align-items:center;animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:color-mix(in srgb,var(--soap-error) 8%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--soap-error) 30%,#0000);border-radius:var(--tester-radius-sm);color:var(--soap-error);display:flex;font-size:.88rem;justify-content:space-between;padding:12px 16px}.soap-error-text{align-items:center;display:inline-flex;gap:8px}.soap-error button{background:#0000;border:none;color:var(--soap-error);cursor:pointer;font-size:1.2rem;line-height:1}.soap-wsdl-panel{flex-shrink:0}.soap-wsdl-group{align-items:stretch;background:var(--tester-inset);border:1px solid var(--soap-border);border-radius:var(--tester-radius-sm);display:flex;margin-bottom:14px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.soap-wsdl-group:focus-within{border-color:var(--soap-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--soap-primary) 12%,#0000)}.soap-protocol-badge{align-items:center;background:color-mix(in srgb,var(--soap-primary) 12%,var(--tester-inset));border-radius:0;border-right:1px solid var(--soap-border);color:var(--soap-primary);display:flex;font-family:var(--tester-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:0 16px}.soap-wsdl-group input.soap-url-input{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--soap-text);flex:1 1;font-family:var(--tester-mono);font-size:.9rem;min-width:0;padding:11px 14px;width:auto}.soap-wsdl-group input.soap-url-input:focus,.soap-wsdl-group input.soap-url-input:hover{background:#0000;border:none;box-shadow:none;outline:none}.soap-url-input::placeholder{color:var(--soap-text-muted);opacity:.7}.soap-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--soap-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.soap-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--soap-primary) 25%,#0000);outline:none}.soap-btn:disabled{cursor:not-allowed;opacity:.5}.soap-btn-parse{align-self:stretch;background:var(--soap-primary);border:none;border-left:1px solid var(--soap-border);border-radius:0;color:#fff;color:var(--button-text,#fff);min-width:130px}.soap-btn-parse:hover:not(:disabled){filter:brightness(1.12)}.soap-version-group{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.soap-version-group>label{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.soap-version-options{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;display:inline-flex;gap:2px;padding:3px}.soap-version-option{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--soap-text-muted);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.soap-version-option:hover{color:var(--soap-text)}.soap-version-option.active{background:var(--soap-primary);color:#fff;color:var(--button-text,#fff)}.soap-version-option input{display:none}.soap-wsdl-info{align-items:center;background:color-mix(in srgb,var(--soap-success) 8%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--soap-success) 25%,#0000);border-radius:var(--tester-radius-sm);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:12px 16px}.soap-info-badge{border-right:1px solid color-mix(in srgb,var(--soap-success) 20%,#0000);color:var(--soap-success);font-family:var(--tester-mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding-right:16px;text-transform:uppercase}.soap-info-details{color:var(--text-color);display:flex;font-family:var(--tester-mono);font-size:.82rem;gap:20px}.soap-info-details svg{color:var(--text-secondary);margin-right:6px}.soap-kpi-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.soap-main-content{display:flex;flex:1 1;gap:16px;min-height:0}.soap-left-column{display:flex;flex-direction:column;gap:16px;min-width:280px;width:34%}.soap-right-column{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0}.soap-service-panel{flex-shrink:0}.soap-select-group{margin-bottom:12px}.soap-select-group label{color:var(--text-secondary);display:block;font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.soap-select-group .app-select{width:100%}.soap-select-group .app-select-trigger{background:var(--tester-surface);border-color:var(--soap-border);font-size:.85rem}.soap-operations-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.soap-operations-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto}.soap-operation{border:1px solid var(--soap-border);border-radius:var(--tester-radius-btn);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.soap-operation:hover{background:color-mix(in srgb,var(--soap-primary) 5%,#0000);border-color:var(--soap-primary)}.soap-operation.selected{background:color-mix(in srgb,var(--soap-primary) 10%,#0000);border-color:var(--soap-primary)}.soap-operation-name{color:var(--soap-text);font-size:.88rem;font-weight:650}.soap-operation-doc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--soap-text-muted);display:-webkit-box;font-size:.75rem;line-height:1.4;overflow:hidden}.soap-empty{align-items:center;background:var(--tester-inset);border:1px dashed var(--tester-hairline);border-radius:var(--tester-radius-sm);color:var(--soap-text-muted);display:flex;flex-direction:column;justify-content:center;padding:24px;text-align:center}.soap-empty-icon{background:color-mix(in srgb,var(--soap-primary) 8%,var(--tester-inset));border-radius:50%;color:var(--soap-primary);display:inline-flex;margin-bottom:12px;opacity:.8;padding:14px}.soap-empty-title{color:var(--soap-text);font-weight:600;margin:0 0 4px}.soap-empty-hint{font-size:.82rem;margin:0;opacity:.8}.soap-saved-panel{flex-shrink:0;max-height:180px}.soap-saved-list{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto}.soap-saved-item{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);display:flex;justify-content:space-between;padding:8px 12px}.soap-saved-name{color:var(--soap-text);font-family:var(--tester-mono);font-size:.8rem}.soap-saved-time{color:var(--soap-text-muted);font-size:.72rem}.soap-request-panel,.soap-response-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.soap-request-header,.soap-response-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.soap-request-header .soap-panel-title,.soap-response-header .soap-panel-title{border:none;margin:0;padding:0}.soap-request-actions,.soap-response-tabs{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;display:inline-flex;gap:2px;padding:3px}.soap-btn-small,.soap-tab{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--soap-text-muted);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.soap-btn-small:hover,.soap-tab:hover{color:var(--soap-text)}.soap-btn-small.active,.soap-tab.active{background:var(--soap-primary);color:#fff;color:var(--button-text,#fff)}.soap-operation-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.soap-operation-badge{background:color-mix(in srgb,var(--soap-primary) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--soap-primary) 25%,var(--tester-hairline));border-radius:999px;color:var(--soap-primary);font-weight:600}.soap-action-badge,.soap-operation-badge{font-family:var(--tester-mono);font-size:.72rem;padding:4px 10px}.soap-action-badge{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;color:var(--soap-text-muted)}.soap-headers-input{margin-bottom:12px}.soap-headers-input label{color:var(--text-secondary);display:block;font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.soap-body-input,.soap-headers-input textarea,.soap-response-body{background:var(--tester-inset);border:1px solid var(--soap-border);border-radius:var(--tester-radius-btn);color:var(--soap-text);font-family:var(--tester-mono);font-size:.83rem;padding:12px;resize:none;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease);width:100%}.soap-body-input:focus,.soap-headers-input textarea:focus{border-color:var(--soap-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--soap-primary) 15%,#0000);outline:none}.soap-headers-input textarea{height:70px}.soap-body-input{flex:1 1;line-height:1.5;margin-bottom:12px;min-height:140px}.soap-btn-invoke{align-self:flex-start;background:var(--soap-primary);border-color:var(--soap-primary);color:#fff;color:var(--button-text,#fff)}.soap-btn-invoke:hover:not(:disabled){filter:brightness(1.12)}.soap-response-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.soap-response-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.soap-status-badge{background:color-mix(in srgb,var(--soap-success) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--soap-success) 25%,var(--tester-hairline));border-radius:999px;color:var(--soap-success);font-size:.75rem;font-weight:600;padding:4px 10px}.soap-timing{color:var(--soap-text-muted);font-family:var(--tester-mono);font-size:.78rem}.soap-response-body{flex:1 1;min-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-word}.soap-info-panel{flex-shrink:0}.soap-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.soap-info-feature{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--soap-text);display:flex;font-size:.85rem;gap:10px;padding:12px}.soap-info-feature svg{color:var(--soap-primary);flex-shrink:0}@media (prefers-reduced-motion:reduce){.soap-error,.soap-tester{animation:none}}@media (max-width:900px){.soap-main-content{flex-direction:column}.soap-left-column{flex-direction:row;flex-wrap:wrap;min-width:0;width:100%}.soap-operations-panel,.soap-service-panel{flex:1 1;min-width:240px}}@media (max-width:600px){.soap-wsdl-group{flex-wrap:wrap}.soap-wsdl-group input.soap-url-input{border-bottom:1px solid var(--soap-border);order:-1;width:100%}.soap-btn-parse{width:100%}.soap-request-header,.soap-response-header,.soap-version-group{align-items:flex-start;flex-direction:column}}.sse-tester{--sse-bg:var(--tester-surface,var(--card-bg));--sse-border:var(--tester-hairline);--sse-text:var(--text-color);--sse-text-muted:var(--text-secondary);--sse-primary:var(--tester-accent,var(--primary-color));--sse-success:var(--success-color,#28a745);--sse-error:var(--danger-color,#dc3545);animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;background:var(--tester-inset);display:flex;flex-direction:column;gap:16px;height:100%;padding:clamp(16px,2vw,24px)}.sse-panel{background:var(--sse-bg);border:1px solid var(--sse-border);border-radius:var(--tester-radius);box-shadow:0 6px 24px color-mix(in srgb,var(--sse-primary) 6%,#0000);padding:18px}.sse-panel-title{align-items:center;border-bottom:1px solid var(--tester-hairline);color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.sse-panel-title svg{color:var(--sse-primary);flex-shrink:0}.sse-error{align-items:center;animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:color-mix(in srgb,var(--sse-error) 8%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--sse-error) 30%,#0000);border-radius:var(--tester-radius-sm);color:var(--sse-error);display:flex;font-size:.88rem;justify-content:space-between;padding:12px 16px}.sse-error-text{align-items:center;display:inline-flex;gap:8px}.sse-error button{background:#0000;border:none;color:var(--sse-error);cursor:pointer;font-size:1.2rem;line-height:1}.sse-connection-panel{flex-shrink:0}.sse-connection-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.sse-connection-header .sse-panel-title{flex:1 1}.sse-connection-header .ts-status,.sse-url-group{margin-bottom:14px}.sse-url-group{align-items:stretch;background:var(--tester-inset);border:1px solid var(--sse-border);border-radius:var(--tester-radius-sm);display:flex;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) var(--ease-out,ease),box-shadow var(--dur-fast,.12s) var(--ease-out,ease)}.sse-url-group:focus-within{border-color:var(--sse-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--sse-primary) 12%,#0000)}.sse-protocol-badge{align-items:center;background:color-mix(in srgb,var(--sse-primary) 12%,var(--tester-inset));border-radius:0;border-right:1px solid var(--sse-border);color:var(--sse-primary);display:flex;font-family:var(--tester-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;padding:0 16px}.sse-url-group input.sse-url-input{background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--sse-text);flex:1 1;font-family:var(--tester-mono);font-size:.9rem;min-width:0;padding:11px 14px;width:auto}.sse-url-group input.sse-url-input:focus,.sse-url-group input.sse-url-input:hover{background:#0000;border:none;box-shadow:none;outline:none}.sse-url-input::placeholder{color:var(--sse-text-muted);opacity:.7}.sse-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--sse-text);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.sse-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--sse-primary) 25%,#0000);outline:none}.sse-btn:disabled{cursor:not-allowed;opacity:.5}.sse-btn-connect,.sse-btn-disconnect,.sse-url-group .sse-btn-settings{align-self:stretch;border:none;border-left:1px solid var(--sse-border);border-radius:0}.sse-btn-connect{background:var(--sse-primary);color:#fff;color:var(--button-text,#fff);min-width:116px}.sse-btn-connect:hover:not(:disabled){filter:brightness(1.12)}.sse-btn-disconnect{background:#0000;color:var(--sse-error);min-width:116px}.sse-btn-disconnect:hover{background:color-mix(in srgb,var(--sse-error) 10%,#0000)}.sse-btn-settings{background:#0000;color:var(--sse-text-muted);padding:10px 14px}.sse-btn-settings.active,.sse-btn-settings:hover{background:color-mix(in srgb,var(--sse-primary) 8%,#0000);color:var(--sse-primary)}.sse-settings{grid-gap:14px;animation:tsFadeIn .2s ease both;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px;padding:14px}.sse-setting{display:flex;flex-direction:column;gap:6px}.sse-setting label{color:var(--text-secondary);font-family:var(--tester-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sse-setting-row{align-items:center;color:var(--sse-text);cursor:pointer;display:flex;font-size:.85rem;gap:8px}.sse-setting-row input[type=checkbox]{accent-color:var(--sse-primary);cursor:pointer;margin:0}.sse-event-types{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sse-event-type-tag{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-left:3px solid var(--sse-primary);border-radius:var(--tester-radius-btn);color:var(--sse-text);display:flex;font-family:var(--tester-mono);font-size:.78rem;gap:6px;padding:5px 10px}.sse-event-type-tag button{background:#0000;border:none;color:var(--sse-text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.sse-event-type-tag button:hover{color:var(--sse-error)}.sse-add-event-type{display:flex;gap:6px}.sse-add-event-type input{background:var(--tester-surface);border:1px solid var(--sse-border);border-radius:var(--tester-radius-btn);color:var(--sse-text);font-family:var(--tester-mono);font-size:.8rem;padding:6px 10px}.sse-add-event-type input:focus{border-color:var(--sse-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--sse-primary) 15%,#0000);outline:none}.sse-add-event-type button{background:var(--sse-primary);border:none;border-radius:var(--tester-radius-btn);color:#fff;color:var(--button-text,#fff);cursor:pointer;font-weight:600;padding:6px 12px}.sse-kpi-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.sse-main-content{display:flex;flex:1 1;gap:16px;min-height:0}.sse-left-column{display:flex;flex-direction:column;gap:16px;min-width:280px;width:36%}.sse-right-column{display:flex;flex:1 1;flex-direction:column;min-width:0}.sse-config-panel{flex-shrink:0}.sse-events-panel{display:flex;flex:1 1;flex-direction:column;min-height:0}.sse-events-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.sse-events-header .sse-panel-title{border:none;margin:0;padding:0}.sse-event-filters{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:999px;display:inline-flex;gap:2px;padding:3px}.sse-filter-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--sse-text-muted);cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:5px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.sse-filter-btn:hover{color:var(--sse-text)}.sse-filter-btn.active{background:var(--sse-primary);color:#fff;color:var(--button-text,#fff)}.sse-filter-count{background:color-mix(in srgb,currentColor 15%,#0000);border-radius:999px;font-family:var(--tester-mono);font-size:.66rem;padding:0 5px}.sse-btn-clear{font-size:.76rem;margin-left:auto;padding:6px 12px}.sse-btn-clear:hover:not(:disabled){background:color-mix(in srgb,var(--sse-error) 10%,var(--tester-inset));border-color:var(--sse-error);color:var(--sse-error)}.sse-events-list{flex:1 1;gap:8px;overflow-y:auto}.sse-empty,.sse-events-list{display:flex;flex-direction:column}.sse-empty{align-items:center;color:var(--sse-text-muted);height:100%;justify-content:center;padding:40px;text-align:center}.sse-empty-compact{background:var(--tester-inset);border:1px dashed var(--tester-hairline);border-radius:var(--tester-radius-sm);font-size:.82rem;height:auto;padding:18px}.sse-empty-icon{background:color-mix(in srgb,var(--sse-primary) 8%,var(--tester-inset));border-radius:50%;color:var(--sse-primary);display:inline-flex;margin-bottom:14px;opacity:.8;padding:16px}.sse-empty-title{color:var(--sse-text);font-weight:600;margin:0 0 4px}.sse-empty-hint{font-size:.82rem;margin:0;opacity:.8}.sse-event{animation:tsSlideUp .24s ease both;animation:tsSlideUp .24s var(--ease-out,ease) both;background:var(--tester-inset);border:1px solid var(--sse-border);border-radius:var(--tester-radius-sm);padding:12px}.sse-event-message{border-left:3px solid var(--sse-success)}.sse-event-system{border-left:3px solid var(--tester-hairline);font-style:italic}.sse-event-header{align-items:center;display:flex;flex-wrap:wrap;font-size:.74rem;gap:8px;margin-bottom:8px}.sse-event-type{align-items:center;background:color-mix(in srgb,var(--sse-success) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--sse-success) 25%,var(--tester-hairline));border-radius:var(--tester-radius-btn);color:var(--sse-success);display:inline-flex;font-family:var(--tester-mono);font-size:.66rem;font-weight:700;gap:4px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.sse-event-system .sse-event-type{background:var(--tester-inset);border-color:var(--tester-hairline);color:var(--sse-text-muted)}.sse-event-id{background:var(--tester-surface);border-radius:999px;font-size:.7rem;padding:1px 7px}.sse-event-id,.sse-event-time{color:var(--sse-text-muted);font-family:var(--tester-mono)}.sse-event-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:auto}.sse-event-content{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--sse-text);font-family:var(--tester-mono);font-size:.8rem;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.sse-event-system-message{color:var(--sse-text-muted);font-size:.85rem;font-style:italic}.sse-info-panel{flex-shrink:0}.sse-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sse-info-feature{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--sse-text);display:flex;font-size:.85rem;gap:10px;padding:12px}.sse-info-feature svg{color:var(--sse-primary);flex-shrink:0}.sse-saved-panel{flex-shrink:0}.sse-saved-list{display:flex;flex-direction:column;gap:6px}.sse-saved-item{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .15s ease}.sse-saved-item:hover{background:color-mix(in srgb,var(--sse-primary) 10%,#0000)}.sse-saved-url{color:var(--sse-text);font-family:var(--tester-mono);font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sse-saved-time{color:var(--sse-text-muted);flex-shrink:0;font-size:.75rem}@media (prefers-reduced-motion:reduce){.sse-error,.sse-event,.sse-settings,.sse-tester{animation:none}}@media (max-width:900px){.sse-main-content{flex-direction:column}.sse-left-column{min-width:0;width:100%}}@media (max-width:600px){.sse-url-group{flex-wrap:wrap}.sse-url-group input.sse-url-input{border-bottom:1px solid var(--sse-border);order:-1;width:100%}.sse-btn-connect,.sse-btn-disconnect{flex:1 1}.sse-events-header{align-items:flex-start;flex-direction:column}.sse-btn-clear,.sse-event-filters{margin-left:0}}.pc-shell{animation:tsRise .42s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:14px;height:100%;overflow-y:auto;padding:16px}.pc-panel{background:var(--tester-surface);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);box-shadow:0 6px 24px color-mix(in srgb,var(--tester-accent) 5%,#0000);padding:14px}.pc-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.pc-panel-title{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--tester-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin:0;text-transform:uppercase}.pc-actions{display:flex;flex-wrap:wrap;gap:8px}.pc-mode-tabs{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);display:inline-flex;gap:4px;padding:3px}.pc-mode-tab{background:#0000;border:none;border-radius:calc(var(--tester-radius-btn) - 2px);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.pc-mode-tab:hover{background:var(--hover-bg);color:var(--text-color)}.pc-mode-tab.active{background:var(--tester-accent);color:var(--button-text)}.pc-toast{align-items:center;border-radius:var(--tester-radius-btn);display:flex;font-size:.85rem;justify-content:space-between;padding:10px 14px}.pc-toast-error{background:var(--danger-bg);border:1px solid var(--danger-color);color:var(--danger-color)}.pc-toast button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex}.pc-protocol-row{align-items:flex-start;display:flex;gap:16px}.pc-protocol-select{flex:1 1}.pc-protocol-select>label{color:var(--text-secondary);display:block;font-size:.78rem;font-weight:600;margin-bottom:8px}.pc-protocol-options{display:flex;flex-wrap:wrap;gap:8px}.pc-protocol-btn{align-items:center;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.pc-protocol-btn:hover:not(:disabled){background:color-mix(in srgb,var(--tester-accent) 8%,var(--tester-inset));border-color:color-mix(in srgb,var(--tester-accent) 45%,var(--tester-hairline))}.pc-protocol-btn.active{background:color-mix(in srgb,var(--tester-accent) 16%,var(--tester-inset));border-color:var(--tester-accent);color:var(--tester-accent)}.pc-protocol-btn:disabled{cursor:not-allowed;opacity:.35}.pc-swap-btn{align-items:center;align-self:center;background:var(--tester-accent);border:none;border-radius:50%;color:var(--button-text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;margin-top:18px;transition:transform .2s ease,filter .2s ease;width:40px}.pc-swap-btn:hover{filter:brightness(1.1);transform:scale(1.08)}.pc-support{align-items:center;border-radius:var(--tester-radius-btn);display:flex;font-size:.85rem;gap:6px;justify-content:center;margin-top:12px;padding:8px 14px;text-align:center}.pc-support.supported{background:color-mix(in srgb,var(--success-color) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--success-color) 35%,var(--tester-hairline));color:var(--success-color)}.pc-support.unsupported{background:color-mix(in srgb,var(--warning-color) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--warning-color) 35%,var(--tester-hairline));color:var(--warning-color)}.pc-validation-bar{align-items:center;border-radius:var(--tester-radius-btn);display:flex;font-size:.82rem;gap:8px;margin-top:10px;padding:8px 14px}.pc-validation-bar.supported{background:color-mix(in srgb,var(--info-color) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--info-color) 35%,var(--tester-hairline));color:var(--info-color)}.pc-validation-bar.unsupported{background:color-mix(in srgb,var(--warning-color) 12%,var(--tester-inset));border:1px solid color-mix(in srgb,var(--warning-color) 35%,var(--tester-hairline));color:var(--warning-color)}.pc-validation-error{align-items:center;background:var(--danger-bg);border:1px solid var(--danger-color);border-radius:var(--tester-radius-btn);color:var(--danger-color);display:flex;font-size:.82rem;gap:8px;margin-top:8px;padding:8px 12px}.pc-main{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pc-batch-panel,.pc-result-panel,.pc-source-panel{display:flex;flex-direction:column}.pc-editor-wrap{border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-sm);display:flex;flex:1 1;flex-direction:column;min-height:220px;overflow:hidden}.pc-output-editor{flex:1 1;min-height:220px}.pc-editor-wrap .monaco-editor-wrapper{display:flex;flex:1 1;flex-direction:column;height:100%;line-height:1.5;overflow:hidden;width:100%}.pc-metadata-editor{flex:0 0 auto;height:110px;min-height:0}.pc-editor-wrap .monaco-editor-wrapper .monaco-editor,.pc-editor-wrap .monaco-editor-wrapper .monaco-editor .lines-content{line-height:1.5!important}.pc-metadata{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pc-metadata label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.pc-panel-footer{display:flex;gap:10px;margin-top:12px}.pc-result-tabs{display:flex;gap:6px;margin-bottom:10px}.pc-tab{background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.pc-tab:hover{background:var(--hover-bg);color:var(--text-color)}.pc-tab.active{background:var(--tester-accent);border-color:var(--tester-accent);color:var(--button-text)}.pc-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;min-height:220px;text-align:center}.pc-empty p{font-size:.95rem;margin:0}.pc-empty span{font-size:.82rem;opacity:.7}.pc-batch{grid-template-columns:1fr 1fr}.pc-batch-list{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding-right:4px}.pc-batch-row{grid-gap:12px;align-items:start;background:var(--tester-inset);border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);display:grid;gap:12px;grid-template-columns:24px 130px 24px 130px 1fr 32px;padding:12px}.pc-batch-index{font-family:var(--tester-mono);font-size:.72rem}.pc-batch-arrow,.pc-batch-index{color:var(--text-secondary);padding-top:10px;text-align:center}.pc-batch-arrow{font-weight:700}.pc-batch-row select{-webkit-appearance:none;appearance:none;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236c757d' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-color);cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 32px 8px 12px;transition:all .2s ease}body.dark-theme .pc-batch-row select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23B8D4E3' d='m2 4 4 4 4-4'/%3E%3C/svg%3E")}.pc-batch-content:hover,.pc-batch-row select:hover{border-color:var(--tester-accent)}.pc-batch-content{background:var(--card-bg);color:var(--text-color);font-family:var(--tester-mono);font-size:.8rem;height:40px;min-height:40px;padding:8px 12px;resize:vertical;transition:all .2s ease}.pc-batch-content,.pc-batch-remove{border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn)}.pc-batch-remove{align-items:center;background:#0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0!important;width:32px}.pc-batch-remove:hover{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.pc-history-panel{flex-shrink:0}.pc-history-list{display:flex;flex-direction:column;gap:8px}.pc-history-empty{border:1px dashed var(--tester-hairline);color:var(--text-secondary);font-size:.82rem;padding:12px;text-align:center}.pc-history-empty,.pc-history-item{background:var(--tester-inset);border-radius:var(--tester-radius-btn)}.pc-history-item{align-items:center;border:1px solid var(--tester-hairline);border-left-width:3px;display:flex;font-size:.8rem;gap:10px;padding:8px 12px}.pc-history-item.success{border-left-color:var(--success-color)}.pc-history-item.failed{border-left-color:var(--danger-color)}.pc-history-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.pc-history-item.success .pc-history-status-dot{background:var(--success-color)}.pc-history-item.failed .pc-history-status-dot{background:var(--danger-color)}.pc-history-route{font-family:var(--tester-mono);font-weight:600;letter-spacing:.02em}.pc-history-arrow{color:var(--text-secondary);margin:0 2px}.pc-history-summary{background:color-mix(in srgb,var(--tester-accent) 12%,var(--tester-inset));border-radius:999px;color:var(--tester-accent);font-family:var(--tester-mono);font-size:.72rem;padding:2px 6px}.pc-history-time{color:var(--text-secondary);font-size:.72rem;margin-left:auto;white-space:nowrap}.pc-history-replay{align-items:center;background:#0000;border:1px solid var(--tester-hairline);border-radius:var(--tester-radius-btn);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease);width:28px}.pc-history-replay:hover{background:var(--tester-accent);border-color:var(--tester-accent);color:var(--button-text)}.pc-matrix-panel{flex-shrink:0}.pc-matrix{margin-top:16px;overflow-x:auto}.pc-matrix table{border-collapse:collapse;font-size:.78rem;width:100%}.pc-matrix td,.pc-matrix th{border:1px solid var(--tester-hairline);padding:7px 10px;text-align:center}.pc-matrix th{font-size:.72rem}.pc-matrix th,.pc-matrix-row-header{background:var(--tester-inset);font-weight:600}.pc-matrix-row-header{text-align:left!important}.pc-matrix-cell{font-weight:600}.pc-matrix-cell.same{background:var(--tester-inset);color:var(--text-secondary)}.pc-matrix-cell.supported{background:color-mix(in srgb,var(--success-color) 12%,var(--tester-inset));color:var(--success-color)}.pc-matrix-cell.unsupported{color:var(--text-secondary)}@media (max-width:1000px){.pc-batch,.pc-main{grid-template-columns:1fr}.pc-protocol-row{flex-direction:column}.pc-swap-btn{align-self:center;margin:0;transform:rotate(90deg)}}@media (max-width:640px){.pc-panel-header{align-items:flex-start;flex-direction:column}.pc-actions{width:100%}.pc-protocol-options{gap:6px}.pc-protocol-btn span{display:none}.pc-batch-row{grid-template-columns:1fr}}.protocol-test-page{--pt-accent:var(--primary-color);--pt-hairline:var(--border-color);--pt-surface:var(--card-bg);--pt-inset:var(--background-color);--pt-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--pt-radius:var(--radius-lg,16px);--pt-radius-sm:var(--radius-md,12px);--pt-radius-btn:var(--radius-sm,8px);background:var(--background-color);display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden}.pt-header{align-items:flex-end;background:var(--pt-surface);border-bottom:1px solid var(--pt-hairline);display:flex;gap:16px;justify-content:space-between;padding:24px clamp(20px,4vw,48px)}.pt-header-title h1{align-items:center;color:var(--text-color);display:flex;font-size:clamp(26px,3vw,34px);font-weight:650;gap:10px;letter-spacing:-.02em;margin:0}.pt-header-title p{color:var(--text-secondary);font-size:.92rem;line-height:1.45;margin:6px 0 0;max-width:52ch}.pt-eyebrow{font-weight:600}.pt-header-tabs{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);display:inline-flex;gap:4px;padding:4px}.pt-tab{align-items:center;background:#0000;border:none;border-radius:var(--pt-radius-btn);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.pt-tab:hover{background:var(--hover-bg);color:var(--text-color)}.pt-tab.active{background:color-mix(in srgb,var(--pt-accent) 12%,#0000);color:var(--pt-accent)}.protocol-selector-bar{align-items:flex-start;background:var(--pt-surface);border-bottom:1px solid var(--pt-hairline);display:flex;flex-shrink:0;gap:12px;padding:14px clamp(20px,4vw,48px)}.protocol-selector-bar .protocol-selector{background:#0000;flex:1 1;max-width:100%;padding:0}.protocol-selector-bar .protocol-selector__header{display:none}.protocol-selector-bar .protocol-selector__grid{display:flex;flex-wrap:wrap;gap:10px}.protocol-selector-bar .protocol-card{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);flex:0 0 auto;max-width:170px;min-width:132px;padding:10px 14px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease)}.protocol-selector-bar .protocol-card:hover{background:var(--hover-bg);border-color:var(--primary-color)}.protocol-selector-bar .protocol-card--selected,.protocol-selector-bar .protocol-card--selected:hover{background:color-mix(in srgb,var(--primary-color) 12%,var(--pt-inset));background:color-mix(in srgb,var(--protocol-color,var(--primary-color)) 12%,var(--pt-inset));border-color:var(--protocol-color,var(--primary-color));box-shadow:0 0 0 1px var(--primary-color),0 0 14px color-mix(in srgb,var(--primary-color) 25%,#0000);box-shadow:0 0 0 1px var(--protocol-color,var(--primary-color)),0 0 14px color-mix(in srgb,var(--protocol-color,var(--primary-color)) 25%,#0000)}.protocol-selector-bar .protocol-card--selected .protocol-card__name{color:var(--primary-color);color:var(--protocol-color,var(--primary-color))}.protocol-selector-bar .protocol-card__icon-wrapper{background:#0000;border-radius:var(--pt-radius-btn);height:30px;margin-bottom:8px;width:30px}.protocol-selector-bar .protocol-card__name{color:var(--text-color);font-size:.82rem;font-weight:650}.protocol-selector-bar .protocol-card__description,.protocol-selector-bar .protocol-card__features{display:none}.protocol-selector-bar .protocol-card__badge{font-size:.6rem;padding:1px 5px}.pt-clear-btn{align-items:center;align-self:center;background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-btn);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:4px;padding:8px 14px;transition:all .12s ease;transition:all var(--dur-fast,.12s) var(--ease-out,ease);white-space:nowrap}.pt-clear-btn:hover{background:var(--danger-bg);border-color:var(--danger-color);color:var(--danger-color)}.protocol-content{flex:1 1;overflow:hidden;padding:0}.protocol-content,.protocol-welcome{display:flex;flex-direction:column;min-height:0}.protocol-welcome{align-items:center;animation:ptWelcomeIn .5s cubic-bezier(.16,1,.3,1) both;margin:0 auto;max-width:1200px;overflow-y:auto;padding:24px clamp(20px,4vw,40px) 40px;text-align:center;width:100%}.protocol-welcome h2{color:var(--text-color);font-size:clamp(1.25rem,2vw,1.55rem);font-weight:650;letter-spacing:-.01em;margin:10px 0 8px}.protocol-welcome>p{color:var(--text-secondary);font-size:.92rem;margin:0 0 32px;max-width:46ch}.protocol-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(clamp(230px,22vw,310px),1fr));text-align:left;width:100%}.protocol-card{animation:ptCardRise .42s cubic-bezier(.16,1,.3,1) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*60ms);background:var(--pt-surface);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius);cursor:pointer;overflow:hidden;padding:22px;position:relative;transition:all .18s ease;transition:all var(--dur-base,.18s) var(--ease-out,ease)}.protocol-card:hover{border-color:var(--primary-color);box-shadow:0 12px 28px #014c751f;transform:translateY(-3px)}.card-icon{align-items:center;background:var(--primary-light);border-radius:var(--pt-radius-sm);color:var(--pt-accent);color:var(--protocol-color,var(--pt-accent));display:flex;height:44px;justify-content:center;margin-bottom:14px;width:44px}.protocol-card h3{color:var(--text-color);font-size:1.05rem;font-weight:650;letter-spacing:-.01em;margin:0 0 6px}.protocol-card p{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin:0 0 16px}.card-features{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{background:var(--hover-bg);border:1px solid var(--primary-color);border-radius:999px;color:var(--pt-accent);color:var(--protocol-color,var(--pt-accent));font-family:var(--pt-mono);font-size:.66rem;font-weight:600;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.protocol-empty{align-items:center;background:var(--card-bg);border:1px dashed var(--pt-hairline);border-radius:var(--pt-radius);color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}@keyframes ptCardRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ptWelcomeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.protocol-card,.protocol-welcome{animation:none}}@media (max-width:1100px){.protocol-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.pt-header{align-items:flex-start;flex-direction:column}.pt-header-tabs{width:100%}.pt-tab{flex:1 1;justify-content:center}.protocol-selector-bar{flex-wrap:wrap}.protocol-cards{grid-template-columns:1fr}}.perf-tests-page{--pt-accent:var(--accent,var(--primary-color));--pt-radius:18px;--pt-radius-sm:12px;--pt-hairline:color-mix(in srgb,var(--border-color) 65%,#0000);--pt-surface:var(--surface-elevated,var(--card-bg));--pt-inset:var(--surface-sunken,var(--background-color));--pt-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;background:var(--background-color);color:var(--text-color);min-height:calc(100vh - 120px);padding:32px clamp(20px,4vw,48px)}.perf-tests-header{align-items:flex-end;border-bottom:1px solid var(--pt-hairline);display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:22px}.pt-eyebrow{color:var(--pt-accent);font-family:var(--pt-mono);font-size:.68rem;letter-spacing:.18em;margin-bottom:8px;text-transform:uppercase}.perf-tests-header h1{font-size:clamp(26px,3vw,34px);font-weight:650;letter-spacing:-.02em;line-height:1.1;margin:0}.perf-tests-header p{color:var(--text-secondary);font-size:.92rem;margin:8px 0 0;max-width:52ch}.perf-tests-actions{display:flex;flex-shrink:0;gap:10px}.perf-tests-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(280px,.95fr) minmax(0,3fr)}@media (max-width:1100px){.perf-tests-grid{grid-template-columns:1fr}}.pt-panel{animation:ptRise .45s cubic-bezier(.16,1,.3,1) both;background:var(--pt-surface);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius);box-shadow:0 6px 24px #0000001a;padding:22px}.pt-panel+.pt-panel{animation-delay:80ms}.pt-panel-title{align-items:center;border-bottom:1px solid var(--pt-hairline);color:var(--text-secondary);display:flex;font-family:var(--pt-mono);font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.14em;margin-bottom:18px;padding-bottom:12px;text-transform:uppercase}.pt-panel-title svg{color:var(--pt-accent);height:14px;width:14px}.pt-count{background:color-mix(in srgb,var(--pt-accent) 12%,#0000);border-radius:999px;color:var(--pt-accent);font-size:.68rem;letter-spacing:0;margin-left:auto;padding:1px 8px}.pt-list{display:flex;flex-direction:column;gap:8px}.pt-list-item{background:#0000;border:1px solid #0000;border-radius:var(--pt-radius-sm);color:var(--text-color);cursor:pointer;padding:14px 14px 14px 18px;position:relative;text-align:left;transition:background .15s ease,border-color .15s ease}.pt-list-item:before{background:#0000;border-radius:2px;bottom:22%;content:"";left:0;position:absolute;top:22%;transition:background .15s ease;width:2px}.pt-list-item:hover{background:color-mix(in srgb,var(--text-color) 4%,#0000)}.pt-list-item.active{background:color-mix(in srgb,var(--pt-accent) 10%,#0000);border-color:color-mix(in srgb,var(--pt-accent) 40%,#0000)}.pt-list-item.active:before{background:var(--pt-accent)}.pt-list-item-title{font-size:.9rem;font-weight:550;margin-bottom:6px}.pt-list-item-sub{align-items:center;color:var(--text-secondary);display:flex;font-size:.78rem;gap:8px;min-width:0}.pt-run-actions{margin-bottom:14px}.pt-selected-test{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);margin-bottom:16px;padding:14px 18px}.pt-selected-test-title{font-size:.95rem;font-weight:600}.pt-selected-test-sub{color:var(--text-secondary);font-size:.8rem;margin-top:6px}.pt-runs{display:flex;flex-direction:column;gap:6px;margin-top:4px}.pt-run-row{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);color:var(--text-color);cursor:pointer;display:block;padding:13px 16px;text-align:left;transition:background .15s ease,border-color .15s ease;width:100%}.pt-run-row:hover{background:color-mix(in srgb,var(--text-color) 6%,var(--pt-inset));border-color:color-mix(in srgb,var(--text-color) 30%,var(--pt-hairline))}.pt-run-row.active{background:color-mix(in srgb,var(--pt-accent) 12%,var(--pt-inset));border-color:color-mix(in srgb,var(--pt-accent) 45%,var(--pt-hairline))}.pt-run-row-main{align-items:center;display:flex;gap:10px;justify-content:space-between}.pt-run-row-sub{font-feature-settings:"tnum";font-size:.74rem;font-variant-numeric:tabular-nums;margin-top:6px;opacity:.85}.pt-run-id,.pt-run-row-sub{color:var(--text-secondary)}.pt-run-id{font-size:.72rem;opacity:.7}.pt-run-id,.pt-status{font-family:var(--pt-mono)}.pt-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:600;gap:6px;letter-spacing:.06em;line-height:1.6;padding:3px 10px;text-transform:uppercase}.pt-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.pt-status.queued{background:color-mix(in srgb,var(--warning-color) 14%,#0000);border-color:color-mix(in srgb,var(--warning-color) 40%,#0000);color:color-mix(in srgb,var(--warning-color) 25%,var(--text-color))}.pt-status.running{background:var(--pt-accent);background:var(--button-background,var(--pt-accent));border-color:#0000;color:var(--pt-accent);color:var(--button-text,var(--pt-accent))}.pt-status.running .pt-status-dot{animation:livePulse 1.5s ease-in-out infinite}.pt-status.completed{background:color-mix(in srgb,var(--success-color) 14%,#0000);border-color:color-mix(in srgb,var(--success-color) 40%,#0000);color:color-mix(in srgb,var(--success-color) 25%,var(--text-color))}.pt-status.failed{background:color-mix(in srgb,var(--danger-color) 14%,#0000);border-color:color-mix(in srgb,var(--danger-color) 40%,#0000);color:color-mix(in srgb,var(--danger-color) 25%,var(--text-color))}.pt-run-details{border-top:1px solid var(--pt-hairline);margin-top:24px;padding-top:22px}.pt-run-details h3{font-size:1.05rem;font-weight:650;letter-spacing:-.01em;margin:0 0 16px}.pt-run-tools{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 240px;margin:0 0 18px}@media (max-width:900px){.pt-run-tools{grid-template-columns:1fr}}.pt-compare,.pt-export{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);padding:16px}.pt-compare-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto}@media (max-width:900px){.pt-compare-row{align-items:stretch;grid-template-columns:1fr}}.pt-compare-label,.pt-compare-title,.pt-export-title{color:var(--text-secondary);font-family:var(--pt-mono);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pt-compare-select{width:100%}.pt-compare-results{border-top:1px solid var(--pt-hairline);margin-top:12px;padding-top:12px}.pt-compare-title{margin-bottom:10px}.pt-compare-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.pt-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pt-compare-grid{grid-template-columns:1fr}}.pt-compare-item{background:var(--pt-surface);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);padding:10px 12px}.pt-compare-item .label{color:var(--text-secondary);font-size:.7rem}.pt-compare-item .value{font-feature-settings:"tnum";font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:550;margin-top:5px}.pt-export-title{margin-bottom:10px}.pt-export-actions{display:flex;flex-wrap:wrap;gap:8px}.pt-kpis{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:6px}.pt-kpi{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);overflow:hidden;padding:18px 18px 16px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pt-kpi:before{background:color-mix(in srgb,var(--pt-accent) 80%,#0000);border-radius:0 0 3px 3px;content:"";height:3px;left:18px;position:absolute;top:0;width:28px}.pt-kpi:hover{border-color:color-mix(in srgb,var(--pt-accent) 55%,var(--pt-hairline))}.pt-kpi .label{color:var(--text-secondary);font-family:var(--pt-mono);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.pt-kpi .value{font-feature-settings:"tnum";color:var(--text-color);font-size:1.65rem;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.02em;line-height:1;margin-top:12px}.pt-kpi.live:before{animation:livePulse 1.5s ease-in-out infinite;background:var(--success-color)}.pt-kpi.live .value{color:var(--success-color)}.pt-kpi.failed{background:color-mix(in srgb,var(--danger-color) 6%,var(--pt-inset));border-color:color-mix(in srgb,var(--danger-color) 45%,#0000)}.pt-kpi.failed:before{background:var(--danger-color)}.pt-kpi.failed .value{color:var(--danger-color)}.pt-subsection{border-top:1px solid var(--pt-hairline);margin-top:30px;padding-top:20px}.pt-subsection-title{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--pt-mono);font-size:.68rem;font-weight:600;gap:12px;justify-content:space-between;letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase}.pt-subsection-title>span:first-child{align-items:center;display:flex;gap:8px}.pt-subsection-title>span:first-child:before{background:var(--pt-accent);border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}.pt-insights{list-style:none;margin:0;padding-left:0}.pt-insight{align-items:center;color:var(--text-color);display:flex;font-size:.84rem;gap:10px;padding:8px 0}.pt-insight+.pt-insight{border-top:1px solid var(--pt-hairline)}.pill.status-high{border-color:color-mix(in srgb,var(--danger-color) 40%,#0000);color:var(--danger-color)}.pill.status-medium{border-color:color-mix(in srgb,var(--warning-color) 40%,#0000);color:var(--warning-color)}.pill.status-low{border-color:color-mix(in srgb,var(--success-color) 40%,#0000);color:var(--success-color)}.pt-statuscodes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pt-statuscode-row{font-feature-settings:"tnum";align-items:center;border-radius:8px;display:flex;font-variant-numeric:tabular-nums;gap:10px;justify-content:space-between;padding:9px 12px}.pt-rca-box,.pt-statuscode-row{background:var(--pt-inset);border:1px solid var(--pt-hairline)}.pt-rca-box{border-radius:var(--pt-radius-sm);font-size:.86rem;line-height:1.6;padding:18px}.pt-rca-block+.pt-rca-block{border-top:1px solid var(--pt-hairline);margin-top:12px;padding-top:12px}.pt-rca-line{color:var(--text-color);margin:0}.pt-rca-line+.pt-rca-line{margin-top:6px}.pt-rca-label{color:var(--pt-accent);font-family:var(--pt-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pt-chart-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr;margin-top:18px}.pt-chart{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);height:230px;padding:14px 16px 10px;position:relative}.pt-chart-title{color:var(--text-secondary);font-family:var(--pt-mono);font-size:.62rem;font-weight:600;left:16px;letter-spacing:.1em;pointer-events:none;position:absolute;text-transform:uppercase;top:10px;z-index:1}.pt-btn{align-items:center;background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:8px;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:550;gap:7px;padding:9px 17px;transition:background .15s ease,border-color .15s ease,color .15s ease}.pt-btn:hover{background:color-mix(in srgb,var(--text-color) 6%,var(--pt-inset));border-color:color-mix(in srgb,var(--text-color) 25%,var(--pt-hairline))}.pt-btn:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}.pt-btn:disabled{cursor:not-allowed;opacity:.5}.pt-btn.primary{background:var(--pt-accent);background:var(--button-background,var(--pt-accent));border-color:#0000;color:#fff;color:var(--button-text,#fff);font-weight:600}.pt-btn.primary:hover{opacity:.88}.pt-btn.danger{background:color-mix(in srgb,var(--danger-color) 6%,var(--pt-inset));color:var(--danger-color)}.pt-btn.danger:hover{background:color-mix(in srgb,var(--danger-color) 12%,var(--pt-inset));border-color:color-mix(in srgb,var(--danger-color) 45%,#0000)}.pt-muted{color:var(--text-secondary);font-size:.84rem}.pt-alert{background:var(--pt-surface);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);font-size:.86rem;margin:12px 0;padding:11px 14px}.pt-alert.error{background:color-mix(in srgb,var(--danger-color) 6%,var(--pt-surface));border-color:color-mix(in srgb,var(--danger-color) 45%,#0000);color:var(--danger-color)}.pill{background:#0000;border:1px solid var(--pt-hairline);border-radius:999px;color:var(--text-secondary);flex-shrink:0;font-size:.66rem;font-weight:600;letter-spacing:.04em;padding:2px 8px}.mono,.pill{font-family:var(--pt-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-dot{animation:livePulse 1.5s ease-in-out infinite;background-color:var(--success-color);border-radius:50%;display:inline-block;height:8px;width:8px}.pt-form{display:flex;flex-direction:column;gap:14px}.pt-form-row label{color:var(--text-secondary);display:block;font-size:.8rem;font-weight:550;margin-bottom:6px}.pt-form-row input,.pt-form-row select,.pt-form-row textarea{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);color:var(--text-color);font-size:.88rem;outline:none;padding:10px 12px;transition:border-color .15s ease;width:100%}.pt-form-row input:focus,.pt-form-row textarea:focus{border-color:var(--pt-accent)}.pt-form-row input::placeholder,.pt-form-row textarea::placeholder{color:var(--text-muted)}.pt-form-row textarea{font-family:var(--pt-mono);font-size:.82rem}.pt-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 150px 150px}@media (max-width:900px){.pt-form-grid{grid-template-columns:1fr}}.pt-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.pt-phases{display:flex;flex-direction:column;gap:10px}.pt-phase{background:var(--pt-inset);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius-sm);padding:12px}.pt-phase-grid{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr auto}@media (max-width:900px){.pt-phase-grid{grid-template-columns:1fr}}.pt-phase-label{color:var(--text-secondary);font-size:.72rem;margin-bottom:6px}.pt-phase-actions{align-items:flex-end;display:flex}.pt-modal-overlay{align-items:center;animation:ptFadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--background-color) 40%,#00000073);display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.pt-modal{animation:ptSlideUp .3s cubic-bezier(.16,1,.3,1);background:var(--pt-surface);border:1px solid var(--pt-hairline);border-radius:var(--pt-radius);box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;max-height:90vh;max-width:660px;width:90%}.pt-modal-header{align-items:center;border-bottom:1px solid var(--pt-hairline);display:flex;justify-content:space-between;padding:18px 24px}.pt-modal-title{align-items:center;display:flex;font-size:1.05rem;font-weight:650;gap:10px;letter-spacing:-.01em}.pt-modal-title svg{color:var(--pt-accent)}.pt-modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px;transition:background .15s ease,color .15s ease}.pt-modal-close:hover{background:color-mix(in srgb,var(--text-color) 8%,#0000);color:var(--text-color)}.pt-modal-content{overflow-y:auto;padding:24px}@keyframes ptFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ptSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ptRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.live-dot,.pt-kpi.live:before,.pt-modal,.pt-modal-overlay,.pt-panel,.pt-status.running .pt-status-dot{animation:none}}.cmp-root{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);margin:0 auto;max-width:1400px;padding:clamp(16px,2vw,32px);width:100%}.cmp-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.cmp-title{color:var(--text-color);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.cmp-subtitle{color:var(--text-secondary);font-size:clamp(.88rem,.84rem + .2vw,1rem);margin:6px 0 0}.cmp-tabs{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:6px;overflow-x:auto;padding:6px}.cmp-tab{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;padding:9px 16px;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.cmp-tab:hover{background:var(--hover-bg);color:var(--text-color)}.cmp-tab--active{background:var(--surface-sunken);border-color:var(--border-color);color:var(--accent)}.cmp-tab-icon{flex-shrink:0;font-size:1rem}.cmp-content{gap:clamp(16px,2vw,24px)}.cmp-card,.cmp-content{display:flex;flex-direction:column}.cmp-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out)}.cmp-card:hover{box-shadow:var(--shadow-md)}.cmp-card-head{border-bottom:1px solid var(--border-color);gap:12px;justify-content:space-between;padding:16px 18px}.cmp-card-head,.cmp-card-title{align-items:center;display:flex}.cmp-card-title{color:var(--text-color);font-size:1rem;font-weight:700;gap:10px}.cmp-card-title-icon{color:var(--accent);flex-shrink:0}.cmp-actions{display:flex;flex-wrap:wrap}.cmp-actions,.cmp-btn{align-items:center;gap:8px}.cmp-btn{border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;padding:9px 14px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out);white-space:nowrap}.cmp-btn--primary{background:var(--accent);color:#fff}.cmp-btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.cmp-btn--ghost{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.cmp-btn--ghost:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-sunken));border-color:var(--accent)}.cmp-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.cmp-filters{background:var(--surface);border-bottom:1px solid var(--border-color);padding:16px 18px}.cmp-filter-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.cmp-filter-row--single{grid-template-columns:minmax(0,1fr);max-width:460px}@media (max-width:980px){.cmp-filter-row{grid-template-columns:1fr}}.cmp-field{display:flex;flex-direction:column;min-width:0}.cmp-field label{color:var(--text-secondary);display:block;font-size:.74rem;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.cmp-field input{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font:inherit;font-size:.86rem;outline:none;padding:9px 11px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.cmp-field input:focus{border-color:var(--accent);box-shadow:var(--ring)}.cmp-field input::placeholder{color:var(--text-muted);opacity:1}.cmp-field select{width:100%}.cmp-filter-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:12px}.cmp-error{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);border-top:1px solid var(--danger-border);color:var(--danger-text);font-size:.86rem;padding:12px 18px}.cmp-empty{background:var(--surface-sunken);color:var(--text-secondary);font-size:.86rem;padding:24px 18px;text-align:center}.cmp-empty--inline{border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:16px}.cmp-muted{color:var(--text-secondary);font-size:.82rem}.cmp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.cmp-table-wrap{overflow:auto}.cmp-table{border-collapse:collapse;width:100%}.cmp-table td,.cmp-table th{border-bottom:1px solid var(--border-color);font-size:.84rem;padding:11px 18px;text-align:left;vertical-align:top}.cmp-table th{background:var(--surface-sunken);color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.cmp-table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.cmp-table tbody tr:hover{background:var(--hover-bg)}.cmp-metadata-cell{max-width:620px}.cmp-metadata{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;margin:0;max-height:240px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.cmp-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 18px}.cmp-pager{display:flex;gap:8px}.cmp-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}@media (max-width:980px){.cmp-grid{grid-template-columns:minmax(0,1fr)}}.cmp-subcard{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px}.cmp-subcard-title{color:var(--text-color);font-size:.98rem;font-weight:700;margin:0 0 4px}.cmp-subsection-title{color:var(--text-secondary);font-size:.82rem;font-weight:700;letter-spacing:.04em;margin:16px 0 8px;text-transform:uppercase}.cmp-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}@media (max-width:980px){.cmp-form-grid{grid-template-columns:minmax(0,1fr)}}.cmp-kv{grid-gap:10px 12px;align-items:center;display:grid;gap:10px 12px;grid-template-columns:140px minmax(0,1fr);margin-top:10px}.cmp-k{color:var(--text-secondary);font-size:.82rem}.cmp-v{color:var(--text-color);font-size:.86rem;word-break:break-word}.cmp-stack{display:flex;flex-direction:column;gap:10px;margin-top:8px}.cmp-team-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;transition:border-color var(--dur-fast) var(--ease-out)}.cmp-team-card:hover{border-color:var(--accent)}.cmp-team-title{align-items:baseline;color:var(--text-color);display:flex;font-size:.9rem;font-weight:700;gap:10px;justify-content:space-between;margin-bottom:6px}.cmp-issues{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.84rem;gap:4px;margin:8px 0 0;padding-left:18px}.cmp-tip{margin-top:12px}.cmp-btn:focus-visible,.cmp-tab:focus-visible{box-shadow:var(--ring);outline:none}@media (prefers-reduced-motion:reduce){.cmp-btn,.cmp-card,.cmp-tab,.cmp-table tbody tr,.cmp-team-card{transition:none}.cmp-btn--ghost:hover,.cmp-btn--primary:hover{transform:none}}.cmp-field .app-select-trigger{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color);font-size:.86rem;min-height:38px;padding:9px 11px}.cmp-field .app-select-trigger:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface-sunken));border-color:var(--accent)}.cmp-eyebrow{color:var(--accent);display:block;font-size:.66rem;font-weight:800;letter-spacing:.12em;line-height:1;margin-bottom:7px;text-transform:uppercase}.cmp-subtitle{margin-top:7px}.cmp-tabs{box-shadow:none;padding:5px}.cmp-tab{padding:10px 16px}.cmp-tab--active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,#0000)}.cmp-card{box-shadow:0 18px 36px #0000001f}.cmp-card:hover{box-shadow:0 20px 42px #00000029}.cmp-card-head{padding-bottom:17px;padding-top:17px}.cmp-card-title{font-size:1.02rem}.cmp-btn--ghost{border-color:color-mix(in srgb,var(--border-color) 86%,var(--accent))}.cmp-filters{padding:17px 18px 15px}.cmp-field label{font-weight:700;letter-spacing:.06em}.cmp-table td,.cmp-table th{padding-bottom:13px;padding-top:13px}.cmp-table th{background:color-mix(in srgb,var(--surface-sunken) 92%,var(--accent))}.cmp-table tbody tr{content-visibility:auto}.cmp-table tbody tr:hover{background:color-mix(in srgb,var(--hover-bg) 90%,var(--accent))}.cmp-metadata{line-height:1.55}.gov-root{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);margin:0 auto;max-width:1400px;padding:clamp(16px,2vw,32px);width:100%}.gov-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.gov-title{color:var(--text-color);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.gov-subtitle{color:var(--text-secondary);font-size:clamp(.88rem,.84rem + .2vw,1rem);margin:6px 0 0;max-width:68ch}.gov-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1100px){.gov-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.gov-summary{grid-template-columns:minmax(0,1fr)}}.gov-tile{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px}.gov-tile--warn{border-color:var(--danger-border)}.gov-tile-label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.74rem;font-weight:600;gap:8px;letter-spacing:.04em;text-transform:uppercase}.gov-tile-icon{color:var(--accent);flex-shrink:0}.gov-tile-value{color:var(--text-color);font-size:1.5rem;font-weight:700;line-height:1}.gov-tile-suffix{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-left:2px}.gov-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden}.gov-card-head{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 18px}.gov-card-head,.gov-card-title{align-items:center;display:flex}.gov-card-title{color:var(--text-color);font-size:1rem;font-weight:700;gap:10px;min-width:0}.gov-card-title-icon{color:var(--accent);flex-shrink:0}.gov-muted{color:var(--text-secondary);font-size:.82rem}.gov-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:9px 14px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.gov-btn--ghost{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.gov-btn--ghost:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-sunken));border-color:var(--accent)}.gov-btn:disabled{cursor:not-allowed;opacity:.55}.gov-btn:focus-visible{box-shadow:var(--ring);outline:none}.gov-spin{animation:gov-spin .9s linear infinite}@keyframes gov-spin{to{transform:rotate(1turn)}}.gov-filters{background:var(--surface);border-bottom:1px solid var(--border-color);padding:16px 18px}.gov-filter-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.gov-filter-row{grid-template-columns:1fr}}.gov-field{display:flex;flex-direction:column;min-width:0}.gov-field label{color:var(--text-secondary);display:block;font-size:.74rem;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.gov-field .app-select-trigger{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color);font-size:.86rem;min-height:38px;padding:9px 11px}.gov-field .app-select-trigger:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface-sunken));border-color:var(--accent)}.gov-error{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);color:var(--danger-text);font-size:.86rem;padding:12px 18px}.gov-empty{background:var(--surface-sunken);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.86rem;gap:6px;padding:28px 18px;text-align:center}.gov-empty strong{color:var(--text-color);font-size:.95rem}.gov-table-wrap{overflow:auto}.gov-table{border-collapse:collapse;width:100%}.gov-table td,.gov-table th{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.84rem;padding:11px 18px;text-align:left;vertical-align:middle;white-space:nowrap}.gov-table th{background:var(--surface-sunken);color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.gov-table .gov-num{text-align:right}.gov-row{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.gov-row:hover{background:var(--hover-bg)}.gov-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.gov-row--active{background:var(--surface-sunken)}.gov-api-name{display:block;font-weight:600}.gov-api-owner{display:block;font-size:.76rem;margin-top:2px}.gov-api-owner,.gov-status{color:var(--text-secondary)}.gov-status{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:999px;display:inline-block;font-size:.74rem;font-weight:600;padding:3px 9px}.gov-status--up{background:#22c55e1f;background:var(--success-bg,#22c55e1f);border-color:#22c55e59;border-color:var(--success-border,#22c55e59);color:#15803d;color:var(--success-text,#15803d)}.gov-status--degraded{background:#f59e0b1f;background:var(--warning-bg,#f59e0b1f);border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59);color:#b45309;color:var(--warning-text,#b45309)}.gov-status--down{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.gov-score{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:inline-block;font-size:.86rem;font-weight:700;min-width:44px;padding:4px 10px;text-align:center}.gov-score--good{background:#22c55e1f;background:var(--success-bg,#22c55e1f);border-color:#22c55e59;border-color:var(--success-border,#22c55e59);color:#15803d;color:var(--success-text,#15803d)}.gov-score--fair{background:#f59e0b1f;background:var(--warning-bg,#f59e0b1f);border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59);color:#b45309;color:var(--warning-text,#b45309)}.gov-score--poor{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.gov-panel{display:flex;flex-direction:column;gap:16px;padding:18px}.gov-panel-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:980px){.gov-panel-grid{grid-template-columns:minmax(0,1fr)}}.gov-subcard{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px}.gov-subcard-title{color:var(--text-color);font-size:.98rem;font-weight:700;margin:0}.gov-bars{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.gov-bar-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.gov-bar-label,.gov-bar-value{color:var(--text-color);font-size:.84rem}.gov-bar-value{font-weight:700;white-space:nowrap}.gov-bar-weight{color:var(--text-secondary);font-size:.74rem;font-weight:500}.gov-bar-track{background:var(--surface);border:1px solid var(--border-color);border-radius:999px;height:8px;overflow:hidden}.gov-bar-fill{border-radius:999px;height:100%;transition:width var(--dur-base) var(--ease-out)}.gov-bar-fill--good{background:#22c55e;background:var(--success-border,#22c55e)}.gov-bar-fill--fair{background:#f59e0b;background:var(--warning-border,#f59e0b)}.gov-bar-fill--poor{background:#ef4444;background:var(--danger-border,#ef4444)}.gov-kv{grid-gap:8px 12px;align-items:baseline;display:grid;gap:8px 12px;grid-template-columns:minmax(0,1fr) auto;margin:0}.gov-kv dt{color:var(--text-secondary);font-size:.82rem}.gov-kv dd{color:var(--text-color);font-size:.86rem;margin:0;text-align:right;word-break:break-word}.gov-recs{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.gov-rec{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);display:flex;font-size:.86rem;gap:10px;padding:10px 12px}.gov-rec--high{border-color:var(--danger-border)}.gov-rec-icon{flex-shrink:0}.gov-rec--high .gov-rec-icon{color:var(--danger-text)}.gov-rec--medium .gov-rec-icon{color:#b45309;color:var(--warning-text,#b45309)}.gov-rec--low .gov-rec-icon{color:var(--text-secondary)}.gov-rec-text{flex:1 1;min-width:0}.gov-rec-cat{color:var(--text-secondary);font-size:.74rem;white-space:nowrap}@media (max-width:620px){.gov-rec{flex-wrap:wrap}.gov-rec-cat{padding-left:26px;width:100%}}.gov-all-clear{align-items:center;color:var(--text-secondary);display:flex;font-size:.86rem;gap:8px}@media (prefers-reduced-motion:reduce){.gov-bar-fill,.gov-btn,.gov-row{transition:none}.gov-spin{animation:none}}.gov-root{max-width:1760px;padding:clamp(22px,2.4vw,42px) clamp(20px,3vw,56px) clamp(34px,4vw,64px)}.gov-kicker{align-items:center;color:var(--primary-color);color:var(--accent,var(--primary-color));display:inline-flex;font-size:.72rem;font-weight:750;gap:7px;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.gov-kicker svg{height:14px;width:14px}.gov-title{font-size:clamp(1.65rem,1.25rem + 1.1vw,2.15rem)}.gov-subtitle{font-size:clamp(.9rem,.84rem + .25vw,1.02rem);max-width:74ch}.gov-summary{gap:14px}.gov-tile{border-radius:14px;border-radius:var(--radius-lg,14px);min-height:88px;padding:18px 20px}.gov-tile--warn{background:color-mix(in srgb,var(--danger-bg) 42%,var(--surface))}.gov-tile-label{font-size:.7rem}.gov-tile-value{font-size:1.7rem}.gov-card{border-radius:14px;border-radius:var(--radius-lg,14px)}.gov-card-head{padding:18px 22px}.gov-card-head--inventory{background:color-mix(in srgb,var(--primary-color) 5%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface))}.gov-card-head--analysis{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface))}.gov-card-caption{color:var(--text-secondary);display:block;font-size:.78rem;margin:5px 0 0 26px}.gov-analysis-eyebrow{color:var(--primary-color);color:var(--accent,var(--primary-color));display:block;font-size:.66rem;font-weight:750;letter-spacing:.065em;margin:0 0 5px 26px;text-transform:uppercase}.gov-card-title{font-size:1.04rem}.gov-filters{padding:18px 22px 20px}.gov-filter-row{gap:14px}.gov-field .app-select-trigger{min-height:42px;padding:10px 12px}.gov-table td,.gov-table th{font-size:.86rem;padding:13px 22px}.gov-table th{font-size:.68rem;padding-bottom:12px;padding-top:12px}.gov-row{transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.gov-row:hover{background:color-mix(in srgb,var(--primary-color) 7%,var(--hover-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 7%,var(--hover-bg))}.gov-row--active{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,var(--surface-sunken));box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color))}.gov-panel{gap:18px;padding:22px}.gov-subcard{gap:12px;padding:20px}.gov-recs{gap:9px}.gov-rec{padding:12px 14px}@media (max-width:620px){.gov-root{padding:18px 14px 30px}.gov-card-head,.gov-filters,.gov-table td,.gov-table th{padding-left:16px;padding-right:16px}}.gov-tile--warn{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface))}.gov-score--poor,.gov-tile--warn{border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 55%,var(--border-color))}.gov-score--poor{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,var(--surface-sunken));color:var(--primary-color);color:var(--accent,var(--primary-color))}.gov-analysis-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:color-mix(in srgb,#0b1020 62%,#0000);background:color-mix(in srgb,var(--bg-color,#0b1020) 62%,#0000);display:flex;inset:0;justify-content:center;padding:clamp(14px,3vw,40px);position:fixed;z-index:10000}.gov-analysis-dialog{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 24px 70px #0000004d;box-shadow:var(--shadow-lg,0 24px 70px #0000004d);display:flex;flex-direction:column;max-height:min(820px,calc(100vh - 28px));overflow:auto;width:min(980px,100%)}.gov-analysis-dialog .gov-card-head--analysis{position:-webkit-sticky;position:sticky;top:0;z-index:1}.gov-rec--high{background:color-mix(in srgb,var(--primary-color) 6%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 48%,var(--border-color))}.gov-rec--high .gov-rec-icon{color:var(--primary-color);color:var(--accent,var(--primary-color))}.gov-bar-fill--poor{background:var(--primary-color);background:var(--accent,var(--primary-color))}.ccd-root{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);margin:0 auto;max-width:1400px;padding:clamp(16px,2vw,32px);width:100%}.ccd-header{align-items:center;gap:16px;justify-content:space-between}.ccd-header,.ccd-header-actions{display:flex;flex-wrap:wrap}.ccd-title{color:var(--text-color);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.ccd-subtitle{color:var(--text-secondary);font-size:clamp(.88rem,.84rem + .2vw,1rem);margin:6px 0 0;max-width:68ch}.ccd-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.ccd-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ccd-summary{grid-template-columns:minmax(0,1fr)}}.ccd-tile{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px}.ccd-tile--warn{border-color:var(--danger-border)}.ccd-tile-label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.74rem;font-weight:600;gap:8px;letter-spacing:.04em;text-transform:uppercase}.ccd-tile-icon{color:var(--accent);flex-shrink:0}.ccd-tile-value{color:var(--text-color);font-size:1.5rem;font-weight:700;line-height:1}.ccd-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden}.ccd-card-head{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 18px}.ccd-card-head,.ccd-card-title{align-items:center;display:flex}.ccd-card-title{color:var(--text-color);font-size:1rem;font-weight:700;gap:10px;min-width:0}.ccd-card-title-icon{color:var(--accent);flex-shrink:0}.ccd-card-body{display:flex;flex-direction:column;gap:16px;padding:18px}.ccd-muted{color:var(--text-secondary);font-size:.82rem}.ccd-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:9px 14px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.ccd-btn--ghost{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.ccd-btn--ghost:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-sunken));border-color:var(--accent)}.ccd-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.ccd-btn--primary:hover{filter:brightness(1.06)}.ccd-btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.ccd-btn--sm{font-size:.78rem}.ccd-btn:disabled{cursor:not-allowed;opacity:.55}.ccd-btn:focus-visible{box-shadow:var(--ring);outline:none}.ccd-spin{animation:ccd-spin .9s linear infinite}@keyframes ccd-spin{to{transform:rotate(1turn)}}.ccd-filters{grid-gap:12px;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 18px}@media (max-width:1100px){.ccd-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ccd-filters{grid-template-columns:minmax(0,1fr)}}.ccd-field{display:flex;flex-direction:column;min-width:0}.ccd-field label{color:var(--text-secondary);display:block;font-size:.74rem;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.ccd-field .app-select-trigger{border-color:var(--border-color);color:var(--text-color);font-size:.86rem;padding:9px 11px}.ccd-field .app-select-trigger:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface-sunken));border-color:var(--accent)}.ccd-input,.ccd-textarea{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.86rem;min-height:38px;padding:9px 11px;width:100%}.ccd-textarea{font-family:monospace;font-family:var(--font-mono,monospace);min-height:110px;resize:vertical}.ccd-input:focus,.ccd-textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.ccd-input--sm{font-size:.8rem;min-height:32px;padding:6px 9px}.ccd-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ccd-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:780px){.ccd-grid-2,.ccd-grid-3{grid-template-columns:minmax(0,1fr)}}.ccd-check{align-items:center;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.84rem;gap:8px}.ccd-error{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);color:var(--danger-text);font-size:.86rem;padding:12px 18px}.ccd-empty{background:var(--surface-sunken);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.86rem;gap:6px;padding:28px 18px;text-align:center}.ccd-empty strong{color:var(--text-color);font-size:.95rem}.ccd-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.86rem;gap:10px;justify-content:center;padding:28px 18px}.ccd-table-wrap{overflow:auto}.ccd-table{border-collapse:collapse;width:100%}.ccd-table td,.ccd-table th{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.84rem;padding:11px 18px;text-align:left;vertical-align:middle;white-space:nowrap}.ccd-table th{background:var(--surface-sunken);color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.ccd-row{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ccd-row:hover{background:var(--hover-bg)}.ccd-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.ccd-row--active{background:var(--surface-sunken)}.ccd-name{display:block;font-weight:600}.ccd-sub{display:block;font-size:.76rem;margin-top:2px}.ccd-badge,.ccd-sub{color:var(--text-secondary)}.ccd-badge{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:999px;display:inline-block;font-size:.72rem;font-weight:600;padding:3px 9px}.ccd-badge--active,.ccd-badge--passed{background:#22c55e1f;background:var(--success-bg,#22c55e1f);border-color:#22c55e59;border-color:var(--success-border,#22c55e59);color:#15803d;color:var(--success-text,#15803d)}.ccd-badge--error,.ccd-badge--failed{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.ccd-badge--draft{background:#f59e0b1f;background:var(--warning-bg,#f59e0b1f);border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59);color:#b45309;color:var(--warning-text,#b45309)}.ccd-badge--breaking{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text);margin-left:6px}.ccd-method{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;min-width:52px;padding:3px 8px;text-align:center}.ccd-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.ccd-section{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px}.ccd-section-title{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:.92rem;font-weight:700;gap:10px;justify-content:space-between;margin:0}.ccd-section--expect{background:color-mix(in srgb,var(--accent) 5%,var(--surface-sunken));border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color))}.ccd-expect-flag{align-items:center;background:color-mix(in srgb,var(--accent) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent) 40%,#0000);border-radius:999px;color:var(--accent);display:inline-flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.ccd-kv-row{grid-gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}.ccd-field-row,.ccd-kv-row{align-items:center;display:grid;gap:8px}.ccd-field-row{grid-gap:8px;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) auto auto minmax(0,1.1fr) auto}@media (max-width:900px){.ccd-field-row,.ccd-kv-row{grid-template-columns:minmax(0,1fr)}}.ccd-icon-btn{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.ccd-icon-btn:hover{border-color:var(--danger-border);color:var(--danger-text)}.ccd-icon-btn:focus-visible{box-shadow:var(--ring);outline:none}.ccd-interaction-list{display:flex;flex-direction:column;gap:8px}.ccd-interaction{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;font:inherit;font-size:.86rem;gap:10px;padding:10px 12px;text-align:left;width:100%}.ccd-interaction--active,.ccd-interaction:hover{border-color:var(--accent)}.ccd-interaction--active{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.ccd-interaction-main{flex:1 1;min-width:0}.ccd-interaction-name{display:block;font-weight:600}.ccd-interaction-url{color:var(--text-secondary);display:block;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccd-editor-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(220px,300px) minmax(0,1fr)}@media (max-width:900px){.ccd-editor-layout{grid-template-columns:minmax(0,1fr)}}.ccd-result{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.ccd-result--failed{border-color:var(--danger-border)}.ccd-result-head{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font:inherit;gap:10px;padding:10px 12px;text-align:left;width:100%}.ccd-result-head:hover{background:var(--hover-bg)}.ccd-result-body{border-top:1px solid var(--border-color);gap:12px;padding:12px}.ccd-result-body,.ccd-violations{display:flex;flex-direction:column}.ccd-violations{gap:8px;list-style:none;margin:0;padding:0}.ccd-violation{align-items:flex-start;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;font-size:.84rem;gap:10px;padding:10px 12px}.ccd-violation--breaking{border-color:var(--danger-border)}.ccd-violation-icon{flex-shrink:0;margin-top:2px}.ccd-violation--breaking .ccd-violation-icon{color:var(--danger-text)}.ccd-violation-text{flex:1 1;min-width:0}.ccd-violation-diff{color:var(--text-secondary);display:block;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.76rem;margin-top:4px;word-break:break-word}.ccd-diff-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:780px){.ccd-diff-grid{grid-template-columns:minmax(0,1fr)}}.ccd-pre{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.76rem;line-height:1.5;margin:0;max-height:280px;overflow:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.ccd-pre-label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.ccd-btn,.ccd-interaction,.ccd-row{transition:none}.ccd-spin{animation:none}}.ccd-root{gap:clamp(18px,2vw,28px);max-width:1760px;padding:clamp(22px,2.4vw,42px) clamp(20px,3vw,56px) clamp(34px,4vw,64px)}.ccd-kicker{align-items:center;color:var(--primary-color);color:var(--accent,var(--primary-color));display:inline-flex;font-size:.72rem;font-weight:750;gap:7px;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.ccd-kicker svg{height:14px;width:14px}.ccd-title{font-size:clamp(1.65rem,1.25rem + 1.1vw,2.15rem)}.ccd-subtitle{font-size:clamp(.9rem,.84rem + .25vw,1.02rem);max-width:74ch}.ccd-header-actions{gap:12px}.ccd-btn{border-radius:8px;border-radius:var(--radius-sm,8px);min-height:42px;padding:10px 15px}.ccd-btn--sm{min-height:32px;padding:6px 10px}.ccd-summary{gap:14px}.ccd-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 5%,var(--surface)),var(--surface));background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface)),var(--surface));border-radius:14px;border-radius:var(--radius-lg,14px);min-height:92px;padding:18px 20px}.ccd-tile-label{font-size:.7rem}.ccd-tile-value{font-size:1.7rem}.ccd-tile--warn{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 55%,var(--border-color))}.ccd-card{border-radius:14px;border-radius:var(--radius-lg,14px)}.ccd-card-head{background:color-mix(in srgb,var(--primary-color) 5%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface));min-height:72px;padding:18px 22px}.ccd-card-title{font-size:1.04rem}.ccd-filters{gap:14px;padding:18px 22px 20px}.ccd-field .app-select-trigger{min-height:42px;padding:10px 12px}.ccd-table td,.ccd-table th{font-size:.86rem;padding:13px 22px}.ccd-table th{font-size:.68rem;padding-bottom:12px;padding-top:12px}.ccd-row{transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ccd-row:hover{background:color-mix(in srgb,var(--primary-color) 7%,var(--hover-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 7%,var(--hover-bg))}.ccd-row--active{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,var(--surface-sunken));box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color))}.ccd-badge{font-size:.7rem;padding:4px 10px}.ccd-badge--breaking,.ccd-violation--breaking{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,var(--surface-sunken));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 52%,var(--border-color))}.ccd-badge--breaking,.ccd-violation--breaking,.ccd-violation--breaking .ccd-violation-icon{color:var(--primary-color);color:var(--accent,var(--primary-color))}.ccd-badge--error,.ccd-badge--failed,.ccd-error,.ccd-result--failed{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 50%,var(--border-color));color:var(--text-color)}.ccd-result--failed .ccd-result-head:hover{background:color-mix(in srgb,var(--primary-color) 10%,var(--hover-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,var(--hover-bg))}.ccd-result--failed .ccd-violation-icon{color:var(--primary-color);color:var(--accent,var(--primary-color))}.ccd-editor-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:color-mix(in srgb,#0b1020 62%,#0000);background:color-mix(in srgb,var(--bg-color,#0b1020) 62%,#0000);box-sizing:border-box;height:100dvh;inset:0;padding:clamp(24px,5vh,56px) clamp(14px,3vw,40px);position:fixed;width:100vw;z-index:10000}.ccd-editor-dialog{border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 24px 70px #0000004d;box-shadow:var(--shadow-lg,0 24px 70px #0000004d);box-sizing:border-box;left:50%;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(1240px,calc(100vw - 32px))}.ccd-editor-dialog,.ccd-editor-dialog>.ccd-card{max-height:min(900px,calc(100vh - clamp(48px, 10vh, 112px)));min-width:0}.ccd-editor-dialog>.ccd-card{border:0;border-radius:0;min-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.ccd-editor-dialog>.ccd-card::-webkit-scrollbar{width:10px}.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-button,.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-button:end,.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-button:single-button,.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-button:start,.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-button:vertical:end:increment,.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-button:vertical:start:decrement{-webkit-appearance:none;background:#0000;display:none;height:0;min-height:0;min-width:0;width:0}.ccd-editor-dialog>.ccd-card::-webkit-resizer,.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-corner{background:#0000;display:none}.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-track{background:#0000;margin:24px 0}.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-thumb{background:var(--border-color);background-clip:padding-box;border:2px solid #0000;border-radius:0}.ccd-editor-dialog>.ccd-card::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.ccd-editor-dialog>.ccd-card>.ccd-card-head{position:-webkit-sticky;position:sticky;top:0;z-index:2}.ccd-editor-dialog .ccd-field .app-select-trigger{background:var(--surface-sunken)!important;border-color:var(--border-color)!important;color:var(--text-color);min-height:38px}.ccd-editor-dialog .ccd-field .app-select-trigger:focus-visible,.ccd-editor-dialog .ccd-field .app-select-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 7%,var(--surface-sunken))!important;background:color-mix(in srgb,var(--accent,var(--primary-color)) 7%,var(--surface-sunken))!important;border-color:var(--accent,var(--primary-color))!important}.ccd-editor-dialog .ccd-field .app-select-trigger:disabled{background:color-mix(in srgb,var(--surface-sunken) 78%,var(--surface))!important;border-color:var(--border-color)!important}.ccd-editor-dialog .app-select-list{background:var(--surface)!important;background:var(--surface-elevated,var(--surface))!important;border-color:var(--border-color)!important}.ccd-card>.ccd-panel{padding:22px}.ccd-section{padding:20px}@media (max-width:620px){.ccd-editor-overlay{padding:0}.ccd-editor-dialog{left:50%;max-width:calc(100vw - 32px);top:16px;transform:translateX(-50%);width:calc(100vw - 32px)}.ccd-editor-dialog,.ccd-editor-dialog>.ccd-card{max-height:calc(100vh - 32px)}.ccd-root{padding:18px 14px 30px}.ccd-card-head,.ccd-filters,.ccd-table td,.ccd-table th{padding-left:16px;padding-right:16px}.ccd-header-actions{width:100%}.ccd-header-actions .ccd-btn{flex:1 1;justify-content:center}}.ccd-root{gap:24px}.ccd-kicker{font-size:.64rem;gap:6px;letter-spacing:.065em;margin-bottom:7px}.ccd-kicker svg{height:13px;width:13px}.ccd-title{font-size:clamp(1.5rem,1.35rem + .35vw,1.65rem);letter-spacing:-.025em;line-height:1.16}.ccd-subtitle{font-size:.76rem;line-height:1.35;margin-top:5px;max-width:72ch}.ccd-header-actions{gap:10px}.ccd-btn{border-radius:7px;font-size:.76rem;gap:7px;min-height:38px;padding:8px 13px}.ccd-btn--sm{font-size:.72rem;min-height:30px;padding:5px 9px}.ccd-btn--ghost{background:color-mix(in srgb,var(--surface-sunken) 88%,var(--text-color));border-color:#0000}.ccd-card{border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 27%,var(--border-color));border-radius:15px;box-shadow:none}.ccd-card-head{background:color-mix(in srgb,var(--primary-color) 9%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 9%,var(--surface));min-height:64px;padding:17px 20px}.ccd-card-title{font-size:.82rem;gap:9px}.ccd-card-title-icon{height:13px;width:13px}.ccd-muted{font-size:.67rem}.ccd-filters{background:var(--surface);gap:12px;padding:17px 20px 18px}.ccd-field label{font-size:.62rem;letter-spacing:.035em;margin-bottom:5px}.ccd-field .app-select-trigger{background:var(--surface-sunken);border-color:#0000;border-radius:7px;font-size:.78rem;min-height:38px;padding:8px 10px}.ccd-empty{font-size:.7rem;gap:5px;line-height:1.4;padding:24px 18px 25px}.ccd-empty strong{font-size:.78rem}@media (max-width:620px){.ccd-root{gap:18px}.ccd-title{font-size:1.5rem}.ccd-subtitle{font-size:.78rem}.ccd-card-head,.ccd-filters{padding-left:16px;padding-right:16px}}.ttt-root{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);margin:0 auto;max-width:1400px;padding:clamp(16px,2vw,32px);width:100%}.ttt-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ttt-header-actions{display:flex;flex-wrap:wrap;gap:10px}.ttt-title{color:var(--text-color);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.ttt-subtitle{color:var(--text-secondary);font-size:clamp(.88rem,.84rem + .2vw,1rem);margin:6px 0 0;max-width:68ch}.ttt-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.ttt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ttt-summary{grid-template-columns:minmax(0,1fr)}}.ttt-tile{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px}.ttt-tile--warn{border-color:var(--danger-border)}.ttt-tile-label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.74rem;font-weight:600;gap:8px;letter-spacing:.04em;text-transform:uppercase}.ttt-tile-icon{color:var(--accent);flex-shrink:0}.ttt-tile-value{color:var(--text-color);font-family:monospace;font-family:var(--font-mono,monospace);font-size:1.5rem;font-weight:700;line-height:1}.ttt-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden}.ttt-card-head{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 18px}.ttt-card-head,.ttt-card-title{align-items:center;display:flex}.ttt-card-title{color:var(--text-color);font-size:1rem;font-weight:700;gap:10px;min-width:0}.ttt-card-title-icon{color:var(--accent);flex-shrink:0}.ttt-card-body{display:flex;flex-direction:column;gap:16px;padding:18px}.ttt-muted{color:var(--text-secondary);font-size:.82rem}.ttt-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:9px 14px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.ttt-btn--ghost{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.ttt-btn--ghost:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-sunken));border-color:var(--accent)}.ttt-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.ttt-btn--primary:hover{filter:brightness(1.06)}.ttt-btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.ttt-btn--sm{font-size:.78rem}.ttt-btn:disabled{cursor:not-allowed;opacity:.55}.ttt-btn:focus-visible{box-shadow:var(--ring);outline:none}.ttt-spin{animation:ttt-spin .9s linear infinite}@keyframes ttt-spin{to{transform:rotate(1turn)}}.ttt-filters{grid-gap:12px;align-items:end;border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 18px}@media (max-width:1100px){.ttt-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ttt-filters{grid-template-columns:minmax(0,1fr)}}.ttt-field{display:flex;flex-direction:column;min-width:0}.ttt-field label{color:var(--text-secondary);display:block;font-size:.74rem;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.ttt-field .app-select-trigger{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color);font-size:.86rem;min-height:38px;padding:9px 11px}.ttt-field .app-select-trigger:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface-sunken));border-color:var(--accent)}.ttt-input,.ttt-textarea{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.86rem;min-height:38px;padding:9px 11px;width:100%}.ttt-textarea{font-family:monospace;font-family:var(--font-mono,monospace);font-size:.78rem;min-height:150px;resize:vertical}.ttt-input:focus,.ttt-textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.ttt-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ttt-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:780px){.ttt-grid-2,.ttt-grid-3{grid-template-columns:minmax(0,1fr)}}.ttt-check{align-items:center;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.84rem;gap:8px}.ttt-error{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);color:var(--danger-text)}.ttt-error,.ttt-notice{font-size:.86rem;padding:12px 18px}.ttt-notice{background:color-mix(in srgb,var(--accent) 8%,var(--surface-sunken));border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));color:var(--text-color)}.ttt-empty{background:var(--surface-sunken);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.86rem;gap:6px;padding:28px 18px;text-align:center}.ttt-empty strong{color:var(--text-color);font-size:.95rem}.ttt-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.86rem;gap:10px;justify-content:center;padding:28px 18px}.ttt-table-wrap{overflow:auto}.ttt-table{border-collapse:collapse;width:100%}.ttt-table td,.ttt-table th{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.84rem;padding:11px 18px;text-align:left;vertical-align:middle;white-space:nowrap}.ttt-table th{background:var(--surface-sunken);color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.ttt-row{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ttt-row:hover{background:var(--hover-bg)}.ttt-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.ttt-row--active{background:var(--surface-sunken)}.ttt-row--error{box-shadow:inset 3px 0 0 var(--danger-border)}.ttt-name{display:block;font-weight:600}.ttt-sub{color:var(--text-secondary);display:block;font-size:.76rem;margin-top:2px}.ttt-mono{font-family:monospace;font-family:var(--font-mono,monospace);font-size:.78rem}.ttt-badge{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:.72rem;font-weight:600;padding:3px 9px}.ttt-badge--ok{background:#22c55e1f;background:var(--success-bg,#22c55e1f);border-color:#22c55e59;border-color:var(--success-border,#22c55e59);color:#15803d;color:var(--success-text,#15803d)}.ttt-badge--error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.ttt-badge--slow{background:#f59e0b1f;background:var(--warning-bg,#f59e0b1f);border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59);color:#b45309;color:var(--warning-text,#b45309)}.ttt-method{border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.7rem;font-weight:700;letter-spacing:.03em;min-width:52px;padding:3px 8px;text-align:center}.ttt-method,.ttt-section{background:var(--surface-sunken);border:1px solid var(--border-color)}.ttt-section{border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px}.ttt-section-title{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:.92rem;font-weight:700;gap:10px;justify-content:space-between;margin:0}.ttt-tree{display:flex;flex-direction:column;gap:6px}.ttt-span{grid-gap:12px;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:grid;font:inherit;font-size:.84rem;gap:12px;grid-template-columns:minmax(0,1fr) minmax(120px,220px) auto;padding:9px 12px;text-align:left;transition:border-color var(--dur-fast) var(--ease-out);width:100%}.ttt-span:hover{border-color:var(--accent)}.ttt-span:focus-visible{box-shadow:var(--ring);outline:none}.ttt-span--active{background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-color:var(--accent)}.ttt-span--error{background:color-mix(in srgb,var(--danger-border) 8%,var(--surface));border-color:var(--danger-border)}.ttt-span--slow{border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59)}.ttt-span-main{align-items:center;display:flex;gap:8px;min-width:0}.ttt-span-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttt-span-service{color:var(--text-secondary);font-size:.74rem;white-space:nowrap}.ttt-span-bar{border-radius:999px;height:8px;overflow:hidden;position:relative}.ttt-span-bar-fill{background:var(--accent);border-radius:999px;bottom:0;min-width:2px;position:absolute;top:0}.ttt-span-bar-fill--error{background:var(--danger-text)}.ttt-span-bar-fill--slow{background:#b45309;background:var(--warning-text,#b45309)}.ttt-span-duration{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.76rem;white-space:nowrap}@media (max-width:780px){.ttt-span{grid-template-columns:minmax(0,1fr)}.ttt-span-bar{display:none}}.ttt-detail-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.ttt-kv{grid-gap:6px 12px;display:grid;font-size:.82rem;gap:6px 12px;grid-template-columns:minmax(120px,auto) minmax(0,1fr)}.ttt-kv dt{color:var(--text-secondary)}.ttt-kv dd{font-size:.78rem}.ttt-kv dd,.ttt-pre{color:var(--text-color);font-family:monospace;font-family:var(--font-mono,monospace);margin:0;word-break:break-word}.ttt-pre{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.76rem;line-height:1.5;max-height:280px;overflow:auto;padding:10px 12px;white-space:pre-wrap}.ttt-pre-label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.ttt-assertions{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.ttt-assertion{align-items:flex-start;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;font-size:.84rem;gap:10px;padding:10px 12px}.ttt-assertion--warn{border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59)}.ttt-assertion-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.ttt-assertion-text{flex:1 1;min-width:0}.ttt-connector-note{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px}@media (prefers-reduced-motion:reduce){.ttt-btn,.ttt-row,.ttt-span{transition:none}.ttt-spin{animation:none}}.ttt-root{gap:clamp(18px,2vw,28px);max-width:1760px;padding:clamp(22px,2.4vw,42px) clamp(20px,3vw,56px) clamp(34px,4vw,64px)}.ttt-title{font-size:clamp(1.65rem,1.25rem + 1.1vw,2.15rem)}.ttt-subtitle{font-size:clamp(.9rem,.84rem + .25vw,1.02rem);max-width:74ch}.ttt-header-actions{gap:12px}.ttt-btn{min-height:42px;padding:10px 15px}.ttt-btn--sm{min-height:32px;padding:6px 10px}.ttt-summary{gap:14px}.ttt-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 5%,var(--surface)),var(--surface));background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface)),var(--surface));border-radius:14px;border-radius:var(--radius-lg,14px);min-height:92px;padding:18px 20px}.ttt-tile--warn{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 50%,var(--border-color))}.ttt-tile-label{font-size:.7rem}.ttt-tile-value{font-size:1.7rem}.ttt-card{border-radius:14px;border-radius:var(--radius-lg,14px)}.ttt-card-head{background:color-mix(in srgb,var(--primary-color) 5%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface));min-height:68px;padding:18px 22px}.ttt-card-title{font-size:1.04rem}.ttt-card-body{gap:18px;padding:22px}.ttt-section{background:color-mix(in srgb,var(--surface-sunken) 72%,var(--surface));border-color:var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);gap:14px;padding:20px}.ttt-card-body>.ttt-section:last-child{background:color-mix(in srgb,var(--primary-color) 4%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 4%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color))}.ttt-detail-layout{gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(340px,.9fr)}.ttt-span{background:var(--surface);min-height:48px;padding:10px 13px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ttt-span:hover{background:color-mix(in srgb,var(--primary-color) 6%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,var(--surface))}.ttt-span--active{background:color-mix(in srgb,var(--primary-color) 9%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 9%,var(--surface));box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color))}.ttt-span--slow{border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 38%,var(--border-color))}.ttt-span-bar{background:var(--surface-sunken);border:1px solid var(--border-color);height:7px}.ttt-span-bar-fill--slow{background:var(--primary-color);background:var(--accent,var(--primary-color))}.ttt-kv{gap:8px 16px}.ttt-kv dt{font-size:.78rem}.ttt-kv dd{font-size:.8rem}.ttt-pre{background:var(--surface-sunken);padding:13px 14px}.ttt-check,.ttt-field .app-select-trigger{min-height:42px;padding:10px 12px}.ttt-check{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.ttt-check:hover{border-color:var(--accent,var(--primary-color))}.ttt-check input{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color))}.ttt-assertions{gap:10px}.ttt-assertion{align-items:center;background:var(--surface-sunken);border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 24%,var(--border-color));min-height:44px;padding:11px 14px}.ttt-assertion--warn{background:color-mix(in srgb,var(--primary-color) 7%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 48%,var(--border-color))}.ttt-connector-note{background:var(--surface-sunken);border-radius:999px;padding:6px 10px}.ttt-notice{padding:11px 22px}@media (max-width:1000px){.ttt-detail-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.ttt-root{padding:18px 14px 30px}.ttt-card-body,.ttt-card-head,.ttt-filters{padding-left:16px;padding-right:16px}.ttt-header-actions{width:100%}.ttt-header-actions .ttt-btn{flex:1 1;justify-content:center}.ttt-connector-note{border-radius:var(--radius-sm);width:100%}}.aa-root{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);margin:0 auto;max-width:1760px;padding:clamp(22px,2.4vw,42px) clamp(20px,3vw,56px) clamp(34px,4vw,64px);width:100%}.aa-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.aa-header-actions{display:flex;flex-wrap:wrap;gap:12px}.aa-title{color:var(--text-color);font-size:clamp(1.65rem,1.25rem + 1.1vw,2.15rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.aa-subtitle{color:var(--text-secondary);font-size:clamp(.9rem,.84rem + .25vw,1.02rem);margin:6px 0 0;max-width:74ch}.aa-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.aa-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.aa-summary{grid-template-columns:minmax(0,1fr)}}.aa-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 5%,var(--surface)),var(--surface));background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface)),var(--surface));border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;min-height:92px;min-width:0;padding:18px 20px}.aa-tile--warn{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 50%,var(--border-color))}.aa-tile-label{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.7rem;font-weight:600;gap:8px;letter-spacing:.04em;text-transform:uppercase}.aa-tile-icon{color:var(--primary-color);color:var(--accent,var(--primary-color));flex-shrink:0}.aa-tile-value{color:var(--text-color);font-family:monospace;font-family:var(--font-mono,monospace);font-size:1.7rem;font-weight:700;line-height:1}.aa-card{background:var(--surface);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden}.aa-card-head{background:color-mix(in srgb,var(--primary-color) 5%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface));border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:68px;padding:18px 22px}.aa-card-head,.aa-card-title{align-items:center;display:flex}.aa-card-title{color:var(--text-color);font-size:1.04rem;font-weight:700;gap:10px;min-width:0}.aa-card-title-icon{color:var(--primary-color);color:var(--accent,var(--primary-color));flex-shrink:0}.aa-card-body{display:flex;flex-direction:column;gap:18px;padding:22px}.aa-muted{color:var(--text-secondary);font-size:.82rem}.aa-btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;min-height:42px;padding:10px 15px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.aa-btn--sm{font-size:.78rem;min-height:32px;padding:6px 10px}.aa-btn--ghost{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color)}.aa-btn--ghost:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface-sunken))}.aa-btn--ghost:hover,.aa-btn--primary{border-color:var(--accent,var(--primary-color))}.aa-btn--primary{background:var(--primary-color);background:var(--accent,var(--primary-color));color:#fff}.aa-btn--primary:hover{filter:brightness(1.06)}.aa-btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.aa-btn:disabled{cursor:not-allowed;opacity:.55}.aa-btn:focus-visible{box-shadow:var(--ring);outline:none}.aa-spin{animation:aa-spin .9s linear infinite}@keyframes aa-spin{to{transform:rotate(1turn)}}.aa-filters{grid-gap:12px;align-items:end;border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 18px}@media (max-width:1100px){.aa-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.aa-filters{grid-template-columns:minmax(0,1fr)}}.aa-field{display:flex;flex-direction:column;min-width:0}.aa-field label{color:var(--text-secondary);display:block;font-size:.72rem;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.aa-field .app-select-trigger{background:var(--surface-sunken);border-color:var(--border-color);color:var(--text-color);font-size:.86rem;min-height:42px;padding:10px 12px}.aa-field .app-select-trigger:hover{background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,var(--surface-sunken));border-color:var(--accent,var(--primary-color))}.aa-input,.aa-number,.aa-textarea{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.86rem;min-height:42px;padding:10px 12px;width:100%}.aa-textarea{font-family:monospace;font-family:var(--font-mono,monospace);font-size:.78rem;min-height:150px;resize:vertical}.aa-number{min-height:42px}.aa-input:focus,.aa-number:focus,.aa-textarea:focus{border-color:var(--accent,var(--primary-color));box-shadow:var(--ring);outline:none}.aa-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.aa-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:780px){.aa-grid-2,.aa-grid-3{grid-template-columns:minmax(0,1fr)}}.aa-check{align-items:center;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.84rem;gap:9px;letter-spacing:normal!important;margin:0;text-transform:none!important}.aa-check-field{justify-content:flex-start}.aa-check-field .aa-check{align-items:center;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;display:flex;justify-content:space-between;margin:0;min-height:42px;padding:0 12px;width:100%}.aa-check-field .aa-check>span:first-of-type{line-height:1.3;min-width:0}.aa-toggle-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.aa-toggle-control{background:color-mix(in srgb,var(--text-secondary) 18%,var(--surface));border:1px solid var(--border-color);border-radius:999px;flex:0 0 38px;height:22px;position:relative;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);width:38px}.aa-toggle-thumb{background:var(--text-secondary);border-radius:50%;height:14px;left:3px;position:absolute;top:3px;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);width:14px}.aa-toggle-input:checked~.aa-toggle-control{background:var(--primary-color);background:var(--accent,var(--primary-color));border-color:var(--accent,var(--primary-color))}.aa-toggle-input:checked~.aa-toggle-control .aa-toggle-thumb{background:#fff;transform:translateX(16px)}.aa-toggle-input:focus-visible~.aa-toggle-control{box-shadow:var(--ring)}.aa-check:hover .aa-toggle-control{border-color:var(--accent,var(--primary-color))}.aa-error{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);color:var(--danger-text);font-size:.86rem;padding:12px 18px}.aa-notice{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface-sunken));border-bottom:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 35%,var(--border-color));color:var(--text-color);font-size:.86rem;padding:11px 22px}.aa-warning{background:#f59e0b1f;background:var(--warning-bg,#f59e0b1f);border-bottom:1px solid #f59e0b59;border-bottom:1px solid var(--warning-border,#f59e0b59);color:#b45309;color:var(--warning-text,#b45309);font-size:.86rem;padding:12px 18px}.aa-empty{background:var(--surface-sunken);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.86rem;gap:6px;padding:28px 18px;text-align:center}.aa-empty strong{color:var(--text-color);font-size:.95rem}.aa-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.86rem;gap:10px;justify-content:center;padding:28px 18px}.aa-table-wrap{overflow:auto}.aa-table{border-collapse:collapse;width:100%}.aa-table td,.aa-table th{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.84rem;padding:11px 18px;text-align:left;vertical-align:middle;white-space:nowrap}.aa-table th{background:var(--surface-sunken);color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.aa-row{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.aa-row:hover{background:var(--hover-bg)}.aa-row:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-color);box-shadow:inset 0 0 0 2px var(--accent,var(--primary-color));outline:none}.aa-row--active{background:var(--surface-sunken)}.aa-row--error{box-shadow:inset 3px 0 0 var(--danger-border)}.aa-name{display:block;font-weight:600}.aa-sub{color:var(--text-secondary);display:block;font-size:.76rem;margin-top:2px}.aa-mono{font-family:monospace;font-family:var(--font-mono,monospace);font-size:.78rem}.aa-badge{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-block;font-size:.72rem;font-weight:600;padding:3px 9px}.aa-badge--ok{background:#22c55e1f;background:var(--success-bg,#22c55e1f);border-color:#22c55e59;border-color:var(--success-border,#22c55e59);color:#15803d;color:var(--success-text,#15803d)}.aa-badge--error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.aa-badge--warn{background:#f59e0b1f;background:var(--warning-bg,#f59e0b1f);border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59);color:#b45309;color:var(--warning-text,#b45309)}.aa-badge--draft,.aa-pill{background:var(--surface-sunken);color:var(--text-secondary)}.aa-pill{border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);display:inline-block;font-family:monospace;font-family:var(--font-mono,monospace);font-size:.7rem;font-weight:700;letter-spacing:.03em;min-width:64px;padding:3px 8px;text-align:center}.aa-designer{display:block}.aa-section{background:color-mix(in srgb,var(--surface-sunken) 72%,var(--surface));border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px}.aa-section-title{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:.92rem;font-weight:700;gap:10px;justify-content:space-between;margin:0}.aa-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.aa-list-item{grid-gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:grid;font-size:.84rem;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:10px 13px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.aa-list-item:hover{background:color-mix(in srgb,var(--primary-color) 6%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,var(--surface));border-color:var(--accent,var(--primary-color))}.aa-list-item:focus-visible{box-shadow:var(--ring);outline:none}.aa-list-item--active{background:color-mix(in srgb,var(--primary-color) 9%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 9%,var(--surface));border-color:var(--accent,var(--primary-color));box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color))}.aa-list-item-main{align-items:center;display:flex;gap:8px;min-width:0}.aa-list-item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aa-list-item-meta{color:var(--text-secondary);font-size:.74rem}.aa-actions-cell{display:inline-flex;gap:6px}td.aa-actions-cell{display:table-cell;text-align:right}td.aa-actions-cell .aa-btn{margin-left:6px}.aa-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:clamp(16px,4vw,48px);position:fixed;z-index:1000}.aa-modal{background:var(--surface);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 24px 70px #0000004d;box-shadow:var(--shadow-lg,0 24px 70px #0000004d);display:flex;flex-direction:column;max-height:min(90vh,calc(100vh - 32px));overflow:hidden;width:min(640px,100%)}.aa-modal--form{width:min(760px,100%)}.aa-modal--workbench{border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));max-height:min(940px,calc(100vh - 40px));width:min(1360px,100%)}.aa-modal-head{background:color-mix(in srgb,var(--primary-color) 5%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface));border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 22px}.aa-modal-head,.aa-modal-title{align-items:center;display:flex}.aa-modal-title{color:var(--text-color);font-size:1.04rem;font-weight:700;gap:10px;margin:0}.aa-modal-body{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px}.aa-modal-foot{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.aa-kv{grid-gap:8px 16px;display:grid;font-size:.82rem;gap:8px 16px;grid-template-columns:minmax(120px,auto) minmax(0,1fr)}.aa-kv dt{color:var(--text-secondary)}.aa-kv dd{font-size:.8rem}.aa-kv dd,.aa-pre{color:var(--text-color);font-family:monospace;font-family:var(--font-mono,monospace);margin:0;word-break:break-word}.aa-pre{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);font-size:.76rem;line-height:1.5;max-height:280px;overflow:auto;padding:13px 14px;white-space:pre-wrap}.aa-pre-label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.aa-scenarios{display:flex;flex-direction:column;gap:14px}.aa-document-workbench{display:flex;flex-direction:column;gap:18px}.aa-document-workbench>.aa-section{background:color-mix(in srgb,var(--surface-sunken) 72%,var(--surface));padding:20px}.aa-document-workbench>.aa-section:nth-of-type(2){background:color-mix(in srgb,var(--primary-color) 4%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 4%,var(--surface));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));box-shadow:inset 3px 0 0 var(--primary-color);box-shadow:inset 3px 0 0 var(--accent,var(--primary-color))}.aa-import-body,.aa-import-panel{display:flex;flex-direction:column;gap:16px}.aa-overview-help{background:color-mix(in srgb,var(--primary-color) 6%,var(--surface));background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,var(--surface));border-left:3px solid var(--accent,var(--primary-color));border-radius:0 6px 6px 0;border-radius:0 var(--radius-sm,6px) var(--radius-sm,6px) 0;color:var(--text-secondary);font-size:.8rem;line-height:1.45;padding:10px 12px}.aa-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.aa-quick-actions .aa-btn{flex:1 1 150px;justify-content:center}.aa-overview-actions{display:flex;justify-content:flex-end;padding-top:4px}.aa-scenario-error{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 8%,var(--surface-sunken));border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 42%,var(--border-color));border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-color)}.aa-test-guidance{align-items:center;background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-sunken));background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,var(--surface-sunken));border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);display:flex;font-size:.84rem;min-height:42px;padding:10px 12px}.aa-test-result{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:16px}.aa-test-result .aa-error,.aa-test-result .aa-section-title,.aa-test-result .aa-violations,.aa-test-result .aa-warning{margin:0}.aa-test-result-payload{display:flex;flex-direction:column;gap:6px}.aa-document-workbench>.aa-section:last-child .aa-empty{background:var(--surface);border:1px dashed color-mix(in srgb,var(--accent,var(--primary-color)) 34%,var(--border-color));border-radius:6px;border-radius:var(--radius-sm,6px);justify-content:center;min-height:112px;padding:22px}.aa-document-workbench>.aa-section:last-child .aa-section-title{border-bottom:1px solid var(--border-color);padding-bottom:12px}.aa-violations{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.aa-violation{align-items:flex-start;background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm,6px);display:flex;font-size:.84rem;gap:10px;padding:10px 12px}.aa-violation--warn{background:color-mix(in srgb,#b45309 6%,var(--surface));background:color-mix(in srgb,var(--warning-text,#b45309) 6%,var(--surface));border-color:#f59e0b59;border-color:var(--warning-border,#f59e0b59)}.aa-violation-path{color:var(--text-secondary);font-family:monospace;font-family:var(--font-mono,monospace);font-size:.76rem}.aa-connector-note{align-items:center;background:var(--surface-sunken);border-radius:999px;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;padding:6px 10px}@media (prefers-reduced-motion:reduce){.aa-btn,.aa-list-item,.aa-row{transition:none}.aa-spin{animation:none}}@media (max-width:620px){.aa-root{padding:18px 14px 30px}.aa-card-body,.aa-card-head,.aa-filters{padding-left:16px;padding-right:16px}.aa-header-actions{width:100%}.aa-header-actions .aa-btn{flex:1 1;justify-content:center}.aa-connector-note{border-radius:6px;border-radius:var(--radius-sm,6px);width:100%}}.tg-root{color:var(--text-color);margin:0 auto;max-width:1540px;padding:clamp(16px,2vw,30px);width:100%}.tg-header{align-items:flex-end;background:linear-gradient(112deg,color-mix(in srgb,var(--primary-color) 10%,var(--card-bg)),var(--card-bg) 54%);background:linear-gradient(112deg,color-mix(in srgb,var(--primary-color) 10%,var(--surface,var(--card-bg))),var(--surface,var(--card-bg)) 54%);border:1px solid color-mix(in srgb,var(--border-color) 78%,var(--primary-color));border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 5%,#0000),var(--shadow-sm);display:flex;gap:24px;justify-content:space-between;margin-bottom:22px;padding:24px 26px}.tg-header h1,.tg-modal h2,.tg-review-head h2{letter-spacing:-.025em;margin:5px 0 6px}.tg-header h1{font-size:clamp(1.55rem,3vw,2.1rem)}.tg-header p,.tg-review-head p{color:var(--text-secondary);line-height:1.5;margin:0}.tg-eyebrow{align-items:center;color:var(--primary-color);color:var(--accent,var(--primary-color));display:inline-flex;font-size:.7rem;font-weight:750;gap:7px;letter-spacing:.07em;text-transform:uppercase}.tg-workspace{grid-gap:7px;display:grid;gap:7px;min-width:250px}.tg-field>span,.tg-workspace>label{color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tg-layout{background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);min-height:690px;overflow:hidden}.tg-builder{background:color-mix(in srgb,var(--card-bg) 84%,var(--background-color));background:color-mix(in srgb,var(--surface,var(--card-bg)) 84%,var(--background-color));border-right:1px solid var(--border-color);overflow-y:auto;padding:21px}.tg-section-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:2px 0 12px}.tg-section-head:not(:first-child){margin-top:24px}.tg-section-head>div{align-items:center;display:flex;gap:9px}.tg-section-head>div>span{border:1px solid color-mix(in srgb,var(--accent,var(--primary-color)) 40%,var(--border-color));border-radius:50%;color:var(--primary-color);color:var(--accent,var(--primary-color));display:grid;font-size:.68rem;font-weight:700;height:21px;place-items:center;width:21px}.tg-section-head h2{font-size:.87rem;margin:0}.tg-section-head small{color:var(--text-secondary);font-size:.7rem}.tg-source-list{background:var(--background-color);border:1px solid var(--border-color);border-radius:9px;max-height:245px;overflow-y:auto}.tg-source-group{display:grid}.tg-source-group+.tg-source-group{border-top:1px solid var(--border-color)}.tg-source-group>b{color:var(--text-secondary);font-size:.65rem;letter-spacing:.06em;padding:9px 11px 5px;text-transform:uppercase}.tg-ai-toggle,.tg-profile-list label,.tg-source-group label{align-items:flex-start;cursor:pointer;display:flex;font-size:.77rem;gap:9px;line-height:1.35;padding:8px 11px}.tg-profile-list label:hover,.tg-source-group label:hover{background:color-mix(in srgb,var(--primary-color) 6%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 6%,#0000)}.tg-ai-toggle input,.tg-profile-list input,.tg-source-group input{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color));margin-top:2px}.tg-source>label>span{grid-gap:2px;display:grid;gap:2px}.tg-source>label small{color:var(--text-secondary);font-size:.64rem}.tg-operation-list{border-left:1px solid var(--border-color);margin:0 9px 7px 29px}.tg-operation-list label{color:var(--text-secondary);font-size:.69rem;padding:5px 9px}.tg-chips{display:flex;flex-wrap:wrap;gap:7px}.tg-chips button,.tg-chips label{background:#0000;border:1px solid var(--border-color);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-size:.7rem;padding:7px 9px}.tg-chips button.active,.tg-chips label.active{background:color-mix(in srgb,var(--primary-color) 10%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 10%,#0000);border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 55%,var(--border-color));color:var(--text-color)}.tg-chips input{opacity:0;pointer-events:none;position:absolute}.tg-profile-list{border:1px solid var(--border-color);border-radius:9px;display:grid;overflow:hidden}.tg-profile-list label+label{border-top:1px solid var(--border-color)}.tg-profile-list label>span{display:grid}.tg-profile-list small{color:var(--text-secondary)}.tg-link{align-items:center;background:#0000;border:0;color:var(--primary-color);color:var(--accent,var(--primary-color));cursor:pointer;display:inline-flex;font-size:.72rem;gap:4px}.tg-field{grid-gap:7px;display:grid;gap:7px}.tg-field input,.tg-field textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font:inherit;font-size:.8rem;padding:10px 11px;width:100%}.tg-field input:focus,.tg-field textarea:focus{border-color:var(--accent,var(--primary-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 22%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,var(--primary-color)) 22%,#0000);outline:none}.tg-field textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.tg-ai-toggle{border:1px solid var(--border-color);border-radius:8px;margin:11px 0;padding:10px}.tg-ai-toggle>span{grid-gap:2px;display:grid;gap:2px}.tg-ai-toggle small{color:var(--text-secondary);font-size:.68rem}.tg-actions button,.tg-primary{align-items:center;background:var(--primary-color);background:var(--accent,var(--primary-color));border:1px solid var(--accent,var(--primary-color));border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--button-text,#fff);cursor:pointer;display:inline-flex;font-weight:700;gap:7px;justify-content:center;padding:10px 14px;transition:filter .15s ease,transform .15s ease}.tg-actions button:hover:not(:disabled),.tg-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.tg-builder>.tg-primary{width:100%}.tg-actions button:disabled,.tg-primary:disabled{cursor:not-allowed;opacity:.55;transform:none}.tg-review{background:var(--background-color);display:flex;flex-direction:column;min-width:0}.tg-review-head{background:var(--card-bg);background:var(--surface,var(--card-bg));border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:22px 24px}.tg-review-head h2{font-size:1.16rem}.tg-icon-button{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;transition:border-color .15s ease,color .15s ease;width:36px}.tg-icon-button:hover{border-color:var(--accent,var(--primary-color));color:var(--primary-color);color:var(--accent,var(--primary-color))}.tg-suites{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding:22px}.tg-suites>h3{color:var(--text-secondary);font-size:.82rem;grid-column:1/-1;letter-spacing:.05em;margin:0 0 5px;text-transform:uppercase}.tg-suites>button{align-items:center;background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;gap:12px;padding:14px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.tg-suites>button:hover{background:color-mix(in srgb,var(--primary-color) 5%,var(--card-bg));background:color-mix(in srgb,var(--accent,var(--primary-color)) 5%,var(--surface,var(--card-bg)));border-color:color-mix(in srgb,var(--accent,var(--primary-color)) 45%,var(--border-color));transform:translateY(-1px)}.tg-suites>button>svg{background:color-mix(in srgb,var(--primary-color) 11%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 11%,#0000);border-radius:8px;box-sizing:border-box;color:var(--primary-color);color:var(--accent,var(--primary-color));flex:0 0 auto;height:34px;padding:8px;width:34px}.tg-suites>button span{grid-gap:3px;display:grid;gap:3px;min-width:0}.tg-suites>button b{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-suites small{color:var(--text-secondary);font-size:.68rem}.tg-suite-status{background:color-mix(in srgb,var(--text-secondary) 12%,#0000);border-radius:99px;color:var(--text-secondary);font-size:.58rem;font-style:normal;font-weight:750;letter-spacing:.05em;margin-left:auto;padding:3px 8px;text-transform:uppercase}.tg-suite-status--materialized{background:color-mix(in srgb,#5dc495 12%,#0000);background:color-mix(in srgb,var(--success-color,#5dc495) 12%,#0000);color:#5dc495;color:var(--success-color,#5dc495)}.tg-suite-status--approved{background:color-mix(in srgb,#63b3ed 12%,#0000);background:color-mix(in srgb,var(--info-color,#63b3ed) 12%,#0000);color:#63b3ed;color:var(--info-color,#63b3ed)}.tg-suite-status--draft{background:color-mix(in srgb,#e09a4f 12%,#0000);background:color-mix(in srgb,var(--warning-color,#e09a4f) 12%,#0000);color:#e09a4f;color:var(--warning-color,#e09a4f)}.tg-suites .tg-empty-state{grid-column:1/-1}.tg-toolbar{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:12px 18px}.tg-chips--filter button{padding:6px 8px}.tg-actions{display:flex;gap:8px}.tg-actions button{font-size:.74rem;padding:8px 11px}.tg-run-config{align-items:center;background:color-mix(in srgb,#e3a343 7%,#0000);background:color-mix(in srgb,var(--warning-color,#e3a343) 7%,#0000);border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding:11px 18px}.tg-run-config>*{flex:0 1 260px}.tg-run-config label{color:var(--text-secondary);flex:1 1;font-size:.75rem}.tg-case-list{grid-gap:9px;display:grid;gap:9px;overflow-y:auto;padding:17px}.tg-case{background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:9px;display:grid;grid-template-columns:25px minmax(0,1fr);padding:14px}.tg-case.disabled{opacity:.5}.tg-case-check input{accent-color:var(--primary-color);accent-color:var(--accent,var(--primary-color))}.tg-case-title{align-items:center;display:flex;gap:8px}.tg-case-title h3{font-size:.84rem;margin:0}.tg-case>div>p{color:var(--text-secondary);font-size:.75rem;line-height:1.45;margin:7px 0}.tg-ai-badge,.tg-category{border-radius:99px;font-size:.58rem;font-weight:750;letter-spacing:.04em;padding:3px 6px;text-transform:uppercase}.tg-category{background:color-mix(in srgb,var(--primary-color) 13%,#0000);background:color-mix(in srgb,var(--accent,var(--primary-color)) 13%,#0000);color:var(--primary-color);color:var(--accent,var(--primary-color))}.tg-category--authorization,.tg-category--negative{background:color-mix(in srgb,#e09a4f 12%,#0000);background:color-mix(in srgb,var(--warning-color,#e09a4f) 12%,#0000);color:#e09a4f;color:var(--warning-color,#e09a4f)}.tg-category--boundary{background:color-mix(in srgb,#a999ee 12%,#0000);color:#a999ee}.tg-ai-badge{align-items:center;color:#63b3ed;color:var(--info-color,#63b3ed);display:inline-flex;gap:3px;margin-left:auto}.tg-case-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.66rem;gap:6px 12px}.tg-case-meta .blocked{color:#e09a4f;color:var(--warning-color,#e09a4f)}.tg-message,.tg-warnings p{align-items:center;border-radius:8px;display:flex;font-size:.78rem;gap:8px;padding:10px 12px}.tg-message{margin-bottom:12px}.tg-message--error,.tg-warnings p{background:color-mix(in srgb,#ef7a7a 8%,#0000);background:color-mix(in srgb,var(--danger-color,#ef7a7a) 8%,#0000);border:1px solid color-mix(in srgb,var(--danger-color,#ef7a7a) 40%,var(--border-color))}.tg-message--ok{background:color-mix(in srgb,#5dc495 8%,#0000);background:color-mix(in srgb,var(--success-color,#5dc495) 8%,#0000);border:1px solid color-mix(in srgb,var(--success-color,#5dc495) 40%,var(--border-color))}.tg-warnings{padding:10px 18px 0}.tg-warnings p{margin:0 0 6px}.tg-empty,.tg-help{color:var(--text-secondary);font-size:.75rem}.tg-empty{padding:12px}.tg-empty-state{color:var(--text-secondary);display:grid;justify-items:center;min-height:350px;place-content:center;text-align:center}.tg-empty-state svg{color:var(--primary-color);color:var(--accent,var(--primary-color));font-size:2rem}.tg-empty-state h3{color:var(--text-color);margin-bottom:3px}.tg-modal-backdrop{background:#0000009e;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1500}.tg-modal{grid-gap:15px;background:var(--card-bg);background:var(--surface,var(--card-bg));border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:grid;gap:15px;padding:21px;width:min(560px,100%)}.tg-modal footer,.tg-modal header{align-items:center;display:flex;gap:12px;justify-content:space-between}.tg-modal header button{background:#0000;border:0;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.tg-modal footer{justify-content:flex-end}.tg-modal footer>button:not(.tg-primary){background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:9px 12px}.tg-help{margin:0}.tg-help code{color:var(--text-color)}@media (max-width:980px){.tg-layout{grid-template-columns:1fr}.tg-builder{border-bottom:1px solid var(--border-color);border-right:0}.tg-source-list{max-height:210px}}@media (max-width:680px){.tg-header{align-items:stretch;flex-direction:column}.tg-workspace{min-width:0}.tg-run-config,.tg-toolbar{align-items:stretch;flex-direction:column}.tg-actions button{width:100%}.tg-case-title{flex-wrap:wrap}.tg-ai-badge{margin-left:0}}:root{--workspace-padding:20px;--workspace-top-padding:50px}#root,.App,body,html{box-sizing:border-box;margin:0;max-width:none;overflow-x:hidden;padding:0;width:100%}.css-fix-full-width{box-sizing:border-box!important;max-width:none!important;width:100%!important}.settings-page{color:var(--text-color);margin:0 auto;padding:clamp(28px,4vw,56px) 0 72px;width:min(1180px,calc(100% - 48px))}.settings-page--loading{background:var(--background-color);box-sizing:border-box;color:var(--text-color);display:grid;margin:0;min-height:100vh;padding:0 24px;place-items:center;width:100%}.settings-loading-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 30px #0003;box-shadow:var(--shadow-md,0 12px 30px #0003);color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-weight:600;gap:11px;min-width:205px;padding:16px 22px}.settings-loading-card:before{animation:settings-loading-spin .75s linear infinite;border:2px solid color-mix(in srgb,var(--primary-color) 28%,#0000);border-radius:50%;border-top-color:var(--primary-color);box-sizing:border-box;content:"";height:15px;width:15px}@keyframes settings-loading-spin{to{transform:rotate(1turn)}}.settings-hero{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.settings-eyebrow{color:var(--primary-color);font-size:.72rem;font-weight:750;letter-spacing:.12em;line-height:1.2;margin:0 0 7px;text-transform:uppercase}.settings-hero h1{color:var(--text-color);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:750;letter-spacing:-.04em;line-height:1.1;margin:0}.settings-intro{color:var(--text-secondary);font-size:.98rem;line-height:1.6;margin:9px 0 0;max-width:560px}.settings-account-chip{align-items:center;background:color-mix(in srgb,var(--card-bg) 92%,var(--primary-light));border:1px solid var(--border-color);border-radius:999px;display:flex;gap:10px;min-width:220px;padding:10px 14px}.settings-account-chip>span:last-child{grid-gap:2px;display:grid;gap:2px;min-width:0}.settings-account-chip small,.settings-account-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account-chip strong{color:var(--text-color);font-size:.82rem}.settings-account-chip small{color:var(--text-secondary);font-size:.72rem}.settings-account-avatar{background:var(--primary-light);border:1px solid color-mix(in srgb,var(--primary-color) 25%,var(--border-color));border-radius:50%;color:var(--primary-color);display:grid;flex:0 0 34px;height:34px;overflow:hidden;place-items:center;width:34px}.settings-account-avatar img{height:100%;object-fit:contain;padding:4px;width:100%}.settings-message{background:color-mix(in srgb,var(--success-color) 10%,#0000);border:1px solid color-mix(in srgb,var(--success-color) 28%,#0000);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--success-color);font-size:.84rem;line-height:1.4;margin:0 0 20px;padding:11px 14px}.settings-message.error{background:color-mix(in srgb,var(--danger-color) 10%,#0000);border-color:color-mix(in srgb,var(--danger-color) 32%,#0000);color:var(--danger-color)}.settings-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:238px minmax(0,1fr)}.settings-nav{grid-gap:5px;background:color-mix(in srgb,var(--card-bg) 90%,var(--background-color));border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);display:grid;gap:5px;padding:8px;position:-webkit-sticky;position:sticky;top:84px}.settings-nav-link{grid-gap:10px;align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-secondary);display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) 15px;min-height:58px;padding:10px 11px;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;transition:background-color var(--dur-base,.18s) ease,border-color var(--dur-base,.18s) ease,color var(--dur-base,.18s) ease,transform var(--dur-base,.18s) ease}.settings-nav-link>svg:first-child{color:currentColor;height:18px;width:18px}.settings-nav-link span{grid-gap:2px;display:grid;gap:2px;min-width:0}.settings-nav-link strong{color:inherit;font-size:.83rem;font-weight:700}.settings-nav-link small{color:var(--text-muted);font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav-arrow{opacity:.55;transition:transform .18s ease;transition:transform var(--dur-base,.18s) ease}.settings-nav-link:focus-visible,.settings-nav-link:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 25%,var(--border-color));color:var(--primary-color);outline:none}.settings-nav-link:focus-visible .settings-nav-arrow,.settings-nav-link:hover .settings-nav-arrow{transform:translateX(2px)}.settings-nav-link.active{background:color-mix(in srgb,var(--primary-color) 12%,var(--card-bg));border-color:color-mix(in srgb,var(--primary-color) 30%,#0000);color:var(--primary-color)}.settings-content{grid-gap:18px;display:grid;gap:18px;min-width:0}.settings-card{animation:settingsSectionIn .28s ease-out both;animation:settingsSectionIn var(--dur-slow,.28s) var(--ease-out,ease-out) both;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);padding:clamp(20px,3vw,30px)}@keyframes settingsSectionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-card-heading{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:14px;justify-content:space-between;padding-bottom:17px}.settings-card-heading h2{color:var(--text-color);font-size:1.2rem;font-weight:750;letter-spacing:-.025em;margin:0}.settings-card-heading>svg{color:var(--primary-color);height:20px;width:20px}.settings-card-description{color:var(--text-secondary);font-size:.86rem;line-height:1.55;margin:17px 0 23px;max-width:680px}.settings-field-block,.settings-profile-form{grid-gap:9px;display:grid;gap:9px}.settings-profile-form{margin-bottom:25px}.settings-field-block>label,.settings-page label,.settings-profile-form>label{color:var(--text-secondary);font-size:.74rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.settings-input-row{align-items:center;display:flex;gap:10px}.settings-input-row input{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font:inherit;font-size:.88rem;min-height:43px;outline:none;padding:10px 13px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) ease,box-shadow var(--dur-fast,.12s) ease;width:min(100%,420px)}.settings-input-row input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 16%,#0000)}.settings-danger-button,.settings-primary-button,.settings-secondary-button{align-items:center;border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:700;gap:7px;justify-content:center;min-height:41px;padding:9px 14px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;transition:background-color var(--dur-fast,.12s) ease,border-color var(--dur-fast,.12s) ease,color var(--dur-fast,.12s) ease,transform var(--dur-fast,.12s) ease}.settings-primary-button{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.settings-secondary-button{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);flex:0 0 auto}.settings-danger-button{background:color-mix(in srgb,var(--danger-color) 8%,var(--card-bg));border:1px solid color-mix(in srgb,var(--danger-color) 32%,var(--border-color));color:var(--danger-color)}.settings-danger-button:hover:not(:disabled),.settings-primary-button:hover:not(:disabled),.settings-secondary-button:hover:not(:disabled){transform:translateY(-1px)}.settings-primary-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.settings-secondary-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.settings-danger-button:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 14%,var(--card-bg))}.settings-danger-button:disabled,.settings-primary-button:disabled,.settings-secondary-button:disabled{cursor:not-allowed;opacity:.55}.settings-avatar-option:focus-visible,.settings-danger-button:focus-visible,.settings-primary-button:focus-visible,.settings-secondary-button:focus-visible,.settings-switch:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.settings-avatar-grid{display:flex;flex-wrap:wrap;gap:11px}.settings-avatar-option{background:var(--background-color);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:grid;height:54px;padding:6px;place-items:center;position:relative;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease;transition:border-color var(--dur-fast,.12s) ease,transform var(--dur-fast,.12s) ease,box-shadow var(--dur-fast,.12s) ease;width:54px}.settings-avatar-option:hover{border-color:var(--primary-color);transform:translateY(-2px)}.settings-avatar-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,#0000)}.settings-avatar-option img{height:100%;object-fit:contain;width:100%}.settings-avatar-option>span{background:var(--primary-color);border:2px solid var(--card-bg);border-radius:50%;bottom:-3px;color:#fff;display:grid;height:18px;place-items:center;position:absolute;right:-3px;width:18px}.settings-avatar-option>span svg{height:11px;width:11px}.settings-theme-catalog{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:4px 0 8px}.settings-theme-option{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-color);cursor:pointer;display:flex;gap:10px;min-height:76px;min-width:0;padding:12px;position:relative;text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease;transition:border-color var(--dur-base,.18s) ease,background-color var(--dur-base,.18s) ease,transform var(--dur-base,.18s) ease,box-shadow var(--dur-base,.18s) ease}.settings-theme-option:focus-visible,.settings-theme-option:hover{border-color:color-mix(in srgb,var(--primary-color) 50%,var(--border-color));outline:none;transform:translateY(-1px)}.settings-theme-option.selected{background:color-mix(in srgb,var(--primary-color) 9%,var(--card-bg));border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 15%,#0000)}.settings-theme-preview{border:1px solid var(--border-color);border-radius:10px;display:grid;flex:0 0 35px;height:35px;place-items:center;width:35px}.settings-theme-preview svg{height:17px;width:17px}.theme-preview-light{background:#f8f9fa;color:#014c75}.theme-preview-dark{background:#002234;border-color:#075477;color:#38bdf8}.theme-preview-omni{background:#090909;border-color:#a94f0b;color:#ff8a1f}.theme-preview-black{background:#000;border-color:#fff;color:#fff}.settings-theme-option-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.settings-theme-option-copy strong{color:var(--text-color);font-size:.82rem;font-weight:750}.settings-theme-option-copy small{color:var(--text-secondary);font-size:.68rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.settings-theme-check{background:var(--primary-color);border-radius:50%;color:#fff;display:grid;height:17px;place-items:center;position:absolute;right:8px;top:8px;width:17px}.settings-theme-check svg{height:11px;width:11px}.settings-master-row,.settings-notification-row,.settings-preference-row,.settings-signout-row{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:14px;min-width:0;padding:15px 0}.settings-preference-row:first-of-type{border-top:0}.settings-preference-icon{background:var(--primary-light);border-radius:10px;color:var(--primary-color);display:grid;flex:0 0 35px;height:35px;place-items:center;width:35px}.settings-preference-icon svg{height:17px;width:17px}.settings-type-icon{font-size:.75rem;font-weight:800}.settings-master-row>div,.settings-notification-row>div,.settings-preference-copy,.settings-signout-row>div{grid-gap:3px;display:grid;flex:1 1;gap:3px;min-width:0}.settings-master-row strong,.settings-notification-row strong,.settings-preference-copy strong,.settings-signout-row strong{color:var(--text-color);font-size:.86rem;font-weight:700}.settings-master-row span,.settings-notification-row span,.settings-preference-copy span,.settings-signout-row span{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.settings-font-select{flex:0 0 auto;width:180px}.settings-font-select .app-select-trigger{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-color);font-size:.8rem;min-height:41px}.settings-font-select .app-select-trigger:focus-visible,.settings-font-select .app-select-trigger:hover{border-color:var(--primary-color)}.settings-master-row{border-top:0;padding:14px 0 17px}.settings-notification-list{border-top:1px solid var(--border-color)}.settings-notification-row{padding-left:0}.settings-notification-list.disabled{opacity:.52}.settings-switch{background:var(--border-color);border:0;border-radius:999px;cursor:pointer;flex:0 0 42px;height:24px;padding:0;position:relative;transition:background-color .18s ease;transition:background-color var(--dur-base,.18s) ease;width:42px}.settings-switch span{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000038;height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;transition:transform var(--dur-base,.18s) var(--ease-spring,ease);width:18px}.settings-switch.on{background:var(--primary-color)}.settings-switch.on span{transform:translateX(18px)}.settings-switch:disabled{cursor:not-allowed}.settings-account-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 20px}.settings-account-details>div{align-items:flex-start;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;gap:10px;min-width:0;padding:13px}.settings-account-details>div>svg{color:var(--primary-color);flex:0 0 16px;height:16px;margin-top:2px;width:16px}.settings-account-details span{grid-gap:3px;display:grid;gap:3px;min-width:0}.settings-account-details small{color:var(--text-muted);font-size:.68rem}.settings-account-details strong{color:var(--text-color);font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-signout-row{padding-bottom:0}@media (max-width:850px){.settings-page{padding-top:28px;width:min(100% - 32px,680px)}.settings-hero{align-items:flex-start;flex-direction:column}.settings-account-chip{width:100%}.settings-layout{gap:18px;grid-template-columns:1fr}.settings-nav{display:flex;gap:5px;overflow-x:auto;padding:6px;position:static;scrollbar-width:thin}.settings-nav-link{flex:1 0 145px;min-height:52px}.settings-nav-arrow,.settings-nav-link small{display:none}.settings-nav-link{grid-template-columns:19px minmax(0,1fr)}}@media (max-width:560px){.settings-page{padding-bottom:44px;width:min(100% - 22px,500px)}.settings-hero{margin-bottom:24px}.settings-hero h1{font-size:1.8rem}.settings-intro{font-size:.86rem}.settings-card{padding:19px 16px}.settings-theme-catalog{grid-template-columns:1fr}.settings-input-row{align-items:stretch;flex-direction:column}.settings-input-row input,.settings-primary-button{width:100%}.settings-preference-row,.settings-signout-row{align-items:flex-start;flex-wrap:wrap}.settings-preference-row .settings-secondary-button,.settings-signout-row .settings-danger-button{margin-left:49px}.settings-preference-row--select{flex-wrap:wrap}.settings-preference-row--select .settings-font-select{margin-left:49px;width:calc(100% - 49px)}.settings-account-details{grid-template-columns:1fr}.settings-notification-row{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.settings-page *,.settings-page :after,.settings-page :before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hst-layout{height:calc(100vh - 60px)}.hst-layout,.hst-loading-fullscreen{background-color:var(--surface-sunken);display:flex;width:100%}.hst-loading-fullscreen{align-items:center;height:100%;justify-content:center;min-height:calc(100vh - 60px)}.hst-sidebar{background-color:var(--surface);border-right:1px solid var(--border-color);flex:0 0 320px;height:100%;overflow-y:auto;width:320px}.hst-detail-content{background-color:var(--surface-sunken);flex:1 1;height:100%;overflow-y:auto}.hst-detail-view{display:flex;flex-direction:column;height:100%}.hst-detail-header-card{background-color:var(--surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;padding:24px}.hst-nav{align-items:center;display:flex}.hst-back-btn{font-size:.8rem;padding:6px 12px}.hst-detail-meta{display:flex;flex-direction:column;gap:8px}.hst-detail-url-container{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:600;gap:12px;margin:0}.hst-detail-url{color:var(--text-color);flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.15rem;word-break:break-all}.hst-detail-info{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.88rem;gap:16px}.hst-detail-timestamp{color:var(--text-secondary);font-weight:500}.hst-detail-duration{background-color:color-mix(in srgb,var(--accent) 18%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:999px;color:var(--accent);font-size:.8rem;font-weight:700;padding:3px 10px}.hst-detail-actions{display:flex;flex-wrap:wrap;gap:10px}.hst-action-btn{font-size:.86rem}.hst-delete-btn{color:var(--danger-text)}.hst-delete-btn:hover:not(:disabled){background-color:var(--danger-bg);border-color:var(--danger-text)}.hst-status-indicator{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 10px}.hst-status-indicator:before{background-color:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.hst-status-indicator--status-success{background-color:color-mix(in srgb,var(--success-color) 12%,#0000);border-color:color-mix(in srgb,var(--success-color) 25%,#0000);color:var(--success-color)}.hst-status-indicator--status-redirect{background-color:color-mix(in srgb,var(--info-color) 12%,#0000);border-color:color-mix(in srgb,var(--info-color) 25%,#0000);color:var(--info-color)}.hst-status-indicator--status-client-error{background-color:color-mix(in srgb,var(--warning-color) 12%,#0000);border-color:color-mix(in srgb,var(--warning-color) 25%,#0000);color:var(--warning-color)}.hst-status-indicator--status-server-error{background-color:color-mix(in srgb,var(--danger-color) 12%,#0000);border-color:color-mix(in srgb,var(--danger-color) 25%,#0000);color:var(--danger-color)}.hst-detail-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;margin:20px;padding:24px;transition:box-shadow var(--dur-base) var(--ease-out)}.hst-detail-card:hover{box-shadow:var(--shadow-md)}.hst-card-title{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0}.hst-card-content,.hst-response-content{width:100%}.hst-kv{grid-gap:16px 24px;align-items:start;display:grid;gap:16px 24px;grid-template-columns:140px minmax(0,1fr)}.hst-k{color:var(--text-secondary);font-size:.82rem;font-weight:600;letter-spacing:.04em;padding-top:4px;text-transform:uppercase}.hst-v{color:var(--text-color);font-size:.88rem;word-break:break-word}.hst-v--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hst-code-block{background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:.8rem;margin:0;max-height:300px;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.hst-prompt{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 40px;text-align:center}.hst-prompt-icon{color:var(--text-secondary);margin-bottom:24px;opacity:.3}.hst-prompt-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 12px}.hst-prompt-text{color:var(--text-secondary);font-size:1rem;margin:0 0 24px;max-width:400px}.hst-error-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 40px}.hst-error-content{max-width:500px;text-align:center}.hst-error-icon{font-size:3.5rem;margin-bottom:16px}.hst-error-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 16px}.hst-error-banner{background-color:var(--danger-bg);border:1px solid var(--danger-border);border-left:4px solid var(--danger-text);border-radius:var(--radius-md);color:var(--danger-text);font-size:.88rem;line-height:1.6;margin-bottom:24px;padding:16px 20px;text-align:left}.hst-detail-content::-webkit-scrollbar,.hst-sidebar::-webkit-scrollbar{width:6px}.hst-detail-content::-webkit-scrollbar-track,.hst-sidebar::-webkit-scrollbar-track{background:#0000}.hst-detail-content::-webkit-scrollbar-thumb,.hst-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.hst-detail-content::-webkit-scrollbar-thumb:hover,.hst-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.hst-action-btn,.hst-back-btn,.hst-detail-card{transition:none!important}.hst-action-btn:hover,.hst-detail-card:hover{transform:none!important}}.ops-copilot-result{grid-gap:18px;color:var(--text-color);display:grid;gap:18px}.ops-copilot-result-header{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-light) 42%,var(--card-bg)),var(--card-bg));border:1px solid color-mix(in srgb,var(--primary-color) 30%,var(--border-color));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:24px;justify-content:space-between;padding:22px}.ops-copilot-result-header>div:first-child{display:flex;gap:14px;min-width:0}.ops-copilot-result-icon,.ops-copilot-section-heading>span{background:var(--primary-light);border-radius:11px;color:var(--primary-color);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.ops-copilot-freshness small,.ops-copilot-result-header small,.ops-copilot-section-heading p{color:var(--text-secondary);font-size:.75rem}.ops-copilot-result-header h2{font-size:1.25rem;margin:2px 0 6px}.ops-copilot-result-header p{color:var(--text-secondary);line-height:1.55;margin:0;max-width:760px}.ops-copilot-freshness{align-items:flex-end;color:var(--text-secondary);display:flex;flex:0 0 auto;flex-direction:column;font-size:.76rem;gap:3px}.ops-copilot-freshness svg{color:var(--primary-color)}.ops-copilot-warnings{grid-gap:8px;display:grid;gap:8px}.ops-copilot-warnings p{align-items:center;background:var(--surface-sunken);background:var(--warning-bg,var(--surface-sunken));border:1px solid var(--warning-border,var(--border-color));border-radius:var(--radius-sm);color:var(--text-secondary);color:var(--warning-text,var(--text-secondary));display:flex;font-size:.78rem;gap:8px;margin:0;padding:10px 12px}.ops-copilot-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.ops-copilot-metrics>div{grid-gap:6px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:6px;padding:14px}.ops-copilot-metrics span{color:var(--text-secondary);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.ops-copilot-metrics strong{font-size:1rem;text-transform:capitalize}.ops-copilot-metrics .tone-down,.ops-copilot-metrics .tone-open,.ops-copilot-metrics .tone-triggered{color:var(--danger-text)}.ops-copilot-metrics .tone-degraded,.ops-copilot-metrics .tone-monitoring{color:var(--warning-text)}.ops-copilot-metrics .tone-resolved,.ops-copilot-metrics .tone-up{color:var(--success-text)}.ops-copilot-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ops-copilot-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px}.ops-copilot-section-heading{align-items:flex-start;display:flex;gap:11px;margin-bottom:14px}.ops-copilot-section-heading>span{height:34px;width:34px}.ops-copilot-section-heading h3{font-size:.94rem;margin:0 0 3px}.ops-copilot-section-heading p{line-height:1.45;margin:0}.ops-copilot-causes{grid-gap:8px;display:grid;gap:8px}.ops-copilot-cause{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.ops-copilot-cause>button{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:10px;padding:11px;text-align:left;width:100%}.ops-copilot-cause>button>span{background:var(--surface-sunken);border-radius:50%;color:var(--primary-color);display:grid;font-weight:700;height:25px;place-items:center;width:25px}.ops-copilot-cause>button>div{grid-gap:2px;display:grid;gap:2px}.ops-copilot-cause>button strong{font-size:.82rem}.ops-copilot-cause>button small{color:var(--text-secondary);font-size:.7rem}.ops-copilot-cause.is-high{border-left:3px solid #ef4444;border-left:3px solid var(--danger-color,#ef4444)}.ops-copilot-cause.is-medium{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-color,#f59e0b)}.ops-copilot-cause.is-confirmed{border-left:3px solid #10b981;border-left:3px solid var(--success-color,#10b981)}.ops-copilot-cause-detail{padding:0 11px 11px}.ops-copilot-cause-detail>p{color:var(--text-secondary);font-size:.78rem;line-height:1.5;margin:0 0 10px}.ops-copilot-steps{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.ops-copilot-steps li{display:flex;gap:10px}.ops-copilot-steps li>span{background:var(--primary-light);border-radius:8px;color:var(--primary-color);display:grid;flex:0 0 auto;font-size:.72rem;font-weight:700;height:26px;place-items:center;width:26px}.ops-copilot-steps strong{font-size:.8rem}.ops-copilot-steps p{color:var(--text-secondary);font-size:.73rem;line-height:1.45;margin:3px 0 0}.ops-copilot-evidence-list{grid-gap:7px;display:grid;gap:7px;max-height:430px;overflow:auto}.ops-copilot-evidence{grid-gap:10px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:inherit;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:10px;text-decoration:none}.ops-copilot-evidence:hover{background:var(--hover-bg);border-color:var(--primary-color)}.ops-copilot-evidence-dot{background:var(--text-secondary);border-radius:50%;height:8px;margin-top:5px;width:8px}.ops-copilot-evidence.is-error .ops-copilot-evidence-dot{background:#ef4444;background:var(--danger-color,#ef4444)}.ops-copilot-evidence.is-warning .ops-copilot-evidence-dot{background:#f59e0b;background:var(--warning-color,#f59e0b)}.ops-copilot-evidence div{grid-gap:3px;display:grid;gap:3px;min-width:0}.ops-copilot-evidence em,.ops-copilot-evidence small{color:var(--text-secondary);font-size:.67rem}.ops-copilot-evidence strong{font-size:.78rem}.ops-copilot-evidence p{color:var(--text-secondary);font-size:.72rem;line-height:1.4;margin:0}.ops-copilot-evidence em{font-style:normal}.ops-copilot-evidence>svg,.ops-copilot-muted{color:var(--text-secondary)}.ops-copilot-muted{font-size:.78rem}.ops-copilot-drafts-section{grid-gap:2px;display:grid;gap:2px}.ops-copilot-drafts{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ops-copilot-draft{grid-gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:12px;padding:17px}.ops-copilot-draft-heading>div{align-items:center;display:flex;gap:9px}.ops-copilot-draft-heading>div>span{background:var(--primary-light);border-radius:9px;color:var(--primary-color);display:grid;height:30px;place-items:center;width:30px}.ops-copilot-draft-heading small,.ops-copilot-draft-heading strong{display:block}.ops-copilot-draft-heading strong{font-size:.83rem}.ops-copilot-draft-heading small{color:var(--text-secondary);font-size:.68rem;margin-top:2px}.ops-copilot-draft>p{background:var(--surface-sunken);border-radius:var(--radius-sm);font-size:.79rem;line-height:1.55;margin:0;padding:12px;white-space:pre-wrap}.ops-copilot-draft-actions{display:flex;flex-wrap:wrap;gap:8px}.ops-copilot-draft-actions button{align-items:center;background:var(--button-background);border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--button-text);cursor:pointer;display:flex;font:600 .73rem inherit;gap:6px;padding:7px 10px}.ops-copilot-draft-actions button.secondary{background:#0000;border-color:var(--border-color);color:var(--text-color)}.ops-copilot-copy-error{color:var(--danger-text);font-size:.68rem}.ops-copilot-result.is-compact{gap:12px}.ops-copilot-result.is-compact .ops-copilot-result-header{display:grid;padding:14px}.ops-copilot-result.is-compact .ops-copilot-freshness{align-items:flex-start}.ops-copilot-result.is-compact .ops-copilot-metrics{grid-template-columns:repeat(3,1fr)}.ops-copilot-result.is-compact .ops-copilot-drafts,.ops-copilot-result.is-compact .ops-copilot-grid{grid-template-columns:1fr}.ops-copilot-result.is-compact .ops-copilot-card{padding:13px}.ops-copilot-result.is-compact .ops-copilot-evidence-list{max-height:270px}@media(max-width:900px){.ops-copilot-result-header{display:grid}.ops-copilot-freshness{align-items:flex-start}.ops-copilot-metrics{grid-template-columns:repeat(3,1fr)}.ops-copilot-drafts,.ops-copilot-grid{grid-template-columns:1fr}}@media(max-width:560px){.ops-copilot-metrics{grid-template-columns:repeat(2,1fr)}.ops-copilot-result-header{padding:16px}.ops-copilot-card{padding:14px}}.copilot-launcher{align-items:center;background:var(--button-background);border:1px solid var(--primary-color);border-radius:999px;bottom:24px;box-shadow:var(--shadow-md);color:var(--button-text);cursor:pointer;display:flex;font:600 .86rem inherit;gap:8px;padding:11px 16px;position:fixed;right:24px;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);z-index:1200}.copilot-launcher:hover{background:var(--primary-hover);transform:translateY(-1px)}.copilot-launcher:focus-visible{box-shadow:var(--ring),var(--shadow-md);outline:none}.copilot-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);bottom:24px;box-shadow:var(--shadow-lg);color:var(--text-color);display:flex;flex-direction:column;height:min(740px,calc(100vh - 48px));overflow:hidden;position:fixed;right:24px;width:min(460px,calc(100vw - 32px));z-index:1201}.copilot-header{align-items:center;background:var(--surface-elevated);border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.copilot-header-actions,.copilot-header-title{align-items:center;display:flex;gap:10px}.copilot-header-icon{background:var(--primary-light);border-radius:10px;color:var(--primary-color);display:grid;height:34px;place-items:center;width:34px}.copilot-header strong{display:block;font-size:.92rem}.copilot-header small{color:var(--text-secondary);display:block;font-size:.74rem;margin-top:2px}.copilot-header-actions button{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:grid;height:32px;padding:0;place-items:center;width:32px}.copilot-header-actions button:hover{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}.copilot-context{background:var(--surface-sunken);border-bottom:1px solid var(--border-color);padding:14px 16px 12px}.copilot-context-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.copilot-context-heading strong{display:block;font-size:.8rem}.copilot-context-heading span{color:var(--text-secondary);display:block;font-size:.72rem;margin-top:2px}.copilot-context-heading .copilot-context-count{background:var(--card-bg);border-radius:999px;color:var(--text-secondary);font-size:.68rem;margin:0;padding:4px 7px;white-space:nowrap}.copilot-context-row{align-items:center;display:flex;gap:10px}.copilot-field-label{color:var(--text-secondary);flex:0 0 auto;font-size:.73rem;font-weight:600}.copilot-profile-select{flex:1 1;min-width:0}.copilot-profile-select .app-select-trigger{background:var(--card-bg);min-height:36px;padding:7px 9px}.copilot-collection-list{grid-gap:6px;display:grid;gap:6px;margin-top:12px;max-height:124px;overflow:auto;padding-right:2px}.copilot-context-option{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;min-width:0;padding:9px 10px;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.copilot-context-option:hover{background:var(--hover-bg);border-color:var(--primary-color)}.copilot-context-option.is-selected{background:color-mix(in srgb,var(--primary-light) 60%,var(--card-bg));border-color:var(--primary-color);box-shadow:inset 3px 0 0 var(--primary-color)}.copilot-context-option input[type=checkbox]{border-radius:5px;height:18px;width:18px}.copilot-context-option span{grid-gap:2px;display:grid;gap:2px;min-width:0}.copilot-context-option strong{color:var(--text-color);font-size:.79rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-context-option small{color:var(--text-secondary);font-size:.68rem}.copilot-collection-list>span{color:var(--text-secondary);font-size:.78rem;padding:8px 0}.copilot-messages{background:var(--background-color);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow:auto;padding:16px}.copilot-empty{color:var(--text-secondary);margin:auto;max-width:280px;text-align:center}.copilot-empty svg{color:var(--primary-color);height:38px;margin-bottom:8px;width:38px}.copilot-empty p{font-size:.82rem;line-height:1.55}.copilot-message{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:92%;padding:11px 12px;white-space:pre-wrap}.copilot-message.user{align-self:flex-end;background:var(--primary-color);border-color:var(--primary-color);color:var(--button-text)}.copilot-message span{color:var(--primary-color);font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.copilot-message.user small,.copilot-message.user span{color:color-mix(in srgb,var(--button-text) 82%,#0000)}.copilot-message p{font-size:.83rem;line-height:1.5;margin:5px 0 0}.copilot-message small{color:var(--text-secondary);display:block;font-size:.7rem;margin-top:8px}.copilot-action{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--primary-color) 45%,var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px}.copilot-action strong{color:var(--primary-color);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.copilot-action p{font-size:.81rem;line-height:1.45;margin:6px 0}.copilot-action code{background:var(--surface-sunken);border-radius:5px;color:var(--text-secondary);font-size:.68rem;padding:3px 6px}.copilot-action label{grid-gap:5px;color:var(--text-secondary);display:grid;font-size:.74rem;gap:5px;margin-top:10px}.copilot-action input{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font:inherit;min-height:34px;padding:7px 9px}.copilot-action input:focus{border-color:var(--primary-color);box-shadow:var(--ring);outline:none}.copilot-action button{background:var(--button-background);border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--button-text);cursor:pointer;font:600 .75rem inherit;margin:10px 7px 0 0;padding:7px 10px}.copilot-action button.quiet{background:#0000;border-color:var(--border-color);color:var(--text-secondary)}.copilot-action-executed,.copilot-action-failed{display:block;font-size:.75rem;margin-top:9px}.copilot-action-failed{color:var(--danger-text)}.copilot-action-executed{color:var(--success-text)}.copilot-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger-text);font-size:.75rem;margin:0 16px 10px;padding:9px 10px}.copilot-composer{align-items:flex-end;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:8px;margin:0 14px 12px;padding:8px 8px 8px 12px}.copilot-composer textarea{background:#0000;border:0;box-shadow:none;color:var(--text-color);flex:1 1;font:inherit;font-size:.82rem;line-height:1.45;max-height:140px;min-height:22px;outline:none;padding:7px 0;resize:none}.copilot-composer textarea::placeholder{color:var(--text-secondary);color:var(--text-muted,var(--text-secondary))}.copilot-composer textarea:focus{border:0;box-shadow:none;outline:none}.copilot-composer button{background:var(--button-background);border:0;border-radius:50%;color:var(--button-text);cursor:pointer;display:grid;flex:0 0 auto;height:34px;padding:0;place-items:center;width:34px}.copilot-composer button:disabled{background:var(--hover-bg);color:var(--text-secondary);color:var(--text-muted,var(--text-secondary));cursor:not-allowed;opacity:.7}.copilot-new{background:var(--card-bg);border:0;border-top:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;font:600 .76rem inherit;padding:10px}.spin{animation:copilot-spin 1s linear infinite}@keyframes copilot-spin{to{transform:rotate(1turn)}}@media(max-width:600px){.copilot-panel{border-radius:var(--radius-md);bottom:8px;height:calc(100vh - 16px);right:8px;width:calc(100vw - 16px)}.copilot-launcher{bottom:16px;right:16px}.copilot-composer,.copilot-context,.copilot-messages{padding:12px}}.copilot-context{padding-bottom:10px}.copilot-context-heading{margin-bottom:9px}.copilot-context-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;font:600 .68rem inherit;gap:5px;padding:5px 8px;white-space:nowrap}.copilot-context-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.copilot-context-toggle svg{transition:transform var(--dur-fast) var(--ease-out)}.copilot-context-toggle.is-open svg{transform:rotate(180deg)}.copilot-context-source-row{align-items:center;display:flex;gap:10px;margin-top:9px;min-height:34px}.copilot-context-source-row .copilot-context-toggle{min-height:34px}.copilot-context-source-row .copilot-context-summary{flex:1 1;line-height:1.25;margin-top:0;min-height:34px;min-width:0;white-space:nowrap}.copilot-context-summary{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;gap:6px;margin-top:8px;min-height:28px;overflow:hidden}.copilot-context-summary.has-selection span{background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-color);max-width:150px;overflow:hidden;padding:4px 7px;text-overflow:ellipsis;white-space:nowrap}.copilot-collection-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:168px}.copilot-context-resizer{border-top:1px solid var(--border-color);cursor:row-resize;display:grid;height:16px;margin:7px -16px -10px;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.copilot-context-resizer:before{background:var(--border-color);border-radius:999px;content:"";height:3px;transition:background var(--dur-fast) var(--ease-out),width var(--dur-fast) var(--ease-out);width:52px}.copilot-context-resizer:active:before,.copilot-context-resizer:focus-visible:before,.copilot-context-resizer:hover:before{background:var(--primary-color);width:78px}.copilot-context-resizer:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}@media (max-width:520px){.copilot-collection-list{grid-template-columns:1fr}}.copilot-panel{animation:copilot-panel-enter .22s var(--ease-out) both;transform-origin:right bottom}.copilot-panel.is-closing{animation:copilot-panel-exit .18s ease-in both;pointer-events:none}.copilot-header-icon{animation:copilot-icon-enter .36s var(--ease-spring) both}.copilot-action button,.copilot-context-option,.copilot-context-toggle,.copilot-new{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.copilot-action button:hover,.copilot-context-toggle:hover,.copilot-new:hover{transform:translateY(-1px)}.copilot-context-option{animation:copilot-source-enter .18s var(--ease-out) both;animation-delay:min(0ms,168ms);animation-delay:min(calc(var(--copilot-source-index, 0)*28ms),168ms)}.copilot-context-option.is-selected{animation:copilot-source-selected .22s var(--ease-spring)}.copilot-collection-list{animation:copilot-picker-enter .18s var(--ease-out) both;transform-origin:top}.copilot-message{animation:copilot-message-enter .2s var(--ease-out) both}.copilot-action{animation:copilot-action-enter .22s var(--ease-out) both}.copilot-empty svg{animation:copilot-empty-pulse 2.8s ease-in-out infinite}@keyframes copilot-panel-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copilot-panel-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes copilot-icon-enter{0%{opacity:0;transform:scale(.65) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes copilot-source-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes copilot-source-selected{50%{transform:scale(1.012)}}@keyframes copilot-picker-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes copilot-message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes copilot-action-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copilot-empty-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes copilot-search-sweep{0%{opacity:0;transform:translateX(-120%)}15%,75%{opacity:1}to{opacity:0;transform:translateX(420%)}}@keyframes copilot-search-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 0,#0000)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--primary-color) 22%,#0000)}}@keyframes copilot-citation-enter{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@property --copilot-glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.copilot-panel-glow{border-radius:var(--radius-lg);bottom:24px;height:min(740px,calc(100vh - 48px));opacity:0;pointer-events:none;position:fixed;right:24px;transition:opacity .42s var(--ease-out);width:min(460px,calc(100vw - 32px));z-index:1200}.copilot-panel-glow.is-active{opacity:1}.copilot-panel-glow:before{animation:copilot-glow-spin 3.6s linear infinite;background:conic-gradient(from var(--copilot-glow-angle),#0000 0deg,color-mix(in srgb,var(--primary-color) 85%,#0000) 55deg,color-mix(in srgb,var(--primary-color) 20%,#0000) 130deg,#0000 200deg,color-mix(in srgb,var(--primary-color) 45%,#0000) 300deg,#0000 1turn);border-radius:inherit;content:"";filter:blur(20px);inset:-3px;position:absolute}@keyframes copilot-glow-spin{to{--copilot-glow-angle:360deg}}@media (max-width:600px){.copilot-panel-glow{border-radius:var(--radius-md);bottom:8px;height:calc(100vh - 16px);right:8px;width:calc(100vw - 16px)}}@media (prefers-reduced-motion:reduce){.copilot-action,.copilot-collection-list,.copilot-context-option,.copilot-empty svg,.copilot-header-icon,.copilot-message,.copilot-panel,.copilot-panel-glow,.copilot-panel-glow:before,.copilot-panel.is-closing,.copilot-panel.is-searching:after{animation:none!important}.copilot-action button,.copilot-citations a,.copilot-citations small,.copilot-composer,.copilot-composer button,.copilot-composer textarea,.copilot-context-chip,.copilot-context-option,.copilot-context-toggle,.copilot-header-actions button,.copilot-new,.copilot-source-result,.copilot-threadbar>button{transition:none!important}}.copilot-message-content{font-size:.83rem;line-height:1.5;margin-top:5px}.copilot-message-content p{margin:0 0 8px}.copilot-message-content p:last-child{margin-bottom:0}.copilot-message-content ol,.copilot-message-content ul{margin:6px 0 8px;padding-left:20px}.copilot-message-content li{margin:3px 0}.copilot-message-content code{background:var(--surface-sunken);border-radius:4px;color:var(--text-color);font-size:.9em;padding:1px 4px}.copilot-message-content pre{background:var(--surface-sunken);border-radius:var(--radius-sm);margin:8px 0;overflow:auto;padding:8px}.copilot-message-content pre code{background:#0000;padding:0}.copilot-message.has-operations-artifact{background:#0000;border:0;box-shadow:none;max-width:none;padding:0;width:100%}.copilot-message.has-operations-artifact>span{display:block;margin:0 0 7px 2px}.copilot-action-output{background:#0000002e;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:10px 0 0;max-height:180px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.copilot-panel.copilot-sidecar{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-width:0 0 0 1px;bottom:0;box-shadow:-18px 0 48px color-mix(in srgb,#000 22%,#0000);height:min(50dvh,100dvh);height:min(var(--copilot-height,50dvh),100dvh);right:0;top:auto;transform-origin:right center;width:min(520px,calc(100vw - 20px));width:min(var(--copilot-width,520px),calc(100vw - 20px))}.copilot-panel.is-searching:after{animation:copilot-search-sweep 1.35s ease-in-out infinite;animation:copilot-search-sweep 1.35s var(--ease-in-out,ease-in-out) infinite;background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;top:0;width:34%;z-index:12}.copilot-panel.is-searching .copilot-header-icon{animation:copilot-search-pulse 1.35s ease-in-out infinite;animation:copilot-search-pulse 1.35s var(--ease-in-out,ease-in-out) infinite}.copilot-citations a,.copilot-citations small,.copilot-composer button,.copilot-context-chip,.copilot-header-actions button,.copilot-source-result,.copilot-threadbar>button{transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.copilot-citations a:hover,.copilot-citations small:hover,.copilot-composer button:not(:disabled):hover,.copilot-header-actions button:hover,.copilot-source-result:hover,.copilot-threadbar>button:hover,button.copilot-context-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.copilot-citations a:active,.copilot-citations small:active,.copilot-composer button:not(:disabled):active,.copilot-header-actions button:active,.copilot-threadbar>button:active{transform:translateY(0) scale(.96)}.copilot-composer{transition:background .18s var(--ease-out),border-color .18s var(--ease-out);transition:background var(--dur-normal,.18s) var(--ease-out),border-color var(--dur-normal,.18s) var(--ease-out)}.copilot-composer:focus-within{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 14%,#0000)}.copilot-composer textarea{transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.copilot-messages{scroll-behavior:smooth}.copilot-citations a,.copilot-citations small{animation:copilot-citation-enter .18s var(--ease-out) both}.copilot-citations a:nth-child(2),.copilot-citations small:nth-child(2){animation-delay:35ms}.copilot-citations a:nth-child(3),.copilot-citations small:nth-child(3){animation-delay:70ms}.copilot-width-resizer{bottom:0;cursor:col-resize;left:-5px;position:absolute;top:0;touch-action:none;width:10px;z-index:8}.copilot-width-resizer:after{background:#0000;border-radius:999px;bottom:42%;content:"";left:4px;position:absolute;top:42%;transition:background var(--dur-fast) var(--ease-out);width:2px}.copilot-width-resizer:active:after,.copilot-width-resizer:hover:after{background:var(--primary-color)}.copilot-height-resizer{cursor:row-resize;height:12px;left:0;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none;z-index:9}.copilot-height-resizer:after{background:color-mix(in srgb,var(--border-color) 75%,#0000);border-radius:999px;content:"";height:2px;left:50%;position:absolute;top:4px;transform:translateX(-50%);transition:background var(--dur-fast) var(--ease-out),width var(--dur-fast) var(--ease-out);width:52px}.copilot-height-resizer:active:after,.copilot-height-resizer:focus-visible:after,.copilot-height-resizer:hover:after{background:var(--primary-color);width:78px}.copilot-height-resizer:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.copilot-threadbar{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:9px 14px}.copilot-thread-selector{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;gap:8px;min-width:0}.copilot-thread-selector>svg{flex:0 0 auto}.copilot-thread-select{min-width:0}.copilot-thread-select .app-select-trigger{background:var(--surface);font:600 .75rem inherit;min-height:34px;min-width:0;padding:7px 9px}.copilot-thread-select .app-select-chevron{color:var(--primary-color)}.app-select-list.copilot-thread-menu{font-size:.75rem;z-index:1300}.copilot-threadbar>button{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.copilot-context-ledger{align-items:stretch;display:flex;flex-wrap:wrap;gap:7px;min-width:0;padding:2px 0}.copilot-context-chip{grid-gap:2px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);display:grid;flex:1 1 126px;gap:2px;max-width:190px;min-width:0;padding:8px 9px;text-align:left}button.copilot-context-chip{cursor:pointer}.copilot-context-chip.is-active{border-color:color-mix(in srgb,var(--primary-color) 52%,var(--border-color));box-shadow:inset 3px 0 var(--primary-color)}.copilot-context-chip.is-pinned{border-style:dashed}.copilot-context-chip.is-empty{color:var(--text-secondary);flex-basis:100%;max-width:none}.copilot-context-chip span{color:var(--primary-color);font-size:.61rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.copilot-context-chip strong{font-size:.72rem}.copilot-context-chip small,.copilot-context-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-context-chip small{color:var(--text-secondary);font-size:.64rem}.copilot-context-more{align-self:center;color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.copilot-source-picker{grid-gap:8px;display:grid;gap:8px;margin-top:10px}.copilot-messages{min-height:0}.copilot-source-search{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;gap:8px;padding:0 9px}.copilot-source-search:focus-within{border-color:var(--primary-color);box-shadow:var(--ring)}.copilot-source-search input{background:#0000;border:0;color:var(--text-color);flex:1 1;font:.76rem inherit;min-width:0;outline:0;padding:9px 0}.copilot-source-results{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;height:min(210px,35vh);height:min(var(--copilot-context-pane-height,210px),35vh);min-height:0;overflow:auto}.copilot-source-result{grid-gap:2px 8px;align-items:center;background:#0000;border:0;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:grid;gap:2px 8px;grid-template-columns:78px minmax(0,1fr) 22px;padding:9px 10px;position:relative;text-align:left}.copilot-source-result:last-child{border-bottom:0}.copilot-source-result:hover{background:var(--hover-bg)}.copilot-source-result.is-selected{background:color-mix(in srgb,var(--primary-light) 50%,var(--card-bg))}.copilot-source-result>span{color:var(--primary-color);font-size:.62rem;font-weight:800;grid-row:1/span 2;text-transform:uppercase}.copilot-source-result strong{font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-source-result small{color:var(--text-secondary);font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-source-result svg{color:var(--text-secondary);grid-column:3;grid-row:1/span 2}.copilot-source-result.is-selected svg{color:var(--primary-color)}.copilot-source-empty{font-size:.72rem;justify-content:center;padding:18px}.copilot-pins-footer,.copilot-source-empty{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.copilot-pins-footer{background:color-mix(in srgb,var(--primary-light) 24%,var(--card-bg));border:1px solid color-mix(in srgb,var(--primary-color) 28%,var(--border-color));border-radius:var(--radius-sm);font-size:.67rem;justify-content:space-between;min-height:32px;padding:5px 7px 5px 9px}.copilot-clear-pins{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font:700 .67rem inherit;gap:5px;padding:5px 7px}.copilot-clear-pins:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.copilot-clear-pins:focus-visible{border-color:var(--danger-border);box-shadow:var(--ring);outline:none}.copilot-clear-pins svg{height:13px;width:13px}.copilot-citations{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.copilot-citations a,.copilot-citations small{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:999px;color:var(--primary-color);font-size:.65rem;padding:3px 6px;text-decoration:none}.copilot-message.user .copilot-citations a,.copilot-message.user .copilot-citations small{color:var(--primary-color)}.copilot-findings{grid-gap:6px;border-top:1px solid var(--border-color);display:grid;gap:6px;margin-top:10px;padding-top:10px}.copilot-findings-heading{align-items:center;color:var(--text-secondary);display:flex;font-size:.65rem;justify-content:space-between}.copilot-finding{grid-gap:2px 7px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);display:grid;gap:2px 7px;grid-template-columns:52px minmax(0,1fr);padding:7px 8px;text-decoration:none}.copilot-finding.is-error{background:color-mix(in srgb,var(--danger-bg) 52%,var(--card-bg));border-color:var(--danger-border)}.copilot-finding.is-warning{border-color:color-mix(in srgb,var(--warning-color,#c98b16) 42%,var(--border-color))}.copilot-finding>span{color:var(--text-secondary);font-size:.58rem;grid-row:1/span 3;text-transform:uppercase}.copilot-finding strong{font-size:.69rem}.copilot-finding em,.copilot-finding small{color:var(--text-secondary);font-size:.63rem;font-style:normal;line-height:1.35}.copilot-profile-note{background:var(--card-bg);color:var(--text-secondary);font-size:.62rem;padding:4px 16px 7px;text-align:right}@media (max-width:899px){.copilot-panel.copilot-sidecar{border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:8px;height:calc(100dvh - 16px);right:8px;top:8px;width:calc(100vw - 16px)}.copilot-context-resizer,.copilot-height-resizer,.copilot-width-resizer{display:none}.copilot-source-results{height:min(210px,28dvh);height:min(var(--copilot-context-pane-height,210px),28dvh)}}@media (prefers-reduced-motion:reduce){.copilot-context-resizer:before,.copilot-height-resizer:after,.copilot-width-resizer:after{transition:none}}.copilot-message-content{font-size:.86rem;line-height:1.62}.copilot-message-content,.copilot-message-content li,.copilot-message-content p,.copilot-message-content strong{color:var(--text-color)!important}.copilot-message-content strong{font-weight:700;letter-spacing:normal!important;text-transform:none!important}.copilot-message.is-remediation .copilot-message-content ol{grid-gap:8px;counter-reset:copilot-step;display:grid;gap:8px;list-style:none;margin:8px 0 10px;padding:0}.copilot-message.is-remediation .copilot-message-content ol>li{background:color-mix(in srgb,var(--surface-sunken) 72%,var(--card-bg));border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));border-radius:var(--radius-sm);margin:0;padding:10px 12px 10px 36px;position:relative}.copilot-message.is-remediation .copilot-message-content ol>li:before{background:color-mix(in srgb,var(--primary-color) 18%,#0000);border-radius:50%;color:var(--primary-color);content:counter(copilot-step);counter-increment:copilot-step;display:grid;font-size:.68rem;font-weight:800;height:18px;left:11px;place-items:center;position:absolute;top:9px;width:18px}.copilot-message.is-remediation .copilot-message-content ol>li::marker{content:""}.copilot-message.is-remediation .copilot-message-content ol>li>p{color:inherit!important;margin:0}.copilot-message.assistant.is-remediation{background:color-mix(in srgb,var(--card-bg) 94%,var(--primary-color));border-color:color-mix(in srgb,var(--primary-color) 18%,var(--border-color));box-sizing:border-box;max-width:min(760px,92%);padding:16px 18px;width:min(760px,92%)}.copilot-message.is-remediation>span{color:var(--text-secondary);display:block;margin-bottom:9px}.copilot-message.is-remediation .copilot-message-content{margin-top:0;max-width:68ch}.copilot-message.is-remediation .copilot-message-content>p:last-child{background:color-mix(in srgb,var(--primary-color) 8%,#0000);border-left:3px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary)!important;font-size:.79rem;margin-top:12px;padding:10px 12px}.operations-copilot-page{background:var(--background-color);color:var(--text-color);min-height:calc(100vh - 70px);padding:24px}.operations-copilot-page .dashboard-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin:0 0 20px;padding-bottom:20px}.operations-copilot-page .header-left{align-items:center;display:flex;flex-direction:row;gap:10px;min-width:0}.operations-copilot-page .header-icon{align-items:center;background:color-mix(in srgb,var(--primary-color) 14%,#0000);border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.operations-copilot-page .header-icon svg{height:20px;width:20px}.operations-copilot-page .header-info{align-items:flex-start;display:flex;flex-direction:column;gap:0}.operations-copilot-page .header-info h1{color:var(--text-color);display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.operations-copilot-page .header-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0}.operations-copilot-page .monitoring-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:4px;margin:0 0 24px;max-width:100%;overflow-x:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.operations-copilot-page .nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s ease,color .2s ease;white-space:nowrap}.operations-copilot-page .nav-btn svg{height:16px;width:16px}.operations-copilot-page .nav-btn:hover{background:var(--hover-bg);color:var(--text-color)}.operations-copilot-page .nav-btn.active{background:var(--primary-color);color:#fff}.operations-copilot-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:310px minmax(0,1fr)}.operations-copilot-targets{align-self:start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden;position:-webkit-sticky;position:sticky;top:18px}.operations-copilot-target-filters{grid-gap:10px;border-bottom:1px solid var(--border-color);display:grid;gap:10px;padding:13px}.operations-copilot-type-tabs{grid-gap:5px;background:var(--surface-sunken);border-radius:var(--radius-sm);display:grid;gap:5px;grid-template-columns:1fr 1fr;padding:4px}.operations-copilot-type-tabs button{align-items:center;background:#0000;border:0;border-radius:7px;color:var(--text-secondary);cursor:pointer;display:flex;font:600 .72rem inherit;gap:5px;justify-content:center;padding:7px}.operations-copilot-type-tabs button.active{background:var(--card-bg);box-shadow:var(--shadow-sm);color:var(--primary-color)}.operations-copilot-type-tabs span{font-size:.65rem}.operations-copilot-search{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:7px;padding:7px 9px}.operations-copilot-search svg{color:var(--text-secondary)}.operations-copilot-search input{background:#0000;border:0;color:inherit;font:inherit;font-size:.76rem;min-width:0;outline:0;width:100%}.operations-copilot-target-list{grid-gap:4px;display:grid;gap:4px;overflow:auto;padding:8px}.operations-copilot-target-list>button{grid-gap:9px;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr);padding:10px;text-align:left;width:100%}.operations-copilot-target-list>button:hover{background:var(--hover-bg)}.operations-copilot-target-list>button.active{background:var(--primary-light);border-color:var(--primary-color)}.target-status{background:var(--text-secondary);border-radius:50%;height:9px;margin-top:4px;width:9px}.target-status.is-down,.target-status.is-open,.target-status.is-triggered{background:#ef4444;background:var(--danger-color,#ef4444)}.target-status.is-acknowledged,.target-status.is-degraded,.target-status.is-monitoring{background:#f59e0b;background:var(--warning-color,#f59e0b)}.target-status.is-resolved,.target-status.is-up{background:#10b981;background:var(--success-color,#10b981)}.operations-copilot-target-list small,.operations-copilot-target-list strong{display:block}.operations-copilot-target-list strong{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operations-copilot-target-list small{color:var(--text-secondary);font-size:.67rem;line-height:1.35;margin-top:3px}.operations-copilot-target-empty{color:var(--text-secondary);padding:30px 12px;text-align:center}.operations-copilot-target-empty svg{color:var(--primary-color);font-size:1.5rem}.operations-copilot-target-empty strong{display:block;font-size:.8rem;margin-top:6px}.operations-copilot-target-empty p{font-size:.7rem;margin:4px 0}.operations-copilot-main{grid-gap:16px;align-content:start;display:grid;gap:16px;min-width:0}.operations-copilot-welcome{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:var(--radius-lg);display:grid;min-height:430px;padding:40px;place-items:center;text-align:center}.operations-copilot-welcome>svg{color:var(--primary-color);height:46px;width:46px}.operations-copilot-welcome h2{margin:12px 0 5px}.operations-copilot-welcome p{color:var(--text-secondary);line-height:1.55;margin:0;max-width:560px}.operations-copilot-runbar{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:18px;justify-content:space-between;padding:14px 16px}.operations-copilot-runbar>div:first-child{grid-gap:2px;display:grid;gap:2px;min-width:0}.operations-copilot-runbar small{color:var(--primary-color);font-size:.66rem;font-weight:700;text-transform:uppercase}.operations-copilot-runbar strong{font-size:.91rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operations-copilot-runbar span{color:var(--text-secondary);font-size:.7rem}.operations-copilot-runbar>div:last-child{align-items:center;display:flex;gap:8px}.operations-copilot-generate{align-items:center;background:var(--button-background);border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--button-text);cursor:pointer;display:flex;font:600 .76rem inherit;gap:7px;padding:9px 13px}.operations-copilot-generate:disabled{cursor:not-allowed;opacity:.65}.operations-copilot-progress{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:13px;padding:22px}.operations-copilot-progress>svg{color:var(--primary-color);height:26px;width:26px}.operations-copilot-progress strong{font-size:.84rem}.operations-copilot-progress p{color:var(--text-secondary);font-size:.74rem;margin:4px 0 0}.operations-copilot-error{align-items:center;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger-text);display:flex;font-size:.78rem;gap:9px;padding:11px 13px}.operations-copilot-followup{grid-gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:12px;padding:18px}.operations-copilot-section-title{display:flex;gap:9px}.operations-copilot-section-title>svg{color:var(--primary-color)}.operations-copilot-section-title h2{font-size:.92rem;margin:0}.operations-copilot-section-title p{color:var(--text-secondary);font-size:.73rem;margin:3px 0 0}.operations-copilot-followup-messages{grid-gap:12px;display:grid;gap:12px}.operations-copilot-followup-messages article{background:var(--surface-sunken);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.8rem;line-height:1.6;max-width:min(86%,760px);padding:12px 14px}.operations-copilot-followup-messages article.user{background:var(--primary-light);border-color:color-mix(in srgb,var(--primary-color) 32%,var(--border-color));justify-self:end}.ops-followup-role{color:var(--text-secondary);display:block;font-size:.64rem;font-weight:700;letter-spacing:.07em;margin-bottom:7px;text-transform:uppercase}.operations-copilot-followup-messages article.user .ops-followup-role{color:var(--primary-color)}.ops-followup-body>:first-child{margin-top:0}.ops-followup-body>:last-child{margin-bottom:0}.ops-followup-body p{margin:0 0 9px}.ops-followup-body strong{color:var(--text-color);font-weight:650;letter-spacing:normal;text-transform:none}.ops-followup-body h1,.ops-followup-body h2,.ops-followup-body h3,.ops-followup-body h4{color:var(--text-color);font-size:.85rem;line-height:1.35;margin:14px 0 6px}.ops-followup-body ol,.ops-followup-body ul{margin:0 0 10px;padding-left:20px}.ops-followup-body li{margin:5px 0;padding-left:2px}.ops-followup-body li::marker{color:var(--primary-color);font-weight:700}.ops-followup-body li>p{margin:0 0 4px}.ops-followup-body a,.ops-followup-body code{color:var(--primary-color)}.ops-followup-body code{background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:5px;font-size:.9em;padding:1px 5px}.ops-followup-body pre{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.72rem;line-height:1.5;margin:0 0 10px;overflow:auto;padding:11px}.ops-followup-body pre code{background:#0000;color:inherit;padding:0}.ops-followup-body blockquote{border-left:3px solid color-mix(in srgb,var(--primary-color) 50%,var(--border-color));color:var(--text-secondary);margin:0 0 10px;padding:2px 0 2px 11px}.ops-followup-body table{border-collapse:collapse;font-size:.73rem;margin-bottom:10px;width:100%}.ops-followup-body td,.ops-followup-body th{border:1px solid var(--border-color);padding:6px 9px;text-align:left}.ops-followup-body th{background:var(--surface);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.operations-copilot-followup form{align-items:flex-end;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:8px;padding:8px 8px 8px 12px;transition:border-color .15s ease,box-shadow .15s ease}.operations-copilot-followup form:focus-within{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 14%,#0000)}.operations-copilot-followup textarea{background:#0000;border:0;color:inherit;flex:1 1;font:inherit;font-size:.78rem;line-height:1.5;max-height:150px;min-height:22px;outline:0;padding:7px 0;resize:none}.operations-copilot-followup textarea:focus{border:0;box-shadow:none;outline:0}.operations-copilot-followup form button{background:var(--button-background);border:0;border-radius:50%;color:var(--button-text);cursor:pointer;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.operations-copilot-followup form button:disabled{background:var(--hover-bg);color:var(--text-secondary);color:var(--text-muted,var(--text-secondary));cursor:not-allowed;opacity:.7}@media(max-width:900px){.operations-copilot-page{padding:16px}.operations-copilot-layout{grid-template-columns:1fr}.operations-copilot-targets{max-height:360px;position:static}.operations-copilot-runbar{align-items:flex-start;flex-direction:column}.operations-copilot-runbar>div:last-child{flex-wrap:wrap;width:100%}}@media(max-width:560px){.operations-copilot-page .dashboard-header{display:grid}.operations-copilot-runbar>div:last-child{display:grid;width:100%}.operations-copilot-generate{justify-content:center}.operations-copilot-followup-messages article{max-width:100%}}.ops-followup-body,.ops-followup-body li,.ops-followup-body p,.ops-followup-body strong{color:var(--text-color)!important}.ops-followup-body strong{font-weight:700;letter-spacing:normal!important;text-transform:none!important}.ops-followup-body ol{grid-gap:8px;counter-reset:ops-followup-step;display:grid;gap:8px;list-style:none;padding:0}.ops-followup-body ol>li{background:color-mix(in srgb,var(--surface-sunken) 72%,var(--card-bg));border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));border-radius:var(--radius-sm);margin:0;padding:10px 12px 10px 36px;position:relative}.ops-followup-body ol>li:before{background:color-mix(in srgb,var(--primary-color) 18%,#0000);border-radius:50%;color:var(--primary-color);content:counter(ops-followup-step);counter-increment:ops-followup-step;display:grid;font-size:.68rem;font-weight:800;height:18px;left:11px;place-items:center;position:absolute;top:9px;width:18px}.ops-followup-body ol>li::marker{content:""}.activity-feed-panel .activity-scope-tab[aria-selected=false]{color:var(--text-color)!important}.activity-feed-panel .activity-scope-tab[aria-selected=true]{color:var(--button-text)!important}.activity-feed-panel .activity-scope-tab[aria-selected=false]:hover{color:var(--text-color)!important}.ferrofluid-container{height:100%;overflow:hidden;position:relative;width:100%}.ferrofluid-container canvas{display:block;height:100%;width:100%}.pigeon-marketing{--pigeon-orange:#ff8a1f;--pigeon-orange-light:#ffc184;--pigeon-ink:#0b0907;--pigeon-panel:#17110c;--pigeon-cream:#fff0e2;--pigeon-muted:#ad9a8b;background:var(--pigeon-ink);color:var(--pigeon-cream);font-family:Inter,Arial,sans-serif;font-family:var(--font-family,Inter,Arial,sans-serif);overflow:clip}.pigeon-marketing *{box-sizing:border-box}.pigeon-marketing em{color:var(--pigeon-orange-light);font-style:normal}.pigeon-marketing a{color:inherit}body.pigeon-marketing-body{scrollbar-color:#4e3522 #0b0907;scrollbar-width:thin}body.pigeon-marketing-body::-webkit-scrollbar{width:8px}body.pigeon-marketing-body::-webkit-scrollbar-thumb{background:#4e3522;border-radius:10px}body.pigeon-marketing-body::-webkit-scrollbar-thumb:hover{background:#ff8a1f}.pigeon-scroll-progress{background:#ffcc991a;height:3px;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;transform:translateZ(0);z-index:60}.pigeon-scroll-progress>div{background:linear-gradient(90deg,#ff7e17,#ffc184);box-shadow:0 0 11px #ff8a1fb8;height:100%;transform-origin:0 50%;width:100%}.pigeon-marketing-nav{align-items:center;border-bottom:1px solid #0000;display:flex;height:72px;justify-content:space-between;left:0;padding:0 clamp(20px,5vw,72px);position:fixed;right:0;top:0;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s;transition:background .25s,border-color .25s,backdrop-filter .25s;transition:background .25s,border-color .25s,backdrop-filter .25s,-webkit-backdrop-filter .25s;z-index:50}.pigeon-marketing-nav.is-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0907bd;border-color:#ffc18426}.pigeon-wordmark{align-items:center;color:var(--pigeon-cream);display:inline-flex;font-size:18px;font-weight:800;gap:8px;letter-spacing:-.04em;text-decoration:none}.pigeon-wordmark span{background:var(--pigeon-orange);border-radius:7px 7px 11px 7px;color:#241000;display:grid;font-family:Georgia,serif;font-size:17px;height:25px;place-items:center;width:25px}.pigeon-desktop-nav{display:flex;gap:29px}.pigeon-desktop-nav a,.pigeon-sign-in{color:var(--pigeon-muted);font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}.pigeon-desktop-nav a:hover,.pigeon-sign-in:hover{color:var(--pigeon-cream)}.pigeon-nav-actions{align-items:center;display:flex;gap:20px}.pigeon-button{align-items:center;background:var(--pigeon-orange);border:1px solid #0000;border-radius:8px;box-shadow:0 10px 28px #ff71102e;color:#281000;display:inline-flex;font-size:12px;font-weight:800;gap:9px;justify-content:center;min-height:43px;padding:0 16px;text-decoration:none}.pigeon-button--secondary{background:hsla(0,0%,100%,.025);border-color:#ffd0a438;box-shadow:none;color:var(--pigeon-cream)}.pigeon-menu-button,.pigeon-mobile-menu{display:none}.pigeon-hero{align-items:center;background:radial-gradient(ellipse at 50% 50%,#ff8a1f24,#0000 36%),linear-gradient(#0b0907,#090806);display:flex;isolation:isolate;justify-content:center;min-height:100svh;overflow:hidden;padding:150px 24px 82px;position:relative;text-align:center}.pigeon-hero:before,.pigeon-section:before{background-image:linear-gradient(#ffbe820a 1px,#0000 0),linear-gradient(90deg,#ffbe820a 1px,#0000 0);background-size:58px 58px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#0000,#000 14%,#000 86%,#0000);mask-image:linear-gradient(180deg,#0000,#000 14%,#000 86%,#0000);opacity:.4;position:absolute;z-index:-1}.pigeon-hero-copy{max-width:970px}.pigeon-announcement{background:#ff8a1f17;border:1px solid #ffb96f42;color:var(--pigeon-orange-light);font-size:11px;font-weight:700;gap:8px;margin-bottom:26px;padding:5px 5px 5px 11px;text-decoration:none}.pigeon-announcement,.pigeon-announcement b{align-items:center;border-radius:999px;display:inline-flex}.pigeon-announcement b{background:var(--pigeon-orange);color:#2b1101;gap:3px;padding:5px 7px}.pigeon-final-cta h2,.pigeon-hero h1,.pigeon-section h2{font-size:clamp(3.4rem,7.5vw,7.5rem);font-weight:750;letter-spacing:-.075em;line-height:.9;margin:0}.pigeon-hero-copy>p{color:var(--pigeon-muted);font-size:clamp(1rem,1.5vw,1.17rem);line-height:1.65;margin:28px auto 0;max-width:600px}.pigeon-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.pigeon-trusted{bottom:76px;color:var(--pigeon-muted);font-size:10px;font-weight:700;left:0;letter-spacing:.1em;position:absolute;right:0;text-transform:uppercase}.pigeon-trusted>div{margin:12px auto 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12%,#000 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12%,#000 88%,#0000);overflow:hidden;width:min(640px,88vw)}.pigeon-trusted>div div{animation:pigeon-marquee 20s linear infinite;display:flex;gap:37px;width:-webkit-max-content;width:max-content}.pigeon-trusted b{color:#d1b9a5;font-size:13px;letter-spacing:-.02em;text-transform:lowercase}.pigeon-scroll-cue{align-items:center;bottom:23px;color:#8b7562;display:inline-flex;font-size:9px;font-weight:700;gap:8px;letter-spacing:.12em;position:absolute;text-decoration:none;text-transform:uppercase}.pigeon-scroll-cue svg{animation:pigeon-bounce 1.7s ease-in-out infinite;color:var(--pigeon-orange)}.pigeon-section{margin:0 auto;max-width:1240px;padding:132px clamp(24px,6vw,80px);position:relative}.pigeon-section-heading{margin-bottom:55px;max-width:690px}.pigeon-section-heading h2{font-size:clamp(2.7rem,5.6vw,5.6rem)}.pigeon-section-heading>p:last-child{color:var(--pigeon-muted);line-height:1.65;margin:20px 0 0;max-width:460px}.pigeon-centered-heading{text-align:center}.pigeon-centered-heading,.pigeon-centered-heading>p:last-child{margin-left:auto;margin-right:auto}.pigeon-kicker{color:var(--pigeon-orange-light);font:800 10px/1 ui-monospace,monospace;letter-spacing:.15em;margin:0 0 15px;text-transform:uppercase}.pigeon-demo-section{max-width:1350px}.pigeon-demo{background:#100d0a;border:1px solid #ffc3823d;border-radius:16px;box-shadow:0 32px 90px #0000006b,0 0 44px #ff7d1212;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;text-align:left}.pigeon-demo-sidebar{background:linear-gradient(180deg,#171009,#100c08);border-right:1px solid #ffca911f;display:flex;flex-direction:column;min-height:475px;padding:15px 10px 48px;position:relative}.pigeon-demo-sidebar-title{align-items:center;color:#ddc5ad;display:flex;font:700 10px/1 ui-monospace,monospace;gap:8px;padding:7px 9px 16px}.pigeon-demo-sidebar-title span{color:#766354;font-size:8px;font-weight:500;margin-left:auto}.pigeon-demo-sidebar button{grid-gap:8px;background:#0000;border:0;border-radius:6px;color:#9d8978;cursor:pointer;display:grid;font:600 10px/1.2 ui-monospace,monospace;gap:8px;grid-template-columns:39px 1fr 5px;padding:11px 8px;position:relative;text-align:left;transition:background .2s,color .2s,transform .2s;width:100%}.pigeon-demo-sidebar button:hover{background:#ff8a1f0d;color:#e8cfb5}.pigeon-demo-sidebar button.is-active{background:linear-gradient(90deg,#ff8a1f2b,#ff8a1f0a);color:#ffe2c3}.pigeon-demo-sidebar button.is-active i{align-self:center;background:var(--pigeon-orange);border-radius:50%;box-shadow:0 0 9px var(--pigeon-orange);height:4px;width:4px}.pigeon-demo-sidebar b,.pigeon-method-select{border-radius:4px;font:800 8px/1 ui-monospace,monospace;padding:4px 5px}.pigeon-demo-sidebar-footer{align-items:center;bottom:15px;color:#a8927b;display:flex;font:700 9px ui-monospace,monospace;gap:7px;left:18px;position:absolute;right:15px}.pigeon-demo-sidebar-footer span{background:#71df9d;border-radius:50%;box-shadow:0 0 10px #71df9da6;height:6px;width:6px}.method-get{background:#4bca8f1f;color:#72dfac}.method-post{background:#ff8a1f1f;color:#ffba78}.method-put{background:#6095ff21;color:#92bfff}.method-delete{background:#ff69611f;color:#ff8d8a}.pigeon-demo-main{background:radial-gradient(circle at 94% 0,#ff8a1f12,#0000 22%),#110d0a;min-width:0}.pigeon-demo-windowbar{align-items:center;border-bottom:1px solid #ffca9117;color:#7f6d5e;display:flex;font:700 9px ui-monospace,monospace;gap:12px;height:34px;padding:0 14px}.pigeon-demo-windowbar>span{display:flex;gap:4px}.pigeon-demo-windowbar i{background:#5c4635;border-radius:50%;height:5px;width:5px}.pigeon-demo-windowbar i:first-child{background:#e36b57}.pigeon-demo-windowbar i:nth-child(2){background:#dca348}.pigeon-demo-windowbar i:nth-child(3){background:#64bf82}.pigeon-demo-windowbar b{color:#bba793;font-weight:600}.pigeon-demo-windowbar small{color:#716052;font-size:8px;font-weight:400;margin-left:auto}.pigeon-demo-topbar{border-bottom:1px solid #ffca911c;display:flex;gap:8px;padding:14px}.pigeon-method-select{align-items:center;border:0;display:inline-flex;gap:4px}.pigeon-demo-topbar input{background:#1b140e;border:1px solid #ffca9124;border-radius:5px;color:#efd4bb;flex:1 1;font:11px ui-monospace,monospace;min-width:0;padding:0 10px}.pigeon-send{align-items:center;background:var(--pigeon-orange);border:0;border-radius:5px;box-shadow:0 7px 18px #ff8a1f2e;color:#2a1000;cursor:pointer;display:inline-flex;font-size:11px;font-weight:800;gap:6px;padding:0 13px}.pigeon-send:disabled{opacity:.75}.pigeon-spinner{animation:pigeon-spin .7s linear infinite;border:2px solid #2711004d;border-radius:50%;border-top-color:#261000;height:11px;width:11px}.pigeon-demo-tabs{border-bottom:1px solid #ffca911c;display:flex;gap:22px;padding:0 17px}.pigeon-demo-tabs button{background:#0000;border:0;color:#8e7968;cursor:pointer;font:700 10px/1 ui-monospace,monospace;padding:14px 0 11px;position:relative}.pigeon-demo-tabs button.is-active{color:var(--pigeon-orange-light)}.pigeon-demo-tabs button.is-active:after{background:var(--pigeon-orange);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.pigeon-demo-editor{background:linear-gradient(90deg,hsla(0,0%,100%,.018),#0000),repeating-linear-gradient(0deg,#0000 0 27px,rgba(255,219,185,.025) 28px);color:#ead3bb;display:grid;font:12px/1.7 ui-monospace,monospace;grid-template-columns:34px 1fr;min-height:166px;padding:18px 20px;position:relative}.pigeon-demo-editor pre{font:inherit;margin:0;min-height:84px;padding:0;white-space:pre-wrap}.pigeon-editor-gutter{color:#5e4d40;display:flex;flex-direction:column;font-size:10px;line-height:20.4px;padding-top:1px;-webkit-user-select:none;user-select:none}.pigeon-type-cursor{animation:pigeon-caret .9s steps(1) infinite;background:var(--pigeon-orange);display:inline-block;height:13px;margin-left:2px;vertical-align:-2px;width:7px}.pigeon-editor-hint{align-items:center;bottom:12px;color:#896d54;display:inline-flex;font-size:8px;gap:5px;letter-spacing:.03em;position:absolute;right:17px}.pigeon-editor-hint svg{color:var(--pigeon-orange)}.pigeon-response{background:linear-gradient(90deg,rgba(75,202,143,.025),#0000 45%);border-top:1px solid #ffca911c;min-height:215px;overflow:hidden;position:relative}.pigeon-response.is-sending:after{animation:pigeon-response-scan 1.2s linear infinite;background:linear-gradient(105deg,#0000 30%,#ffc18414 50%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.pigeon-response-heading{align-items:center;border-bottom:1px solid #ffca9114;color:#af9985;display:flex;font:700 10px/1 ui-monospace,monospace;gap:10px;padding:12px 19px;position:relative;z-index:1}.pigeon-response-heading b{align-items:center;background:#4bca8f1c;border-radius:4px;color:#7be5aa;display:inline-flex;gap:4px;padding:5px 6px}.pigeon-response-heading small:last-child{margin-left:auto}.pigeon-sending{align-items:center;color:#ffc184;display:inline-flex;gap:5px}.pigeon-sending i{animation:pigeon-pulse 1s infinite;background:var(--pigeon-orange);border-radius:50%;height:5px;width:5px}.pigeon-response>pre{color:#b7e6c5;font:11px/1.65 ui-monospace,monospace;margin:0;min-height:96px;padding:16px 20px;position:relative;white-space:pre-wrap;z-index:1}.pigeon-response-empty{align-items:center;bottom:0;color:#766554;display:flex;gap:8px;left:0;padding:0 20px 20px;position:absolute;right:0}.pigeon-response-empty span{background:#ff8a1f14;border-radius:5px;color:#bd8759;display:grid;height:22px;place-items:center;width:22px}.pigeon-response-empty p{font-size:10px;margin:0}.pigeon-feature-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}.pigeon-feature-card{grid-column:span 2}.pigeon-feature-card.wide{grid-column:span 3}.pigeon-feature-card>div{background:linear-gradient(145deg,#17110c,#0e0b08);border:1px solid #ffc99329;border-radius:12px;min-height:245px;overflow:hidden;padding:25px;position:relative;transition:border-color .25s}.pigeon-feature-card>div:hover{border-color:#ffa44ba6}.pigeon-feature-icon{color:var(--pigeon-orange);font-size:22px}.pigeon-feature-card h3{font-size:19px;letter-spacing:-.035em;margin:32px 0 10px;max-width:23ch}.pigeon-feature-card p{color:var(--pigeon-muted);font-size:13px;line-height:1.55;margin:0;max-width:30ch}.pigeon-latency-graph{bottom:19px;color:#8c7969;font:700 9px ui-monospace,monospace;left:23px;position:absolute;right:23px}.pigeon-latency-graph svg{display:block;height:67px;margin-top:6px;overflow:visible;width:100%}.pigeon-latency-graph path{fill:none;stroke:var(--pigeon-orange);stroke-width:2;stroke-dasharray:460;animation:pigeon-draw 3s ease-in-out infinite alternate}.pigeon-latency-graph circle{fill:var(--pigeon-orange-light);animation:pigeon-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 5px #ff8a1f)}.pigeon-latency-graph small{color:#74dca1}.pigeon-test-runner{grid-gap:8px;display:grid;gap:8px;margin-top:22px}.pigeon-test-runner span{align-items:center;animation:pigeon-test 2.4s var(--test-delay) infinite;background:#4bca8f0f;border-radius:4px;color:#93dcae;display:flex;font:10px ui-monospace,monospace;gap:6px;padding:7px}.pigeon-test-runner svg{color:#64dc98}.pigeon-workflow{max-width:1110px}.pigeon-workflow-list{grid-gap:22px;display:grid;gap:22px;position:relative}.pigeon-workflow-line{background:linear-gradient(var(--pigeon-orange),#ff8a1f1a);bottom:16px;left:50%;position:absolute;top:16px;transform-origin:top;width:1px}.pigeon-workflow-step{grid-gap:12%;align-items:center;display:grid;gap:12%;grid-template-columns:1fr 1fr;min-height:240px}.pigeon-workflow-copy{position:relative}.pigeon-workflow-copy>span{color:#ffbe827a;font:700 11px ui-monospace,monospace;letter-spacing:.12em}.pigeon-workflow-copy h3{font-size:clamp(1.8rem,3.2vw,3rem);letter-spacing:-.05em;margin:13px 0}.pigeon-workflow-copy p{color:var(--pigeon-muted);line-height:1.65;margin:0;max-width:360px}.pigeon-workflow-card{background:linear-gradient(145deg,#20150d,#120d09);border:1px solid #ffbf7e40;border-radius:10px;box-shadow:0 16px 42px #00000040;color:var(--pigeon-orange-light);display:flex;flex-direction:column;justify-content:center;min-height:130px;overflow:hidden;padding:23px;position:relative}.pigeon-workflow-card b{font-size:28px;letter-spacing:-.05em}.pigeon-workflow-card small{color:#aa9581;font:10px ui-monospace,monospace;margin-top:5px}.pigeon-workflow-card i{background:#ffa95433;height:1px;position:absolute;right:-10px;transform:rotate(-35deg);width:58%}.pigeon-workflow-card i:first-of-type{top:20px}.pigeon-workflow-card i:nth-of-type(2){top:55px}.pigeon-workflow-card i:nth-of-type(3){top:90px}.pigeon-testimonials{max-width:1320px}.pigeon-quote-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.pigeon-quote-grid figure{background:#15100c;border:1px solid #ffca9126;border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;margin:0;min-height:265px;padding:24px}.pigeon-quote-grid blockquote{color:#f1d9c5;font-size:17px;letter-spacing:-.025em;line-height:1.45;margin:0}.pigeon-quote-grid figcaption{align-items:end;color:var(--pigeon-cream);display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-top:24px}.pigeon-quote-grid figcaption small{color:var(--pigeon-muted);display:block;font-size:10px;font-weight:400;margin-top:5px}.pigeon-quote-grid figcaption b{color:var(--pigeon-orange-light);font-size:11px}.pigeon-final-cta{background:radial-gradient(circle at 50% 0,#ff8a1f33,#0000 37%),#1a1009;border:1px solid #ffbe8252;border-radius:16px;margin:40px auto 112px;max-width:1120px;overflow:hidden;padding:90px 40px;position:relative;text-align:center}.pigeon-final-cta:after{animation:pigeon-beam 4.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd3a729,#0000);bottom:0;content:"";position:absolute;top:0;transform:skewX(-25deg);width:20%}.pigeon-final-cta>div{position:relative;z-index:1}.pigeon-final-cta h2{font-size:clamp(3rem,6vw,5.8rem);margin:auto;max-width:760px}.pigeon-final-cta h2+p{color:var(--pigeon-muted);line-height:1.6;margin:20px auto 0;max-width:485px}.pigeon-marketing-footer{background:#080706;border-top:1px solid #ffca911f;color:var(--pigeon-muted);padding:70px clamp(24px,6vw,80px) 26px}.pigeon-footer-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr repeat(4,1fr);margin:auto;max-width:1260px}.pigeon-footer-grid p{font-size:12px;line-height:1.6;max-width:250px}.pigeon-social{align-items:center;color:var(--pigeon-cream);display:inline-flex;font-size:12px;font-weight:700;gap:7px;margin-top:4px;text-decoration:none}.pigeon-footer-grid h3{color:var(--pigeon-cream);font-size:10px;letter-spacing:.09em;margin:3px 0 14px;text-transform:uppercase}.pigeon-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.pigeon-footer-grid>div:not(:first-child) a{color:var(--pigeon-muted);font-size:12px;text-decoration:none}.pigeon-footer-grid>div:not(:first-child) a:hover{color:var(--pigeon-orange-light)}.pigeon-footer-bottom{border-top:1px solid #ffca911f;display:flex;font-size:10px;justify-content:space-between;margin:55px auto 0;max-width:1260px;padding-top:24px}@keyframes pigeon-marquee{to{transform:translateX(-50%)}}@keyframes pigeon-bounce{50%{transform:translateY(5px)}}@keyframes pigeon-spin{to{transform:rotate(1turn)}}@keyframes pigeon-draw{0%{stroke-dashoffset:170}to{stroke-dashoffset:0}}@keyframes pigeon-pulse{50%{opacity:.5;transform:scale(1.6)}}@keyframes pigeon-test{0%,10%{opacity:.3;transform:translateX(-4px)}22%,to{opacity:1;transform:translateX(0)}}@keyframes pigeon-beam{0%,45%{left:-30%}60%,to{left:120%}}@keyframes pigeon-caret{50%{opacity:0}}@keyframes pigeon-response-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pigeon-latency-glow{50%{opacity:.62}}@media (max-width:760px){.pigeon-marketing-nav{height:62px}.pigeon-desktop-nav,.pigeon-nav-actions{display:none}.pigeon-menu-button{background:none;border:0;color:var(--pigeon-cream);display:grid;font-size:23px;padding:6px;place-items:center}.pigeon-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#160f0af5;border:1px solid #ffc48733;border-radius:10px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;gap:3px;left:12px;padding:14px;position:absolute;right:12px;top:62px}.pigeon-mobile-menu>a:not(.pigeon-button){color:var(--pigeon-cream);font-size:14px;font-weight:700;padding:13px;text-decoration:none}.pigeon-mobile-menu .pigeon-button{margin-top:8px}.pigeon-hero{min-height:750px;padding-top:115px}.pigeon-hero h1{font-size:clamp(3.25rem,14vw,5.2rem)}.pigeon-trusted{bottom:68px}.pigeon-demo{grid-template-columns:1fr}.pigeon-demo-sidebar{border-bottom:1px solid #ffca911f;border-right:0;display:flex;overflow-x:auto;padding:10px}.pigeon-demo-sidebar-title{display:none}.pigeon-demo-sidebar button{display:flex;flex:0 0 auto;width:auto}.pigeon-demo-sidebar button span{display:none}.pigeon-demo-topbar{padding:10px}.pigeon-demo-topbar input{font-size:9px}.pigeon-demo-editor{min-height:110px}.pigeon-feature-grid{grid-template-columns:1fr}.pigeon-feature-card,.pigeon-feature-card.wide{grid-column:auto}.pigeon-workflow-line{left:7px}.pigeon-workflow-step{gap:19px;padding-left:25px}.pigeon-quote-grid,.pigeon-workflow-step{grid-template-columns:1fr}.pigeon-final-cta{margin:20px 16px 80px;padding:70px 24px}.pigeon-footer-grid{grid-template-columns:1fr 1fr}.pigeon-footer-grid>:first-child{grid-column:1/-1}.pigeon-footer-bottom{flex-direction:column;gap:10px}.pigeon-section{padding-bottom:90px;padding-top:90px}}@media (prefers-reduced-motion:reduce){.pigeon-marketing *,.pigeon-marketing :after,.pigeon-marketing :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.pigeon-hero{flex-direction:column;justify-content:flex-start}.pigeon-hero-content{align-items:center;display:flex;flex-direction:column;position:relative;width:min(1240px,100%);z-index:1}.pigeon-hero .pigeon-demo-section{margin:0;max-width:1350px;padding:48px 0 0;scroll-margin-top:28px;width:100%}.pigeon-hero .pigeon-demo-section:before{display:none}.pigeon-hero .pigeon-demo-section .pigeon-section-heading{margin-bottom:30px}.pigeon-hero .pigeon-demo-section .pigeon-section-heading h2{font-size:clamp(2.5rem,5vw,5rem)}.pigeon-hero .pigeon-demo-section .pigeon-section-heading>p:last-child{margin-top:16px}.pigeon-hero .pigeon-demo{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 58%,#000000e6 72%,#0000);mask-image:linear-gradient(180deg,#000 0,#000 58%,#000000e6 72%,#0000);width:100%}.pigeon-hero .pigeon-trusted{bottom:auto;left:auto;margin-top:48px;position:relative;right:auto;z-index:1}.pigeon-hero .pigeon-scroll-cue{bottom:auto;margin-top:26px;position:relative;z-index:1}@media (max-width:760px){.pigeon-hero{min-height:100svh;padding-bottom:54px}.pigeon-hero .pigeon-demo-section{padding-top:34px}.pigeon-hero .pigeon-demo-section .pigeon-section-heading{margin-bottom:24px}.pigeon-hero .pigeon-demo-section .pigeon-section-heading h2{font-size:clamp(2.3rem,10vw,3.6rem)}.pigeon-hero .pigeon-demo{-webkit-mask-image:none;mask-image:none}.pigeon-hero .pigeon-trusted{margin-top:38px}}.pigeon-demo .method-put{background:linear-gradient(135deg,#528fff40,#528fff1a)!important;border:1px solid #85b2ff33!important;box-shadow:inset 0 1px #ffffff14;color:#9fc8ff!important}.pigeon-demo .pigeon-send{background:linear-gradient(135deg,#ffa14b,#ff7e17);border:1px solid #ffdaad66;border-radius:7px;box-shadow:inset 0 1px #ffffff4d,0 7px 18px #ff8a1f33;color:#291000;font-family:ui-monospace,monospace;letter-spacing:.01em;min-height:32px;min-width:82px;padding:0 14px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.pigeon-demo .pigeon-send:hover:not(:disabled){box-shadow:inset 0 1px #fff6,0 10px 22px #ff8a1f47;filter:brightness(1.08);transform:translateY(-1px)}.pigeon-demo .pigeon-send:active:not(:disabled){transform:translateY(1px) scale(.98)}.pigeon-demo .pigeon-send:focus-visible{outline:2px solid #ffd1a2;outline-offset:2px}.pigeon-demo .pigeon-send:disabled{background:#d47b36;border-color:#ffdaad38;color:#291000b8}.pigeon-demo{grid-template-columns:250px minmax(0,1fr)}.pigeon-demo-sidebar{padding:14px 10px 47px}.pigeon-demo-sidebar-title{padding:8px 10px 17px}.pigeon-demo-sidebar button{align-items:center;border-radius:7px;grid-template-columns:43px minmax(0,1fr);min-height:44px;padding:7px 10px}.pigeon-demo-sidebar button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pigeon-demo-sidebar button>i{display:none}.pigeon-demo-sidebar button.is-active{background:linear-gradient(90deg,#ff8a1f26,rgba(255,138,31,.035));box-shadow:inset 2px 0 var(--pigeon-orange),inset 0 1px #ffdcba0f;color:#fff0df}.pigeon-demo-sidebar button.is-active i{display:none}.pigeon-demo-sidebar b{align-items:center;display:inline-flex;font-size:7px;justify-content:center;letter-spacing:-.01em;min-height:20px;padding:0 4px;width:39px}.pigeon-demo-sidebar-footer{left:20px;right:18px}@media (max-width:760px){.pigeon-demo{grid-template-columns:1fr}.pigeon-demo-sidebar button{display:flex;min-height:32px;padding:6px 8px}.pigeon-demo-sidebar button>span,.pigeon-demo-sidebar-footer{display:none}}.pigeon-feature-card.graph h3{margin-top:25px;max-width:44%}.pigeon-feature-card.graph p{max-width:44%}.pigeon-feature-card.graph .pigeon-latency-graph{bottom:25px;left:auto;right:24px;width:48%}.pigeon-latency-graph>svg{display:block;height:67px;margin-top:6px;overflow:visible;width:100%}.pigeon-latency-graph small{align-items:center;display:inline-flex;gap:5px}.pigeon-latency-graph small svg{color:#dca16b;display:inline-block;height:11px;margin:0;overflow:visible;width:11px}.pigeon-latency-graph>svg path{fill:none;stroke:var(--pigeon-orange);stroke-width:2}.pigeon-latency-graph>svg circle{fill:var(--pigeon-orange-light);animation:pigeon-latency-glow 1.8s ease-in-out infinite;filter:drop-shadow(0 0 5px #ff8a1f)}@media (max-width:760px){.pigeon-feature-card.graph h3,.pigeon-feature-card.graph p{max-width:72%}.pigeon-feature-card.graph .pigeon-latency-graph{width:58%}}.pigeon-hero:before{z-index:-2}.pigeon-hero-fluid{inset:0;-webkit-mask-image:radial-gradient(ellipse 58% 70% at 50% 48%,#0000 0,#00000026 38%,#000 82%);mask-image:radial-gradient(ellipse 58% 70% at 50% 48%,#0000 0,#00000026 38%,#000 82%);opacity:.9;pointer-events:none;position:absolute;z-index:-1}@media (max-width:760px){.pigeon-hero-fluid{-webkit-mask-image:radial-gradient(ellipse 74% 68% at 50% 48%,#0000 0,#0000001f 42%,#000 88%);mask-image:radial-gradient(ellipse 74% 68% at 50% 48%,#0000 0,#0000001f 42%,#000 88%);opacity:.65}}@property --pigeon-demo-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pigeon-demo{isolation:isolate;position:relative}.pigeon-demo:after{animation:pigeon-demo-border-orbit 5.5s linear infinite;background:conic-gradient(from var(--pigeon-demo-border-angle),#0000 0deg,#0000 290deg,#ff8a1f2e 310deg,#ffd09a 326deg,#ff8a1f 338deg,#ff8a1f2e 350deg,#0000 1turn);border-radius:inherit;content:"";filter:drop-shadow(0 0 5px rgba(255,138,31,.62)) drop-shadow(0 0 13px rgba(255,138,31,.26));inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:3}@keyframes pigeon-demo-border-orbit{to{--pigeon-demo-border-angle:360deg}}@media (prefers-reduced-motion:reduce){.pigeon-demo:after{animation:none}}.pigeon-demo{--pigeon-demo-border-angle:0deg;animation:pigeon-demo-border-orbit 3.8s linear infinite,pigeon-demo-border-pulse 2.6s ease-in-out infinite;background:linear-gradient(#100d0a,#100d0a) padding-box,conic-gradient(from var(--pigeon-demo-border-angle),#ffc3822e 0deg,#ffc3822e 274deg,#ff8a1f6b 294deg,#ffb15e 308deg,#fff3df 322deg,#ff8a1f 335deg,#ff8a1f7a 348deg,#ffc3822e 1turn) border-box;border-color:#0000;box-shadow:0 32px 90px #0000006b,0 0 22px #ff7d1233,0 0 48px #ff8a1f21,inset 0 0 20px rgba(255,138,31,.025)}.pigeon-demo:after{display:none}@keyframes pigeon-demo-border-pulse{50%{box-shadow:0 32px 90px #0000006b,0 0 30px #ff7d124f,0 0 68px #ff8a1f33,inset 0 0 26px #ff8a1f0a}}@media (prefers-reduced-motion:reduce){.pigeon-demo{animation:none}}.pigeon-workflow-list{gap:14px}.pigeon-workflow-step{gap:10%;min-height:198px}.pigeon-workflow-copy{max-width:410px}.pigeon-workflow-copy h3{font-size:clamp(1.65rem,2.7vw,2.65rem);line-height:1.03;margin:11px 0;max-width:12ch}.pigeon-workflow-card{background:radial-gradient(circle at 100% 0,#ff8a1f24,#0000 42%),linear-gradient(145deg,#21160e,#120d09 78%);border-color:#ffbf7e4f;box-shadow:0 18px 42px #00000047,inset 0 1px #ffe0bf0d;justify-content:flex-start;min-height:172px;padding:20px 22px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pigeon-workflow-step:hover .pigeon-workflow-card{border-color:#ffae5cb3;box-shadow:0 20px 52px #00000057,0 0 26px #ff8a1f1a;transform:translateY(-3px)}.pigeon-workflow-card-top{align-items:center;display:flex;gap:9px;min-height:25px}.pigeon-workflow-card-top>span{background:linear-gradient(135deg,#ffbe7a,#ff7e17);border-radius:6px;box-shadow:0 5px 14px #ff8a1f33;color:#2a1202;display:grid;height:25px;place-items:center;width:25px}.pigeon-workflow-card-top svg{height:13px;width:13px}.pigeon-workflow-card-top small{color:#b99a7d;font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.04em;margin:0;text-transform:uppercase}.pigeon-workflow-card>b{color:#ffe0bf;font-size:clamp(1.25rem,1.7vw,1.65rem);letter-spacing:-.045em;margin-top:16px}.pigeon-workflow-features{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px}.pigeon-workflow-features span{background:#ffb96f12;border:1px solid #ffc48726;border-radius:4px;color:#d9b995;font:700 8px/1 ui-monospace,monospace;padding:5px 7px}.pigeon-workflow-card i{display:none}@media (max-width:760px){.pigeon-workflow-step{min-height:0}.pigeon-workflow-copy h3{max-width:none}.pigeon-workflow-card{min-height:156px}}.pigeon-testimonials{display:none}.pigeon-capability-strip{margin:0 auto;max-width:1240px;padding:46px clamp(24px,6vw,80px) 8px}.pigeon-capability-strip>div{grid-gap:30px;align-items:center;background:linear-gradient(90deg,#ffa64f17,rgba(255,181,112,.022) 46%,rgba(255,181,112,.045));border:1px solid #ffc9932b;border-radius:10px;box-shadow:inset 0 1px #ffefda0a;display:grid;gap:30px;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);overflow:hidden;padding:23px 26px}.pigeon-capability-strip p{border-right:1px solid #ffca9129;color:#e9c5a3;font:800 10px/1.45 ui-monospace,monospace;letter-spacing:.08em;margin:0;max-width:20ch;padding-right:25px;text-align:left;text-transform:uppercase}.pigeon-capability-strip div>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;width:100%}.pigeon-capability-strip span{align-items:center;background:rgba(255,176,98,.075);border:1px solid #ffc18433;border-radius:999px;box-shadow:inset 0 1px rgba(255,240,220,.045);color:#f0cda9;display:inline-flex;font:800 9px/1 ui-monospace,monospace;min-height:29px;padding:0 11px}.pigeon-explorer{max-width:1320px}.pigeon-product-explorer{background:linear-gradient(145deg,#ffa65114,#0000 36%),#120e0a;border:1px solid #ffc48733;border-radius:16px;box-shadow:0 28px 75px #00000047;overflow:hidden}.pigeon-product-tabs{grid-gap:5px;border-bottom:1px solid #ffca911f;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);padding:8px}.pigeon-product-tabs button{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#987e67;cursor:pointer;display:inline-flex;font:800 10px/1 ui-monospace,monospace;gap:7px;justify-content:center;min-height:40px;padding:0 12px;transition:color .2s,background .2s,border-color .2s}.pigeon-product-tabs button:hover{background:#ff9b3e0f;color:#f4d8be}.pigeon-product-tabs button.is-active{background:linear-gradient(135deg,#ffc181,#ff851d);border-color:#ffdeb980;box-shadow:0 7px 18px #ff80182e;color:#2d1403}.pigeon-product-tabs button:focus-visible{outline:2px solid #ffe0bc;outline-offset:2px}.pigeon-product-panel{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);min-height:385px}.pigeon-product-copy{border-right:1px solid #ffca911c;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,52px)}.pigeon-product-copy>span{align-items:center;color:var(--pigeon-orange-light);display:inline-flex;font:800 9px/1 ui-monospace,monospace;gap:7px;letter-spacing:.09em;text-transform:uppercase}.pigeon-product-copy h3{color:#ffead5;font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.055em;line-height:1;margin:18px 0 14px;max-width:11ch}.pigeon-product-copy p{color:var(--pigeon-muted);font-size:13px;line-height:1.65;margin:0;max-width:37ch}.pigeon-product-copy>div{grid-gap:8px;display:grid;gap:8px;margin-top:25px}.pigeon-product-copy b{align-items:center;color:#d9c0aa;display:inline-flex;font:700 10px/1 ui-monospace,monospace;gap:7px}.pigeon-product-copy b svg{color:#74dca1}.pigeon-product-preview{background:radial-gradient(circle at 85% 5%,#ff8a1f1c,#0000 34%),linear-gradient(135deg,#18110c,#100c09);display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:clamp(20px,3.5vw,38px);position:relative}.pigeon-product-preview:before{background-image:linear-gradient(rgba(255,200,145,.035) 1px,#0000 0),linear-gradient(90deg,rgba(255,200,145,.035) 1px,#0000 0);background-size:34px 34px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute}.pigeon-check-list,.pigeon-monitor-grid,.pigeon-network-map,.pigeon-preview-chips,.pigeon-preview-topbar,.pigeon-workspace-preview{position:relative;z-index:1}.pigeon-preview-topbar{align-items:center;border-bottom:1px solid #ffca911c;color:#8e7561;display:flex;font:700 9px/1 ui-monospace,monospace;justify-content:space-between;padding-bottom:17px}.pigeon-preview-topbar span{align-items:center;color:#ddbea0;display:inline-flex;gap:7px}.pigeon-preview-topbar span svg{color:var(--pigeon-orange)}.pigeon-preview-topbar b{color:#836f5d;font-size:8px;font-weight:700}.pigeon-preview-topbar b.is-live{color:#77dfa3}.pigeon-workspace-preview{background:#00000024;border:1px solid #ffca911a;border-radius:8px;display:grid;flex:1 1;grid-template-columns:150px 1fr;margin-top:16px;min-height:196px;overflow:hidden}.pigeon-workspace-preview aside{background:rgba(255,185,111,.025);border-right:1px solid #ffca9117;display:flex;flex-direction:column;gap:7px;padding:15px 10px}.pigeon-workspace-preview small{color:#7e6957;font:700 8px/1 ui-monospace,monospace}.pigeon-workspace-preview aside b{border-radius:4px;color:#9d8771;font:700 8px/1 ui-monospace,monospace;padding:7px}.pigeon-workspace-preview aside b.is-selected{background:#ff8a1f24;box-shadow:inset 2px 0 var(--pigeon-orange);color:#ffe0c0}.pigeon-workspace-preview>div{padding:17px}.pigeon-workspace-preview pre{color:#f6d3b0;font:10px/1.7 ui-monospace,monospace;margin:15px 0}.pigeon-workspace-preview>div>span{color:#83dba4;font:700 9px ui-monospace,monospace}.pigeon-network-map{background:radial-gradient(circle at 50% 48%,#ff8a1f14,#0000 35%);flex:1 1;margin-top:16px;min-height:196px;overflow:hidden}.pigeon-network-map:after,.pigeon-network-map:before{background:linear-gradient(90deg,#0000,#ffaf5c80,#0000);content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(28deg);width:300px}.pigeon-network-map:after{transform:translate(-50%,-50%) rotate(-24deg)}.pigeon-network-map .node{background:#1b120c;border:1px solid #ffc28242;border-radius:5px;box-shadow:0 8px 20px #00000040;color:#e6c19f;display:grid;font:700 8px ui-monospace,monospace;font-style:normal;min-height:28px;min-width:64px;padding:0 8px;place-items:center;position:absolute}.pigeon-network-map .node--main{background:#ff9b43;color:#2d1303;left:42%;top:42%}.node--one{left:15%;top:16%}.node--two{bottom:16%;right:11%}.node--three{right:20%;top:12%}.node--four{bottom:11%;left:20%}.pigeon-check-list{grid-gap:10px;align-content:center;display:grid;flex:1 1;gap:10px;margin-top:16px}.pigeon-check-list>div{align-items:center;background:rgba(75,202,143,.055);border:1px solid #62de9624;border-radius:6px;color:#d9c2ab;display:flex;font:700 10px ui-monospace,monospace;justify-content:space-between;padding:13px}.pigeon-check-list span{align-items:center;display:inline-flex;gap:7px}.pigeon-check-list svg{color:#72dda1}.pigeon-check-list b{color:#8be1aa;font-size:9px}.pigeon-monitor-grid{grid-gap:9px;align-content:center;display:grid;flex:1 1;gap:9px;grid-template-columns:repeat(3,1fr);margin-top:16px}.pigeon-monitor-grid>div{background:hsla(0,0%,100%,.025);border:1px solid #ffca911c;border-radius:7px;min-height:105px;overflow:hidden;padding:14px;position:relative}.pigeon-monitor-grid small{color:#8c7562;display:block;font:700 8px ui-monospace,monospace}.pigeon-monitor-grid b{color:#ffdbba;display:block;font-size:17px;letter-spacing:-.04em;margin-top:16px}.pigeon-monitor-grid i{border-bottom:1px solid #ff8a1f59;bottom:9px;height:22px;left:9px;position:absolute;right:9px;transform:skewY(-14deg)}.pigeon-preview-chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:16px}.pigeon-preview-chips span{background:#ffb96f0f;border:1px solid #ffc48721;border-radius:4px;color:#c9a987;font:700 8px/1 ui-monospace,monospace;padding:5px 7px}.pigeon-coverage{max-width:1320px}.pigeon-coverage-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.pigeon-coverage-grid article{background:linear-gradient(145deg,#17110c,#100c09);border:1px solid #ffca9126;border-radius:12px;min-height:260px;padding:27px}.pigeon-coverage-grid article>span{background:linear-gradient(135deg,#ffc080,#ff821a);border-radius:8px;color:#321604;display:grid;height:34px;place-items:center;width:34px}.pigeon-coverage-grid h3{color:#ffe1c3;font-size:20px;letter-spacing:-.04em;margin:25px 0 10px;max-width:14ch}.pigeon-coverage-grid p{color:var(--pigeon-muted);font-size:12px;line-height:1.6;margin:0;min-height:57px}.pigeon-coverage-grid article>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.pigeon-coverage-grid b{background:#ffb7690f;border:1px solid #ffc99321;border-radius:4px;color:#d8b590;font:700 8px/1 ui-monospace,monospace;padding:5px 7px}.pigeon-coverage-grid article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}@media (hover:hover){.pigeon-coverage-grid article:hover{border-color:#ffae5cb3;box-shadow:0 20px 52px #00000057,0 0 26px #ff8a1f1a;transform:translateY(-3px)}}@media (max-width:760px){.pigeon-capability-strip{padding:30px 16px 6px}.pigeon-capability-strip>div{gap:15px;grid-template-columns:1fr;padding:19px}.pigeon-capability-strip p{border:0;max-width:none;padding:0}.pigeon-capability-strip div>div{justify-content:flex-start}.pigeon-product-tabs{display:flex;overflow-x:auto}.pigeon-product-tabs button{flex:0 0 auto}.pigeon-product-panel{grid-template-columns:1fr}.pigeon-product-copy{border-bottom:1px solid #ffca911c;border-right:0}.pigeon-product-copy h3{max-width:none}.pigeon-product-preview{min-height:330px}.pigeon-coverage-grid{grid-template-columns:1fr}.pigeon-coverage-grid article{min-height:0}.pigeon-network-map .node--main{left:38%}.pigeon-workspace-preview{grid-template-columns:112px 1fr}}.pigeon-preview-topbar b{align-items:center;display:inline-flex;gap:5px}.pigeon-live-dot{background:#6ee29d;border-radius:50%;box-shadow:0 0 8px #6ee29db8;display:inline-block;flex:0 0 auto;height:6px;width:6px}.pigeon-network-map{background:radial-gradient(circle at 50% 48%,#ff8a1f21,#0000 19%),radial-gradient(circle at 50% 48%,#ff8a1f0a,#0000 58%);border:1px solid #ffca9114;border-radius:8px;margin-top:12px;min-height:214px}.pigeon-network-map:after,.pigeon-network-map:before{display:none}.pigeon-network-map>svg{height:100%;inset:0;overflow:visible;position:absolute;width:100%}.pigeon-network-map>svg path{fill:none;stroke:#ffbe7840;stroke-width:1.4}.pigeon-network-map>svg path.is-active{stroke:#ff9b43;stroke-width:1.8;stroke-dasharray:6 5;animation:pigeon-network-pulse 2.4s linear infinite;filter:drop-shadow(0 0 4px rgba(255,138,31,.6))}.pigeon-network-map .node{align-items:center;border-radius:6px;color:#f0cfad;display:flex;flex-wrap:wrap;gap:5px;min-height:38px;min-width:78px;padding:7px 9px}.pigeon-network-map .node i{background:#72dfa0;border-radius:50%;box-shadow:0 0 8px #72dfa08c;flex:0 0 auto;height:5px;width:5px}.pigeon-network-map .node small{color:#8d7561;font:600 7px/1 ui-monospace,monospace;margin-left:10px;width:calc(100% - 10px)}.pigeon-network-map .node--main{background:linear-gradient(135deg,#ffc181,#ff8520);border-color:#ffe3be8f;box-shadow:0 8px 26px #ff8a1f40;color:#2b1202;left:calc(50% - 41px);top:40%}.pigeon-network-map .node--main i{background:#422005;box-shadow:none}.pigeon-network-map .node--main small{color:#3b1b03c2}.pigeon-network-map .node--one{left:7%;top:11%}.pigeon-network-map .node--three{right:7%;top:11%}.pigeon-network-map .node--two{bottom:22%;right:6%}.pigeon-network-map .node--four{bottom:22%;left:7%}.pigeon-network-legend{align-items:center;bottom:9px;color:#8a725d;display:flex;font:700 7px/1 ui-monospace,monospace;justify-content:space-between;left:12px;position:absolute;right:12px}.pigeon-network-legend span:first-child{align-items:center;display:inline-flex;gap:5px}.pigeon-network-legend i{background:#72dfa0;border-radius:50%;box-shadow:0 0 7px #72dfa099;height:5px;width:5px}.pigeon-monitor-service{align-items:center;background:linear-gradient(90deg,#4bca8f17,rgba(75,202,143,.015));border:1px solid #68df9b24;border-radius:6px;color:#d8b99b;display:flex;font:700 9px/1 ui-monospace,monospace;gap:8px;margin-top:12px;padding:10px 12px;position:relative;z-index:1}.pigeon-monitor-service span{align-items:center;color:#c7eecf;display:inline-flex;gap:6px}.pigeon-monitor-service small{color:#84bf9a;font-size:8px}.pigeon-monitor-service b{color:#907964;font-size:7px;font-weight:600;margin-left:auto}.pigeon-monitor-grid{flex:0 0 auto;gap:8px;margin-top:10px}.pigeon-monitor-grid>div{background:linear-gradient(145deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.012));border-color:#ffca9124;min-height:116px;padding:12px}.pigeon-monitor-grid>div.is-healthy{border-color:#66de993b}.pigeon-monitor-grid>div.is-alert{border-color:#ffb05c38}.pigeon-monitor-grid b{color:#ffe1c1;font-size:18px;margin-top:12px}.pigeon-monitor-grid b em{color:#ad927a;font-size:9px;font-style:normal}.pigeon-monitor-grid>div>span{color:#7fbd99;display:block;font:700 7px/1 ui-monospace,monospace;margin-top:4px}.pigeon-monitor-grid>div.is-alert>span{color:#e6af74}.pigeon-monitor-grid svg{bottom:10px;height:23px;left:10px;position:absolute;right:10px;width:calc(100% - 20px)}.pigeon-monitor-grid svg path{fill:none;stroke:#68d99a;stroke-width:1.7;vector-effect:non-scaling-stroke}.pigeon-monitor-grid>div:not(.is-healthy) svg path{stroke:#ffad5a}.pigeon-monitor-grid i{display:none}.pigeon-monitor-event{align-items:center;color:#d9bfa4;display:flex;gap:8px;padding:10px 2px 0;position:relative;z-index:1}.pigeon-monitor-event>span{display:flex;flex-direction:column;gap:3px}.pigeon-monitor-event b{font:700 8px/1 ui-monospace,monospace}.pigeon-monitor-event small{color:#826d5a;font:600 7px/1 ui-monospace,monospace}.pigeon-monitor-event em{background:#4bca8f14;border-radius:3px;color:#86dba4;font:700 7px/1 ui-monospace,monospace;font-style:normal;margin-left:auto;padding:4px 5px}@keyframes pigeon-network-pulse{to{stroke-dashoffset:-22}}@media (max-width:760px){.pigeon-network-map .node--main{left:calc(50% - 41px)}.pigeon-network-map .node--four,.pigeon-network-map .node--one{left:3%}.pigeon-network-map .node--three,.pigeon-network-map .node--two{right:3%}.pigeon-monitor-service b{display:none}}.pigeon-footer-grid>div:first-child{max-width:300px;padding:4px 34px 8px 0;position:relative}.pigeon-footer-grid>div:first-child:after{background:linear-gradient(#0000,#ffca9133 16%,#ffca9133 84%,#0000);bottom:2px;content:"";position:absolute;right:0;top:2px;width:1px}.pigeon-marketing-footer .pigeon-wordmark{color:#fff1e2;font-size:21px;gap:0}.pigeon-marketing-footer .pigeon-wordmark span{display:none}.pigeon-footer-grid>div:first-child p{color:#bda58f;font-size:13px;line-height:1.65;margin:15px 0 17px;max-width:270px}.pigeon-footer-grid>div:first-child p:after{color:#8d7560;content:"BUILD · TEST · OBSERVE";display:block;font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em;margin-top:12px}.pigeon-marketing-footer .pigeon-social{background:#ff8a1f12;border:1px solid #ffc18429;border-radius:6px;color:#ffd3a5;gap:8px;padding:8px 10px;transition:color .2s,background .2s,border-color .2s}.pigeon-marketing-footer .pigeon-social:hover{background:#ff8a1f24;border-color:#ffc18459;color:#fff4e8}@media (max-width:760px){.pigeon-footer-grid>div:first-child{border-bottom:1px solid #ffca911f;max-width:none;padding:0 0 24px}.pigeon-footer-grid>div:first-child:after{display:none}}@media (max-width:1024px){.pigeon-marketing-footer{max-width:none;padding-left:24px;padding-right:24px;width:100%}.pigeon-footer-grid{gap:36px 24px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;width:100%}.pigeon-footer-grid>div:first-child{grid-column:1/-1;max-width:none}.pigeon-footer-bottom{max-width:none;width:100%}}@media (max-width:600px){.pigeon-marketing-footer{padding:42px 16px 20px}.pigeon-footer-grid{gap:24px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.pigeon-footer-grid>div:first-child{grid-column:1/-1}.pigeon-footer-grid>div:not(:first-child){gap:7px}.pigeon-footer-grid h3{margin-bottom:9px}.pigeon-footer-bottom{margin-top:32px}}.pigeon-demo--live .pigeon-demo-topbar input{transition:border-color .2s,box-shadow .2s}.pigeon-demo--live .pigeon-demo-topbar input:focus{border-color:#ffb263b3;box-shadow:0 0 0 3px #ff8a1f1a;outline:0}.pigeon-demo--live .pigeon-demo-tabs{align-items:center;color:var(--pigeon-orange-light);font:800 9px/1 ui-monospace,monospace;justify-content:space-between;min-height:43px;padding:0 18px}.pigeon-demo--live .pigeon-demo-tabs small{color:#8e7561;font-size:8px;font-weight:600}.pigeon-demo-editor--live{display:block;min-height:180px;padding:16px 19px 30px}.pigeon-demo-editor--live textarea{background:#0000;border:0;color:#f0d4ba;display:block;font:12px/1.7 ui-monospace,monospace;min-height:126px;outline:0;padding:0;resize:vertical;width:100%}.pigeon-demo-editor--live textarea::placeholder{color:#6f5b4c}.pigeon-demo-editor--live .pigeon-editor-hint{bottom:11px}.pigeon-demo-error{background:#ff696114;border-bottom:1px solid #ff87782e;border-top:1px solid #ff87782e;color:#ffb2a5;font:700 9px/1.45 ui-monospace,monospace;margin:0;padding:10px 18px}.pigeon-response-heading b.is-error{background:#ff69611c;color:#ffb4a7}.pigeon-demo--live .pigeon-response>pre{max-height:310px;min-height:116px;overflow:auto}@media (max-width:760px){.pigeon-demo--live .pigeon-demo-topbar{flex-wrap:wrap}.pigeon-demo--live .pigeon-demo-topbar input{min-width:calc(100% - 96px)}.pigeon-demo--live .pigeon-demo-tabs{align-items:flex-start;flex-direction:column;gap:6px;padding-bottom:12px;padding-top:12px}.pigeon-demo-editor--live{min-height:150px}.pigeon-demo-editor--live textarea{min-height:96px}}.pigeon-demo--live .pigeon-demo-topbar{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:84px minmax(0,1fr) -webkit-max-content;grid-template-columns:84px minmax(0,1fr) max-content}.pigeon-demo--live .pigeon-method-picker{min-width:84px;width:84px}.pigeon-demo--live .pigeon-method-picker .app-select-trigger{background:#21150d;border:1px solid #ffffff1a;border-radius:6px;box-shadow:none;color:#ffd1a2;font:800 10px/1 ui-monospace,monospace;height:40px;letter-spacing:.02em;min-height:40px;padding:0 10px 0 12px}.pigeon-demo--live .pigeon-method-picker .app-select-trigger:hover{background:#2a1a0f;border-color:#fff3;color:#fff0e2}.pigeon-demo--live .pigeon-method-picker .app-select-trigger:focus-visible{border-color:#ffffff47;box-shadow:0 0 0 3px hsla(0,0%,100%,.045)}.pigeon-demo--live .pigeon-method-picker .app-select-chevron{color:#b98e67;font-size:14px;transition:transform .2s ease}.app-select-list.pigeon-method-menu{background:#1b120c;border:1px solid #ffca9138;border-radius:8px;box-shadow:0 15px 34px #00000073,0 0 0 1px hsla(0,0%,100%,.025);color:#f4d4b3;overflow:hidden;padding:4px;z-index:1100}.pigeon-method-menu .app-select-option{align-items:center;border-radius:5px;color:#d6b79a;display:flex;font:800 9px/1 ui-monospace,monospace;letter-spacing:.03em;min-height:32px;padding:0 9px}.pigeon-method-menu .app-select-option:hover{background:#ff8a1f1f;color:#fff0e1}.pigeon-method-menu .app-select-option--active,.pigeon-method-menu .app-select-option--active:hover{background:linear-gradient(135deg,#ffbf7e,#ff8a1f);color:#2c1504}.pigeon-demo--live .pigeon-demo-topbar input{background:#17100b;border-color:#ffca912e;font-size:11px;height:40px;line-height:40px;min-width:0;padding:0 12px;width:100%}.pigeon-demo--live .pigeon-send{border-radius:6px;height:40px;justify-content:center;min-width:122px;padding:0 14px;white-space:nowrap}.pigeon-demo--live .pigeon-demo-topbar input.is-typing{border-color:#ffb86f6b;caret-color:#ffc184;color:#ffe0c0}.pigeon-demo-editor--live textarea.is-typing{caret-color:#ffc184;color:#ffe0c0}.pigeon-demo--live .pigeon-preset-typing{align-items:center;color:#ffc184;display:inline-flex;gap:5px}.pigeon-demo--live .pigeon-preset-typing:before{animation:pigeon-pulse 1s ease-in-out infinite;background:var(--pigeon-orange);border-radius:50%;box-shadow:0 0 8px #ff8a1fbf;content:"";height:5px;width:5px}@media (max-width:760px){.pigeon-demo--live .pigeon-demo-topbar{gap:8px;grid-template-columns:78px minmax(0,1fr)}.pigeon-demo--live .pigeon-method-picker{min-width:78px;width:78px}.pigeon-demo--live .pigeon-demo-topbar input{min-width:0}.pigeon-demo--live .pigeon-send{grid-column:1/-1;width:100%}.pigeon-demo-editor--live textarea,.pigeon-response>pre{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;overflow-x:hidden;word-break:break-word}.pigeon-demo-editor--live textarea{min-height:140px;overflow-y:auto;padding-right:18px}}.pigeon-marketing{--pigeon-content-font:var(--font-family,Inter,Arial,sans-serif)}.pigeon-marketing :is(h1,h2,h3,p,a,button,input,textarea,label,span,small,b,strong,em){font-family:var(--pigeon-content-font)!important}.pigeon-marketing :is(.pigeon-demo-editor textarea,.pigeon-response>pre,.pigeon-workspace-preview pre){font-family:Roboto Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important}.pigeon-method-menu .app-select-option{font-family:Inter,Arial,sans-serif;font-family:var(--font-family,Inter,Arial,sans-serif)}.pigeon-demo-scroll-stage{width:100%;will-change:transform}@media (prefers-reduced-motion:reduce){.pigeon-demo-scroll-stage{transform:none!important}}.pigeon-capability-strip>div,.pigeon-coverage-grid article,.pigeon-demo-scroll-stage,.pigeon-product-explorer,.pigeon-quote-grid figure,.pigeon-workflow-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease,background-color .35s ease;will-change:transform}.pigeon-capability-strip>div:hover,.pigeon-product-explorer:hover{border-color:#ffc48757;box-shadow:0 32px 82px #00000057,0 0 28px #ff8a1f14}.pigeon-quote-grid figure:hover,.pigeon-workflow-card:hover{border-color:#ffae5c7a;box-shadow:0 20px 48px #00000042,0 0 22px #ff8a1f12;transform:translateY(-5px)}@media (prefers-reduced-motion:reduce){.pigeon-capability-strip>div,.pigeon-coverage-grid article,.pigeon-demo-scroll-stage,.pigeon-product-explorer,.pigeon-quote-grid figure,.pigeon-workflow-card{transition:none;will-change:auto}}.pigeon-hero-changing-line{display:inline-block;white-space:nowrap}.pigeon-hero-changing-word{display:inline-block;line-height:inherit;overflow:visible;position:relative;vertical-align:bottom}.pigeon-hero-changing-word-sizer{display:block;visibility:hidden;white-space:nowrap}.pigeon-hero-changing-word>span:not(.pigeon-hero-changing-word-sizer){display:block;left:0;position:absolute;top:0;white-space:nowrap}.pigeon-marketing .pigeon-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pigeon-hero h1{font-weight:700;letter-spacing:-.045em;line-height:.95}.pigeon-feature-card.graph .pigeon-latency-graph>svg path{stroke-dasharray:1}.pigeon-feature-card.graph .pigeon-latency-graph>svg circle,.pigeon-feature-card.graph .pigeon-latency-graph>svg path{animation:none}.pigeon-final-cta:after{animation:none;left:-30%;opacity:0}.pigeon-final-cta:focus-within:after,.pigeon-final-cta:hover:after{animation:pigeon-beam-hover 1.8s cubic-bezier(.22,1,.36,1) forwards;opacity:1}.pigeon-final-cta:after{pointer-events:none;z-index:0}@keyframes pigeon-beam-hover{0%{left:-25%;opacity:0}15%{opacity:1}to{left:125%;opacity:1}}@media (max-width:760px){.pigeon-hero-content,.pigeon-hero-copy{max-width:100%;width:100%}.pigeon-hero h1{font-size:clamp(2.75rem,12.5vw,4.5rem);letter-spacing:-.045em;line-height:.94}.pigeon-hero h1 em{display:block}.pigeon-hero-changing-line{white-space:normal}.pigeon-hero-copy>p{padding:0 8px;width:100%}.pigeon-hero .pigeon-demo-section{width:calc(100vw - 32px)}.pigeon-demo-sidebar{flex-direction:row;gap:6px;min-height:0;overflow-x:auto;padding:10px}.pigeon-demo-sidebar-footer,.pigeon-demo-sidebar-title{display:none}.pigeon-demo-sidebar button{display:flex;flex:0 0 auto;min-height:32px;padding:6px 8px;width:auto}.pigeon-feature-card.graph>div{min-height:300px}.pigeon-feature-card.graph h3,.pigeon-feature-card.graph p{max-width:none}.pigeon-feature-card.graph .pigeon-latency-graph{bottom:22px;left:24px;right:24px;width:auto}.pigeon-workflow-step{align-items:stretch;display:flex;flex-direction:column;gap:20px;min-height:0}.pigeon-workflow-copy{max-width:none;width:100%}.pigeon-workflow-card{min-height:156px;width:100%}}@media (max-width:1024px){.pigeon-final-cta{margin-left:auto;margin-right:auto;max-width:none;width:calc(100% - 32px)}}.pigeon-turnstile-row{align-items:center;background:rgba(255,138,31,.025);border-bottom:1px solid #ffca911c;display:flex;min-height:66px;padding:10px 18px}.pigeon-turnstile{max-width:100%;min-height:50px}.pigeon-security-gate{align-items:center;background:radial-gradient(circle at 50% 18%,#7c3aed29,#0000 22%),#000;color:#f8f8f8;display:flex;flex-direction:column;inset:0;isolation:isolate;justify-content:center;overflow:hidden;padding:32px 24px;position:fixed;text-align:center;z-index:10000}.pigeon-security-gate:before{background:#000000f0;content:"";inset:0;position:absolute;z-index:-1}.pigeon-security-gate-card{align-items:center;display:flex;flex-direction:column;position:relative;width:min(100%,720px);z-index:1}.pigeon-security-brand{align-items:center;display:inline-flex;font-size:1.4rem;gap:12px;margin-bottom:36px}.pigeon-security-brand span{background:#7c3aed38;border-radius:10px;color:#b58aff;display:grid;height:38px;place-items:center;width:38px}.pigeon-security-brand svg{height:22px;width:22px}.pigeon-security-gate h1{font-size:clamp(1.7rem,3.5vw,2.45rem);font-weight:650;letter-spacing:-.035em;margin:0}.pigeon-security-gate-card>p{color:#ffffffb8;font-size:.98rem;line-height:1.6;margin:14px 0 28px;max-width:760px}.pigeon-security-check{align-items:center;background:#303030;border:1px solid #ffffff47;border-radius:4px;box-shadow:0 18px 48px #00000059;color:#fff;display:flex;gap:18px;justify-content:center;min-height:74px;min-width:300px;padding:12px 18px}.pigeon-security-check strong{font-size:.95rem;font-weight:600;white-space:nowrap}.pigeon-security-check .pigeon-turnstile{min-height:65px;width:300px}.pigeon-security-note{color:#ffffff75;font-size:.75rem;margin-top:14px}.pigeon-security-footer{bottom:22px;color:#ffffff7a;display:flex;font-size:.72rem;gap:18px;justify-content:center;left:24px;position:absolute;right:24px}.pigeon-security-footer b{color:#ffffffb3;font-weight:600}.pigeon-mobile-experience-notice{align-items:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#17110cf5;border:1px solid #ffc18447;border-radius:12px;bottom:16px;box-shadow:0 16px 44px #00000061;color:#fff0e2;display:flex;gap:12px;left:16px;margin:0 auto;max-width:520px;padding:14px 42px 14px 14px;position:fixed;right:16px;z-index:200}.pigeon-mobile-experience-icon{background:#ff8a1f1f;border-radius:7px;color:#ffc184;display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.pigeon-mobile-experience-notice strong{color:#ffc184;display:block;font-size:13px}.pigeon-mobile-experience-notice p{color:#ad9a8b;font-size:11px;line-height:1.45;margin:4px 0 0}.pigeon-mobile-experience-notice button{background:#0000;border:0;color:#ad9a8b;cursor:pointer;font-size:21px;line-height:1;padding:3px 7px;position:absolute;right:10px;top:8px}.pigeon-mobile-experience-notice button:hover{color:#fff0e2}@media (max-width:560px){.pigeon-security-gate{padding:24px 18px}.pigeon-security-brand{margin-bottom:26px}.pigeon-security-gate-card>p{font-size:.88rem}.pigeon-security-check{flex-direction:column;gap:8px;min-width:min(100%,300px)}.pigeon-security-footer{flex-wrap:wrap;gap:8px 14px}}.docs-article,.docs-hub{color:var(--text-color);margin:0 auto;padding:clamp(20px,3vw,40px);width:min(100%,1240px)}.docs-hub-hero{align-items:end;background:linear-gradient(115deg,#512813,#251b17 52%,#151515);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;gap:28px;isolation:isolate;justify-content:space-between;overflow:hidden;padding:clamp(28px,4vw,52px);position:relative}.docs-hub-hero:after{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 56px hsla(0,0%,100%,.035),0 0 0 112px #ffffff05;content:"";position:absolute;right:-10%;top:-45%;width:min(46vw,580px);z-index:-1}.docs-hub-hero-copy{max-width:720px}.docs-hub-eyebrow,.docs-hub-kicker{align-items:center;display:inline-flex;font-size:.72rem;font-weight:700;gap:7px;letter-spacing:.09em;line-height:1;text-transform:uppercase}.docs-hub-eyebrow{color:#ffffffc7;margin-bottom:16px}.docs-hub-hero h1{color:#fff;font-size:clamp(2rem,1.35rem + 2.35vw,3.35rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:0;max-width:18ch}.docs-hub-hero p{color:#fffc;font-size:clamp(.92rem,.88rem + .25vw,1.05rem);line-height:1.6;margin:18px 0 0;max-width:60ch}.docs-hub-hero-meta{grid-gap:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:var(--radius-md);display:grid;flex:0 0 auto;gap:1px;grid-template-columns:repeat(2,minmax(118px,1fr));overflow:hidden}.docs-hub-hero-meta div{background:#00000014;display:flex;flex-direction:column;justify-content:center;min-height:94px;padding:16px}.docs-hub-hero-meta strong{color:#fff;font-size:1.65rem;line-height:1.1}.docs-hub-hero-meta span{color:#ffffffb8;font-size:.74rem;margin-top:5px}.docs-hub-catalog{margin-top:clamp(30px,4vw,52px)}.docs-hub-section-heading{align-items:end;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.docs-hub-kicker{color:#ff8a16}.docs-hub-section-heading h2{color:var(--text-color);font-size:clamp(1.28rem,1.1rem + .65vw,1.75rem);letter-spacing:-.02em;margin:7px 0 0}.docs-hub-section-heading p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:44ch;text-align:right}.docs-hub-controls{display:flex;gap:10px;margin-bottom:28px}.docs-hub-search{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;gap:10px;padding:0 13px;width:min(100%,460px)}.docs-hub-search:focus-within{border-color:#ff8a16;box-shadow:0 0 0 2px color-mix(in srgb,#ff8a16 25%,#0000)}.docs-hub-search input{background:#0000;border:0;color:var(--text-color);min-height:42px;outline:0;width:100%}.docs-hub-filter select{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);min-height:44px;padding:0 32px 0 12px}.docs-hub-category{margin-top:30px}.docs-hub-category-heading{align-items:center;display:flex;gap:13px;margin-bottom:13px}.docs-hub-topic-icon{background:color-mix(in srgb,#ff8a16 14%,#0000);border-radius:var(--radius-sm);color:#ff8a16;display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.docs-hub-category-heading h3{font-size:1.05rem;margin:0}.docs-hub-category-heading p{color:var(--text-secondary);font-size:.82rem;margin:4px 0 0}.docs-hub-category-count{color:var(--text-muted);font-size:.75rem;margin-left:auto}.docs-hub-guide-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.docs-hub-guide-card{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);display:flex;gap:12px;justify-content:space-between;min-height:94px;padding:16px;text-decoration:none;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.docs-hub-guide-card:hover{background:color-mix(in srgb,#ff8a16 5%,var(--surface));border-color:color-mix(in srgb,#ff8a16 55%,var(--border-color));transform:translateY(-2px)}.docs-hub-guide-card>span{grid-gap:7px;display:grid;gap:7px}.docs-hub-guide-card strong{font-size:.86rem}.docs-hub-guide-card small{color:var(--text-secondary);font-size:.76rem;line-height:1.4}.docs-hub-guide-card>svg{color:#ff8a16;flex:0 0 auto}.docs-hub-empty{grid-gap:9px;border:1px dashed var(--border-color);border-radius:var(--radius-lg);display:grid;gap:9px;min-height:230px;padding:30px;place-items:center;text-align:center}.docs-hub-empty>svg{color:#ff8a16;font-size:1.5rem}.docs-hub-empty h3{font-size:1rem}.docs-hub-empty p{color:var(--text-secondary);font-size:.84rem}.docs-hub-empty button{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;padding:8px 13px}.docs-article{max-width:1120px}.docs-article-back{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.84rem;gap:7px;margin-bottom:28px;text-decoration:none}.docs-article-back:hover{color:#ff8a16}.docs-article-layout{grid-gap:clamp(30px,7vw,90px);display:grid;gap:clamp(30px,7vw,90px);grid-template-columns:minmax(0,1fr) 260px}.docs-article article{max-width:720px}.docs-article-breadcrumb{align-items:center;color:#ff8a16;display:flex;font-size:.74rem;font-weight:700;gap:7px;letter-spacing:.08em;margin-bottom:17px;text-transform:uppercase}.docs-article h1{font-size:clamp(2rem,1.5rem + 1.5vw,3rem);letter-spacing:-.035em;line-height:1.1;margin:0}.docs-article-summary{color:var(--text-secondary);font-size:1.02rem;line-height:1.65;margin:16px 0 28px}.docs-article-callout{background:color-mix(in srgb,#ff8a16 7%,var(--surface));border:1px solid color-mix(in srgb,#ff8a16 28%,var(--border-color));border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.84rem;gap:11px;line-height:1.5;margin-bottom:36px;padding:15px 17px}.docs-article-callout svg{color:#ff8a16;flex:0 0 auto}.docs-article h2{font-size:1.25rem;margin-bottom:17px}.docs-article ol{grid-gap:14px;display:grid;gap:14px;list-style:none;margin:0 0 28px;padding:0}.docs-article li{align-items:flex-start;display:flex;gap:13px}.docs-article li>span{background:color-mix(in srgb,#ff8a16 17%,#0000);border-radius:50%;color:#ff8a16;display:grid;flex:0 0 auto;font-size:.78rem;font-weight:700;height:26px;place-items:center;width:26px}.docs-article li p{color:var(--text-secondary);font-size:.92rem;line-height:1.55;padding-top:3px}.docs-article-action{align-items:center;background:#ff8a16;border-radius:var(--radius-sm);color:#16110d;display:inline-flex;font-size:.84rem;font-weight:700;gap:8px;padding:11px 15px;text-decoration:none}.docs-article-action:hover{background:#ff9d3b}.docs-article-aside{grid-gap:4px;align-self:start;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:4px;padding:17px}.docs-article-aside a{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;justify-content:space-between;line-height:1.35;padding:9px 0;text-decoration:none}.docs-article-aside a:hover{color:#ff8a16}.docs-article-aside .docs-article-all{color:#ff8a16;font-weight:700;margin-top:7px}.docs-article-empty{grid-gap:12px;align-content:center;display:grid;gap:12px;max-width:680px;min-height:55vh;place-items:center;text-align:center}.docs-article-empty>svg{color:#ff8a16;font-size:2rem}.docs-article-empty p{color:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.docs-article-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 32px}.docs-article-meta>div{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:15px 16px}.docs-article-meta strong{color:var(--text-color);display:block;font-size:.78rem;margin-bottom:7px}.docs-article-meta p{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.docs-article li>div{min-width:0}.docs-article li strong{display:block;font-size:.92rem;margin:3px 0 2px}.docs-article-example{background:color-mix(in srgb,#ff8a16 4%,var(--surface));border:1px solid var(--border-color);border-radius:var(--radius-md);margin:34px 0;padding:19px}.docs-article-example h2{font-size:1rem;margin:7px 0 15px}.docs-article-example pre{background:#111;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#f6f1ec;font:.78rem/1.65 Roboto Mono,ui-monospace,monospace;margin:0;overflow-x:auto;padding:15px;white-space:pre}.docs-article-tips{margin:32px 0}.docs-article-tips h2{margin-bottom:10px}.docs-article-tips ul{grid-gap:8px;color:var(--text-secondary);display:grid;font-size:.86rem;gap:8px;line-height:1.5;margin:0;padding-left:20px}@media (max-width:800px){.docs-hub-hero,.docs-hub-section-heading{align-items:flex-start;flex-direction:column}.docs-hub-section-heading p{text-align:left}.docs-hub-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-article-layout{grid-template-columns:1fr}.docs-article-aside{order:-1}}@media (max-width:540px){.docs-article,.docs-hub{padding:16px}.docs-hub-hero{border-radius:var(--radius-lg);padding:26px 22px}.docs-hub-hero-meta{width:100%}.docs-hub-controls{flex-direction:column}.docs-hub-search{width:auto}.docs-hub-filter select{width:100%}.docs-hub-guide-grid{grid-template-columns:1fr}.docs-hub-category-heading{align-items:flex-start}.docs-hub-category-count{display:none}.docs-article-meta{grid-template-columns:1fr}.docs-article-example{padding:14px}}@media (prefers-reduced-motion:reduce){.docs-hub-guide-card{transition:none}.docs-hub-guide-card:hover{transform:none}}.docs-hub-search kbd{border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font:.7rem Roboto Mono,monospace;padding:2px 6px}.docs-article-updated{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:6px;margin-bottom:15px}.docs-article-updated svg{color:#ff8a16}.docs-article-callout strong{color:var(--text-color)}.docs-article-aside{position:-webkit-sticky;position:sticky;top:86px}.docs-related-label{margin-top:18px}.docs-example-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.docs-code-language{border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font:.68rem Roboto Mono,monospace;padding:4px 7px;text-transform:uppercase}.docs-code-wrap{position:relative}.docs-copy-button{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;gap:5px;padding:6px 8px;position:absolute;right:9px;top:9px}.docs-copy-button:hover{background:#ff8a1633;border-color:#ff8a16}.docs-article-feedback{align-items:center;border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.84rem;gap:14px;justify-content:space-between;margin-top:38px;padding-top:20px}.docs-article-feedback>div{display:flex;gap:7px}.docs-article-feedback button{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.76rem;gap:5px;padding:7px 10px}.docs-article-feedback button:hover{border-color:#ff8a16;color:#ff8a16}.docs-feedback-thanks{align-items:center;color:#ff8a16;display:inline-flex;font-size:.78rem;gap:6px}@media (max-width:800px){.docs-article-aside{position:static}}@media (max-width:540px){.docs-article-feedback{align-items:flex-start;flex-direction:column}}.docs-hub-search mark{background:#ff8a1647;border-radius:3px;color:inherit;padding:0 2px}.docs-version-badge{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;font-size:.74rem;gap:6px;margin-left:auto;min-height:44px;padding:0 12px;white-space:nowrap}.docs-version-badge svg{color:#ff8a16}.docs-learning-paths{margin:34px 0 42px}.docs-learning-heading{margin-bottom:14px}.docs-learning-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.docs-learning-card{background:color-mix(in srgb,#ff8a16 4%,var(--surface));border:1px solid color-mix(in srgb,#ff8a16 32%,var(--border-color));border-radius:var(--radius-md);min-width:0;padding:16px}.docs-learning-card>strong{display:block;font-size:.88rem}.docs-learning-card>p{color:var(--text-secondary);font-size:.76rem;line-height:1.45;margin:7px 0 13px;min-height:38px}.docs-learning-card>div{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.docs-learning-card a{color:var(--text-secondary);font-size:.7rem;line-height:1.35;text-decoration:none}.docs-learning-card a:hover{color:#ff8a16}.docs-learning-card svg{color:#ff8a16;font-size:.7rem}.docs-article-troubleshooting{background:color-mix(in srgb,#e6a23c 5%,var(--surface));border:1px solid color-mix(in srgb,#e6a23c 30%,var(--border-color));border-radius:var(--radius-md);margin:32px 0;padding:18px 19px}.docs-article-troubleshooting h2{font-size:1rem;margin-bottom:10px}.docs-article-troubleshooting ul{grid-gap:8px;color:var(--text-secondary);display:grid;font-size:.84rem;gap:8px;line-height:1.5;margin:0;padding-left:20px}.docs-reference{margin:34px 0}.docs-reference h2{font-size:1rem;margin:7px 0 15px}.docs-reference-table{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.docs-reference-row{grid-gap:12px;border-top:1px solid var(--border-color);color:var(--text-secondary);display:grid;font-size:.76rem;gap:12px;grid-template-columns:92px minmax(150px,1fr) minmax(180px,1.4fr);line-height:1.45;padding:11px 13px}.docs-reference-row:first-child{border-top:0}.docs-reference-header{background:color-mix(in srgb,#ff8a16 8%,var(--surface));color:var(--text-color);font-size:.7rem;font-weight:700}.docs-reference-row code{color:#ff8a16;font:.72rem Roboto Mono,monospace;overflow-wrap:anywhere}@media (max-width:1000px){.docs-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.docs-version-filter select{min-width:168px}@media (max-width:540px){.docs-version-badge{margin-left:0}.docs-learning-grid{grid-template-columns:1fr}.docs-learning-card>p{min-height:0}.docs-reference-row{gap:4px;grid-template-columns:1fr}.docs-reference-header{display:none}}.docs-hub-search{position:relative}.docs-search-popover{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;overflow:hidden;padding:7px;position:absolute;top:calc(100% + 8px);width:min(460px,90vw);z-index:20}.docs-search-popover-label{color:var(--text-muted);display:block;font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:7px 8px 5px;text-transform:uppercase}.docs-search-popover button{grid-gap:8px;align-items:center;background:#0000;border:0;border-radius:6px;color:var(--text-color);cursor:pointer;display:grid;font-size:.78rem;gap:8px;grid-template-columns:17px 1fr auto;padding:9px 8px;text-align:left;width:100%}.docs-search-popover button:focus-visible,.docs-search-popover button:hover{background:color-mix(in srgb,#ff8a16 10%,#0000);color:#ff8a16;outline:0}.docs-search-popover button svg{color:#ff8a16}.docs-search-popover button small{color:var(--text-muted);font-size:.68rem}.docs-hub-guide-card.is-keyboard-active{border-color:#ff8a16;outline:2px solid #ff8a16;outline-offset:2px}.docs-hub-filter{flex:0 0 auto;min-width:158px}.docs-filter-select .app-select-trigger{font-size:.84rem;min-height:44px;padding:9px 11px}.docs-filter-select .app-select-list{min-width:158px}.docs-learning-progress{background:color-mix(in srgb,var(--text-muted) 20%,#0000);border-radius:99px;display:flex!important;height:6px;margin:0 0 12px;position:relative}.docs-learning-progress>span{background:#ff8a16;border-radius:inherit;display:block;height:100%;transition:width var(--dur-base) var(--ease-out)}.docs-learning-progress small{color:var(--text-muted);font-size:.65rem;position:absolute;right:0;top:8px}.docs-article-troubleshooting li a{align-items:center;color:var(--text-secondary);display:inline-flex;gap:6px;text-decoration:none}.docs-article-troubleshooting li a:hover{color:#ff8a16}.docs-article-troubleshooting li a svg{color:#ff8a16;flex:0 0 auto}.docs-article-completion{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:15px;justify-content:space-between;margin-top:30px;padding:15px 17px}.docs-article-completion strong{display:block;font-size:.84rem;margin-bottom:4px}.docs-article-completion p{color:var(--text-secondary);font-size:.76rem}.docs-article-completion button{background:#ff8a16;border:1px solid #ff8a16;border-radius:var(--radius-sm);color:#16110d;cursor:pointer;font-size:.76rem;font-weight:700;padding:9px 12px;white-space:nowrap}.docs-article-completion button:hover{background:#ff9d3b}.docs-article-completion button:disabled{align-items:center;background:color-mix(in srgb,#ff8a16 12%,#0000);border-color:color-mix(in srgb,#ff8a16 50%,var(--border-color));color:#ff8a16;cursor:default;display:inline-flex;gap:5px}.docs-article-completion.is-complete{border-color:color-mix(in srgb,#ff8a16 45%,var(--border-color))}@media (max-width:540px){.docs-article-completion{align-items:flex-start;flex-direction:column}}.docs-article-breadcrumb a{color:inherit;text-decoration:none}.docs-article-breadcrumb a:hover{text-decoration:underline}.docs-article-tools{display:flex;gap:7px;margin:-8px 0 25px}.docs-article-tools button{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.74rem;gap:6px;padding:7px 9px}.docs-article-tools button:hover{border-color:#ff8a16;color:#ff8a16}.docs-article-learning{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:28px;padding:13px 15px}.docs-article-learning .docs-hub-kicker{flex:0 0 100%}.docs-article-learning p{color:var(--text-secondary);font-size:.8rem}.docs-article-learning a{align-items:center;color:#ff8a16;display:inline-flex;font-size:.78rem;font-weight:700;gap:5px;text-decoration:none}.docs-article-pagination{grid-gap:12px;border-top:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:34px;padding-top:20px}.docs-article-pagination>div:last-child{text-align:right}.docs-article-pagination a{grid-gap:6px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);display:grid;gap:6px;min-height:64px;padding:11px 13px;text-decoration:none}.docs-article-pagination a:hover{border-color:#ff8a16}.docs-article-pagination small{color:var(--text-muted);font-size:.68rem}.docs-article-pagination strong{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.78rem;gap:6px;line-height:1.35}.docs-article-pagination a:hover strong{color:#ff8a16}@media (max-width:540px){.docs-article-pagination{grid-template-columns:1fr}.docs-article-pagination>div:last-child{text-align:left}.docs-article-tools{margin-top:-2px}}@media print{.docs-article-action,.docs-article-aside,.docs-article-back,.docs-article-completion,.docs-article-feedback,.docs-article-learning,.docs-article-pagination,.docs-article-tools,.footer,.navbar{display:none!important}.docs-article,.docs-article article,.docs-article-layout{display:block;max-width:none;padding:0;width:100%}.docs-article h1{color:#000!important}.docs-article li,.docs-article p,.docs-article-summary{color:#222!important}.docs-article-example pre{background:#f5f5f5;border:1px solid #999;color:#000}.docs-article-callout,.docs-article-example,.docs-article-meta,.docs-article-troubleshooting{break-inside:avoid;page-break-inside:avoid}.docs-article-troubleshooting a{color:#000!important}}.docs-detailed-example{margin:38px 0}.docs-detailed-example h2{font-size:1.2rem;margin:7px 0 8px}.docs-detail-intro{color:var(--text-secondary);font-size:.84rem;line-height:1.5;margin-bottom:16px}.docs-detail-grid{grid-gap:12px;display:grid;gap:12px}.docs-detail-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.docs-detail-card-success{border-color:color-mix(in srgb,#36b37e 38%,var(--border-color))}.docs-detail-card-failure{border-color:color-mix(in srgb,#e6a23c 42%,var(--border-color))}.docs-detail-card-heading{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;justify-content:space-between;padding:11px 13px}.docs-detail-card-heading strong{font-size:.78rem}.docs-detail-card-heading span{color:var(--text-muted);font:.66rem Roboto Mono,monospace;text-transform:uppercase}.docs-detail-card pre{background:#111;color:#f6f1ec;font:.76rem/1.65 Roboto Mono,ui-monospace,monospace;margin:0;overflow-x:auto;padding:14px;white-space:pre-wrap}.docs-success-criteria{background:color-mix(in srgb,#ff8a16 6%,var(--surface));border-left:3px solid #ff8a16;margin-top:12px;padding:14px 15px}.docs-success-criteria strong{display:block;font-size:.78rem;margin-bottom:5px}.docs-success-criteria p{color:var(--text-secondary);font-size:.82rem;line-height:1.5}@media print{.docs-detailed-example{break-inside:avoid;page-break-inside:avoid}.docs-detail-card pre{background:#f5f5f5;border:1px solid #999;color:#000}}.docs-article,.docs-hub{--docs-accent:var(--primary-color);--docs-accent-hover:var(--primary-hover);--docs-accent-soft:var(--primary-light)}.docs-hub-hero{background:var(--gradient-hero)!important}.docs-article li>span,.docs-article-breadcrumb,.docs-article-callout svg,.docs-article-learning a,.docs-article-troubleshooting li a svg,.docs-article-updated svg,.docs-feedback-thanks,.docs-hub-empty>svg,.docs-hub-guide-card>svg,.docs-hub-hero-eyebrow,.docs-hub-kicker,.docs-hub-topic-icon,.docs-learning-card svg,.docs-reference-row code,.docs-version-badge svg{color:var(--docs-accent)!important}.docs-article-aside a:hover,.docs-article-feedback button:hover,.docs-article-pagination a:hover,.docs-article-tools button:hover,.docs-hub-guide-card.is-keyboard-active,.docs-hub-search:focus-within{border-color:var(--docs-accent)!important}.docs-hub-guide-card:hover,.docs-search-popover button:focus-visible,.docs-search-popover button:hover{background:color-mix(in srgb,var(--docs-accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--docs-accent) 55%,var(--border-color));color:var(--docs-accent)}.docs-article li>span,.docs-hub-topic-icon{background:color-mix(in srgb,var(--docs-accent) 17%,#0000)!important}.docs-article-callout,.docs-success-criteria{background:color-mix(in srgb,var(--docs-accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--docs-accent) 35%,var(--border-color))}.docs-article-action,.docs-article-completion button{background:var(--docs-accent)!important;border-color:var(--docs-accent)!important;color:var(--button-text)!important}.docs-article-action:hover,.docs-article-completion button:hover{background:var(--docs-accent-hover)!important;border-color:var(--docs-accent-hover)!important}.docs-learning-progress>span{background:var(--docs-accent)!important}.docs-article-completion.is-complete{border-color:color-mix(in srgb,var(--docs-accent) 45%,var(--border-color))!important}@media print{@page{margin:16mm}body,html{background:#fff!important;color:#111!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.App,.app-main,.docs-article,.docs-article article,.docs-article-layout{background:#fff!important;padding-top:0!important}.footer,.navbar{display:none!important}.docs-article,.docs-article article,.docs-article section,.docs-article-example,.docs-article-layout,.docs-article-meta>div,.docs-detail-card,.docs-detailed-example,.docs-success-criteria{background:#fff!important;border-color:#ccc!important;box-shadow:none!important;color:#111!important}.docs-article h1,.docs-article h2,.docs-article h3,.docs-article li,.docs-article p,.docs-article span,.docs-article strong,.docs-article-meta p,.docs-article-summary,.docs-detail-card-heading span,.docs-detail-intro,.docs-success-criteria p{color:#111!important}.docs-article-breadcrumb,.docs-article-callout svg,.docs-article-updated svg,.docs-hub-kicker{color:#9a4d00!important}.docs-article-callout{background:#fff7ed!important;border-color:#d99a62!important}.docs-article-example pre,.docs-detail-card pre{background:#f5f5f5!important;border:1px solid #999!important;color:#111!important}.docs-article-callout,.docs-article-example,.docs-article-meta>div,.docs-detail-card,.docs-success-criteria{break-inside:avoid;page-break-inside:avoid}}:root{--oauth-primary-color:#014c75;--oauth-primary-hover:#013b5b;--oauth-primary-light:#e5f3ff;--oauth-bg-primary:#f8f9fa;--oauth-text-primary:#333;--oauth-text-secondary:#6c757d;--oauth-border-light:#e1e4e8}[data-theme=dark],body.dark-theme{--oauth-bg-primary:#00111a;--oauth-bg-surface:#002234;--oauth-bg-hover:#013b5b;--oauth-text-primary:#fff;--oauth-text-secondary:#b8d4e3;--oauth-text-tertiary:#7a9bad;--oauth-border-color:#003956}.oauth-callback-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#002234);background:linear-gradient(135deg,var(--oauth-bg-primary,#00111a) 0,var(--oauth-bg-surface,#002234) 100%);color:#333;color:var(--oauth-text-primary,#fff);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.oauth-callback-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#002234cc;background:var(--oauth-bg-surface,#002234cc);border:1px solid #003956;border:1px solid var(--oauth-border-color,#003956);border-radius:16px;box-shadow:0 8px 24px #014c7526;max-width:500px;padding:40px 30px;position:relative;text-align:center;width:100%}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#7a9bad;color:var(--oauth-text-tertiary,#7a9bad);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:8px;position:absolute;right:20px;top:16px;transition:all .2s ease;width:32px}.modal-close-btn:before{content:"✕";font-weight:400}.modal-close-btn:hover{background:#013b5b1a;background:var(--oauth-bg-hover,#013b5b1a);color:#333;color:var(--oauth-text-primary,#fff)}.logo{color:#014c75;color:var(--oauth-primary-color,#014c75);font-size:28px;font-weight:600;gap:10px;margin-bottom:30px}.logo,.status{align-items:center;display:flex;justify-content:center}.status{border-radius:12px;flex-direction:column;font-size:16px;gap:15px;margin:30px 0;padding:20px}.status-icon{font-size:48px;margin-bottom:10px}.status-message{font-size:18px;font-weight:500}.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.error{color:#ef4444}.loading{background:#e5f3ff;background:var(--oauth-primary-light,#014c751a);border:1px solid #014c75;border:1px solid var(--oauth-primary-color,#014c754d);color:#014c75;color:var(--oauth-primary-color,#014c75)}.instructions{color:#7a9bad;color:var(--oauth-text-tertiary,#7a9bad);font-size:14px;line-height:1.5;margin-top:25px}.instructions p{margin-bottom:20px}.oauth-callback .close-button{align-items:center;background:#014c75;background:var(--oauth-primary-color,#014c75);border:none;border-radius:8px;box-shadow:0 2px 8px #014c751f;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;position:relative;transition:all .2s ease}.oauth-callback .close-button:before{content:"✕";font-size:16px;font-weight:400;line-height:1;margin-left:8px}.oauth-callback .close-button:hover{background:#013b5b;background:var(--oauth-primary-hover,#013b5b);box-shadow:0 4px 16px #014c7533;transform:translateY(-1px)}.oauth-callback .close-button:active{transform:translateY(0)}.loading .status-icon{animation:spin 2s linear infinite}body:not(.dark-theme):not([data-theme=dark]) .oauth-callback-container{background:linear-gradient(135deg,#f8f9fa,#fff);color:#333}body:not(.dark-theme):not([data-theme=dark]) .oauth-callback-content{background:#ffffffe6;border:1px solid #e1e4e8;box-shadow:0 8px 24px #00000014}body:not(.dark-theme):not([data-theme=dark]) .instructions{color:#6c757d}body:not(.dark-theme):not([data-theme=dark]) .loading{background:#e5f3ff;background:var(--oauth-primary-light,#e5f3ff);border:1px solid #014c75;border:1px solid var(--oauth-primary-color,#014c75);color:#014c75;color:var(--oauth-primary-color,#014c75)}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#7a9bad;color:var(--oauth-text-tertiary,#7a9bad);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:8px;transition:all .2s ease;width:32px}.close-btn:before{content:"✕";font-weight:400}.close-btn:hover{background:#013b5b1a;background:var(--oauth-bg-hover,#013b5b1a);color:#333;color:var(--oauth-text-primary,#fff)}body:not(.dark-theme):not([data-theme=dark]) .close-btn,body:not(.dark-theme):not([data-theme=dark]) .modal-close-btn{color:#6c757d}body:not(.dark-theme):not([data-theme=dark]) .close-btn:hover,body:not(.dark-theme):not([data-theme=dark]) .modal-close-btn:hover{background:#0000000d;color:#333}@media (max-width:600px){.oauth-callback-content{margin:10px;padding:30px 20px}.logo{font-size:24px}.status-icon{font-size:36px}.status-message{font-size:16px}.modal-close-btn{right:16px;top:12px}}.legal-page{background:var(--background-color);flex:1 1;padding:42px 24px 80px}.legal-page-shell{margin:0 auto;width:min(1120px,100%)}.legal-back-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.82rem;gap:8px;text-decoration:none}.legal-back-link:hover{color:var(--primary-color)}.legal-hero{background:var(--card-bg);background:var(--gradient-hero,var(--card-bg));border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-md);margin:34px 0 38px;padding:42px clamp(24px,5vw,68px)}.legal-eyebrow{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.1em;text-transform:uppercase}.legal-eyebrow svg{font-size:1rem}.legal-hero h1{color:var(--text-color);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:12px 0 10px}.legal-hero p{color:var(--text-secondary);font-size:1rem;line-height:1.65;max-width:620px}.legal-meta{color:var(--text-muted);font-size:.76rem;margin-top:22px}.legal-layout{grid-gap:44px;align-items:start;display:grid;gap:44px;grid-template-columns:210px minmax(0,1fr)}.legal-toc{grid-gap:10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md,10px);display:grid;gap:10px;padding:16px;position:-webkit-sticky;position:sticky;top:84px}.legal-toc span{color:var(--text-color);font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.legal-toc a{color:var(--text-secondary);font-size:.76rem;line-height:1.35;text-decoration:none}.legal-toc a:hover{color:var(--primary-color)}.legal-content{min-width:0}.legal-callout{align-items:center;background:color-mix(in srgb,var(--primary-color) 7%,var(--card-bg));border:1px solid color-mix(in srgb,var(--primary-color) 28%,var(--border-color));border-radius:10px;border-radius:var(--radius-md,10px);color:var(--text-secondary);display:flex;font-size:.82rem;gap:10px;line-height:1.5;margin-bottom:28px;padding:14px 16px}.legal-callout svg{color:var(--primary-color);flex:0 0 auto}.legal-content a{color:var(--primary-color);font-weight:600}.legal-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding:0 0 30px;scroll-margin-top:92px}.legal-section:last-child{border-bottom:0;margin-bottom:0}.legal-section h2{color:var(--text-color);font-size:1.08rem;margin-bottom:13px}.legal-section li,.legal-section p{color:var(--text-secondary);font-size:.88rem;line-height:1.75}.legal-section p+p{margin-top:12px}.legal-section ul{grid-gap:8px;display:grid;gap:8px;margin:12px 0;padding-left:22px}@media (max-width:760px){.legal-page{padding:28px 16px 56px}.legal-hero{margin-top:26px;padding:30px 22px}.legal-layout{gap:26px;grid-template-columns:1fr}.legal-toc{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.legal-toc span{grid-column:1/-1}}@media (max-width:420px){.legal-toc{grid-template-columns:1fr}.legal-toc span{grid-column:auto}}.pgh-command-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000009e;display:grid;inset:0;padding:12vh 18px 24px;place-items:start center;position:fixed;z-index:1000}.pgh-command-palette{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-color);overflow:hidden;width:min(620px,100%)}.pgh-command-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:20px 22px 15px}.pgh-command-eyebrow{color:var(--accent);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pgh-command-header h2{font-size:1.08rem;margin:5px 0 0}.pgh-command-close{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:grid;height:30px;place-items:center;width:30px}.pgh-command-close:hover{border-color:var(--accent);color:var(--accent)}.pgh-command-search{align-items:center;background:var(--surface-sunken);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--ring);display:flex;gap:10px;margin:16px 18px 12px;padding:0 12px}.pgh-command-search>svg{color:var(--accent);flex:0 0 auto}.pgh-command-search input{background:#0000;border:0;color:var(--text-color);font:inherit;font-size:.88rem;min-width:0;outline:0;padding:12px 0;width:100%}.pgh-command-footer kbd,.pgh-command-search kbd{background:var(--surface);border:1px solid var(--border-color);border-radius:5px;color:var(--text-muted);font:.65rem Roboto Mono,ui-monospace,monospace;padding:3px 6px;white-space:nowrap}.pgh-command-list{display:grid;max-height:min(440px,52vh);overflow-y:auto;padding:4px 10px 10px}.pgh-command-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:flex;gap:12px;justify-content:flex-start;padding:10px 12px;text-align:left!important;width:100%}.pgh-command-item.is-active,.pgh-command-item:hover{background:color-mix(in srgb,var(--accent) 9%,#0000);border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color))}.pgh-command-icon{background:color-mix(in srgb,var(--accent) 13%,#0000);border-radius:var(--radius-sm);color:var(--accent);display:grid;flex:0 0 auto;height:32px;place-items:center;width:32px}.pgh-command-copy{grid-gap:3px;align-items:start;display:grid;gap:3px;min-width:0;text-align:left}.pgh-command-copy strong{font-size:.82rem}.pgh-command-copy small{color:var(--text-secondary);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgh-command-enter{color:var(--accent);font-size:1.05rem;margin-left:auto}.pgh-command-empty{color:var(--text-secondary);font-size:.82rem;padding:28px 14px;text-align:center}.pgh-command-footer{border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.68rem;gap:14px;padding:12px 20px}.pgh-command-footer span{align-items:center;display:inline-flex;gap:5px}@media (max-width:560px){.pgh-command-overlay{padding:8vh 12px 18px}.pgh-command-header{padding-inline:16px}.pgh-command-footer{gap:9px;padding-inline:16px}}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);margin:0;min-height:100vh;position:relative;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.analytics-consent{background:#12100e;background:var(--card-bg,#12100e);border:1px solid #ff8a1f33;border:1px solid var(--glass-border,#ff8a1f33);border-radius:14px;bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 16px 38px #000000b8;box-shadow:var(--shadow-lg,0 16px 38px #000000b8);color:#fff7ed;color:var(--text-color,#fff7ed);margin:0;padding:18px 20px;position:fixed;right:max(16px,env(safe-area-inset-right));width:min(100% - 32px,620px);z-index:10000}.analytics-consent__title{display:block;font-size:1rem;line-height:1.3}.analytics-consent__copy{color:#d6c5b8;color:var(--text-secondary,#d6c5b8);font-size:.92rem;line-height:1.5;margin:8px 0 16px;max-width:58ch}.analytics-consent__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.analytics-consent__button{border:1px solid #0000;border-radius:9px;cursor:pointer;font:inherit;font-size:.88rem;font-weight:700;line-height:1;min-height:40px;padding:0 16px;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.analytics-consent__button:hover{transform:translateY(-1px)}.analytics-consent__button:focus-visible{outline:3px solid #ff8a1f;outline:3px solid var(--primary-color,#ff8a1f);outline-offset:2px}.analytics-consent__button--secondary{background:#0000;border-color:#ff8a1f59;border-color:var(--border-color,#ff8a1f59);color:#fff7ed;color:var(--text-color,#fff7ed)}.analytics-consent__button--secondary:hover{background:#ff8a1f29;background:var(--primary-light,#ff8a1f29);border-color:#ff8a1f;border-color:var(--primary-color,#ff8a1f)}.analytics-consent__button--primary{background:#ff8a1f;background:var(--button-background,#ff8a1f);border-color:#ff8a1f;border-color:var(--button-background,#ff8a1f);color:#160b02;color:var(--button-text,#160b02)}.analytics-consent__button--primary:hover{background:#ffb35c;background:var(--primary-hover,#ffb35c);border-color:#ffb35c;border-color:var(--primary-hover,#ffb35c)}@media (max-width:520px){.analytics-consent{left:max(16px,env(safe-area-inset-left));padding:16px;right:max(16px,env(safe-area-inset-right));width:auto}.analytics-consent__actions{flex-direction:column-reverse}.analytics-consent__button{width:100%}}.App{background-color:var(--background-color);display:flex;flex-direction:column;max-width:none;min-height:100vh;padding-top:60px;position:relative;transition:background-color var(--transition-speed) ease;width:100%;z-index:1}.App--marketing{padding-top:0}.App.App--marketing{--background-color:#070707;--card-bg:#12100e;--card-background:#12100e;--navbar-bg:#0d0b09;--navbar-background:#0d0b09;--navbar-text:#fff7ed;--navbar-border:#ff8a1f2e;--border-color:#3a2719;--text-color:#fff7ed;--text-secondary:#d6c5b8;--primary-color:#ff8a1f;--primary-hover:#ffb35c;--button-background:#ff8a1f;--button-text:#160b02}.app-main{display:flex;flex:1 1;flex-direction:column;width:100%}.Toastify__toast-container{z-index:1100}.Toastify__toast{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--border-radius-lg,10px);box-shadow:var(--shadow-lg);color:var(--text-color);font-family:var(--font-family);font-size:13.5px;gap:10px;min-height:0;padding:12px 14px}.Toastify__toast-body{margin:0;padding:0}.Toastify__toast--success .Toastify__toast-icon svg{fill:var(--success-color)}.Toastify__toast--error .Toastify__toast-icon svg{fill:var(--danger-color)}.Toastify__toast--info .Toastify__toast-icon svg{fill:var(--primary-color)}.Toastify__progress-bar{background:var(--primary-color);height:2px;opacity:.6}.Toastify__toast--success .Toastify__progress-bar{background:var(--success-color)}.Toastify__toast--error .Toastify__progress-bar{background:var(--danger-color)}.Toastify__close-button{color:var(--text-muted);opacity:.7}.Toastify__close-button:hover{color:var(--text-color);opacity:1}.App>.Routes{box-sizing:border-box;max-width:none;padding:var(--content-padding);width:100%}.card{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-md);transition:box-shadow var(--transition-speed) ease}.card:hover{box-shadow:0 3px 6px #0000001f}.left-panel{background-color:var(--sidebar-bg);border-right:var(--panel-border);flex:1 1;flex-direction:column}.left-panel,.right-panel{border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md)}.right-panel{background-color:var(--panel-bg);flex:3 1;flex-direction:column}.btn,button:not(.ws-modal-close):not(.ws-btn):not(.ws-tab):not(.export-buttons *){border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;transition:all var(--transition-speed) ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--primary-light);border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-outlined{background-color:initial;border:1px solid var(--border-color);color:var(--text-color)}.btn-outlined:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-sm{font-size:var(--font-size-sm);padding:4px 8px}.btn-lg{font-size:var(--font-size-lg);padding:10px 20px}input,select,textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color);font-size:var(--font-size-base);padding:var(--spacing-sm);transition:border var(--transition-speed) ease}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none}.method{border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:60px;padding:3px 7px;text-align:center;text-transform:uppercase}.method-get{background-color:var(--method-get)}.method-post{background-color:var(--method-post)}.method-put{background-color:var(--method-put)}.method-delete{background-color:var(--method-delete)}.method-patch{background-color:var(--method-patch)}@media (max-width:768px){.container{flex-direction:column}.left-panel{border-bottom:var(--panel-border);border-right:none;max-width:100%;padding-bottom:var(--spacing-md)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.black-theme{color:var(--text-color)}body.black-theme .not-found-container{color:var(--text-color)!important}body.black-theme .not-found-container a,body.black-theme a{color:var(--primary-color)!important}body.black-theme h1,body.black-theme h2,body.black-theme h3,body.black-theme h4,body.black-theme h5,body.black-theme h6,body.black-theme label{color:var(--text-color)!important}body.black-theme .text-gray-500,body.black-theme .text-gray-600,body.black-theme .text-gray-900,body.black-theme .text-slate-500{color:var(--text-secondary)!important}body.black-theme .text-blue-500{color:var(--primary-color)!important}body.black-theme .bg-gray-100,body.black-theme .bg-gray-50,body.black-theme .bg-slate-50,body.black-theme .bg-white{background-color:var(--card-bg)!important}body.black-theme svg{color:currentColor}body.black-theme button{border-color:var(--border-color);color:var(--text-color)}body.black-theme .create-btn,body.black-theme .create-collection-btn,body.black-theme .form-actions button[type=submit],body.black-theme .new-collection-btn,body.black-theme .rd-btn--primary,body.black-theme .rd-tab--active,body.black-theme .share-btn,body.black-theme .ws-tab.active,body.black-theme [role=tab][aria-selected=true],body.black-theme a[class*=Create],body.black-theme a[class*=Primary],body.black-theme a[class*=Save],body.black-theme a[class*=create],body.black-theme a[class*=primary],body.black-theme a[class*=save],body.black-theme button.active,body.black-theme button[class*="--active"],body.black-theme button[class*=-active],body.black-theme button[class*=Add],body.black-theme button[class*=Create],body.black-theme button[class*=Explore],body.black-theme button[class*=Primary],body.black-theme button[class*=Save],body.black-theme button[class*=Search],body.black-theme button[class*=Send],body.black-theme button[class*=Submit],body.black-theme button[class*=add-],body.black-theme button[class*=create],body.black-theme button[class*=explore],body.black-theme button[class*=primary],body.black-theme button[class*=save],body.black-theme button[class*=search],body.black-theme button[class*=send],body.black-theme button[class*=submit]{color:var(--button-text)!important}body.black-theme .ws-tab.active{background:var(--button-background)!important;border-color:var(--button-background)!important}body.black-theme .ws-tab:not(.active){background:var(--sidebar-bg)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}body.black-theme [class*=Icon] svg,body.black-theme [class*=icon] svg,body.black-theme button svg{stroke:currentColor;color:currentColor!important}body.black-theme input,body.black-theme select,body.black-theme textarea{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.black-theme select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='m2 4 4 4 4-4'/%3E%3C/svg%3E")}body.black-theme .app-select-trigger,body.black-theme select:not(.ub__method-select){background-color:#ffffff1a!important;border-color:#ffffff80!important;color:var(--text-color)!important}body.black-theme .app-select-trigger:focus-visible,body.black-theme .app-select-trigger:hover,body.black-theme select:not(.ub__method-select):focus,body.black-theme select:not(.ub__method-select):hover{background-color:#ffffff29!important;border-color:var(--primary-color)!important}body.black-theme .request-method-select .app-select-trigger,body.black-theme .request-method-select .app-select-trigger:focus-visible,body.black-theme .request-method-select .app-select-trigger:hover{background:var(--request-method-color)!important;border-color:#0000!important;color:#fff!important}body.black-theme option{background-color:#141414!important;color:#fff!important}body.black-theme .app-select-list{background-color:#141414!important;border-color:#ffffff80!important}body.black-theme .app-select-option{background-color:#141414!important;color:var(--text-color)!important}body.black-theme .app-select-option--active,body.black-theme .app-select-option--active:hover,body.black-theme .app-select-option:hover{background-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .app-select-chevron{color:var(--text-color)!important}body.black-theme .api-network-sidebar,body.black-theme .card,body.black-theme .dropdown-menu,body.black-theme .modal-content,body.black-theme .navbar,body.black-theme .panel,body.black-theme .popover,body.black-theme .settings-card,body.black-theme .settings-page,body.black-theme .sidebar,body.black-theme .workspace-sidebar{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.black-theme .api-network-sidebar,body.black-theme .navbar,body.black-theme .workspace-sidebar{background-color:var(--navbar-bg)!important;color:var(--navbar-text)!important}body.black-theme .settings-master-row,body.black-theme .settings-notification-row,body.black-theme .settings-preference-row,body.black-theme .settings-theme-option{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.black-theme .settings-theme-option.selected{background-color:color-mix(in srgb,var(--primary-color) 14%,var(--card-bg))!important;border-color:var(--primary-color)!important}body.black-theme .add-api-button,body.black-theme .add-to-collection-button,body.black-theme .btn-primary,body.black-theme .create-request-button,body.black-theme .explore-community-btn,body.black-theme .fork-button,body.black-theme .policyBtnPrimary,body.black-theme .primary-button,body.black-theme .search-button,body.black-theme .send-request-button,body.black-theme .settings-primary-button{background-color:var(--button-background)!important;border-color:var(--primary-color)!important;color:var(--button-text)!important}body.black-theme .add-api-button:hover,body.black-theme .add-to-collection-button:hover,body.black-theme .btn-primary:hover,body.black-theme .create-request-button:hover,body.black-theme .explore-community-btn:hover,body.black-theme .fork-button:hover,body.black-theme .policyBtnPrimary:hover,body.black-theme .primary-button:hover,body.black-theme .search-button:hover,body.black-theme .send-request-button:hover,body.black-theme .settings-primary-button:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:var(--button-text)!important}body.black-theme .btn-secondary,body.black-theme .close-button,body.black-theme .ghost-button,body.black-theme .icon-button,body.black-theme .secondary-button{background-color:initial!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.black-theme .settings-switch{background-color:#ffffff29!important;border-color:var(--border-color)!important;color:var(--button-text)!important}body.black-theme .settings-switch span{background-color:#fff!important;box-shadow:0 1px 3px #00000073!important}body.black-theme .settings-switch.on{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}body.black-theme .settings-switch.on span{background-color:var(--button-text)!important}body.black-theme .mfm-toggle-slider,body.black-theme .policyToggleFill,body.black-theme .toggle-switch{background-color:#ffffff29!important}body.black-theme .mfm-toggle-slider:before,body.black-theme .policyToggleFill:after,body.black-theme .toggle-knob{background-color:#fff!important;box-shadow:0 1px 3px #00000073!important}body.black-theme .mfm-toggle-switch input:checked+.mfm-toggle-slider,body.black-theme .policyToggleInput:checked+.policyToggleFill,body.black-theme .toggle-row.on .toggle-switch{background-color:var(--button-background)!important}body.black-theme .mfm-toggle-switch input:checked+.mfm-toggle-slider:before,body.black-theme .policyToggleInput:checked+.policyToggleFill:after,body.black-theme .toggle-row.on .toggle-knob{background-color:var(--button-text)!important}body.black-theme .toggle-row.on{background-color:#ffffff1f!important;border-color:#ffffff8c!important}body.black-theme .mfm-location-chip.selected{color:var(--button-text)!important}body.black-theme .mfm-checkbox-label input[type=checkbox]:checked+.mfm-checkmark,body.black-theme .mfm-location-chip.selected{background-color:var(--button-background)!important;border-color:var(--button-background)!important}body.black-theme .mfm-checkbox-label input[type=checkbox]:checked+.mfm-checkmark:after,body.black-theme .request-workspace .custom-checkbox input:checked+label:after{border-color:var(--button-text)!important}body.black-theme .export-copy-btn{border-color:var(--button-background)!important}body.black-theme .export-copy-btn,body.black-theme .mfm-modal .mfm-btn-add:hover{background-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .alerts-dashboard .header-actions .btn-primary,body.black-theme .escalation-policy-manager .manager-header .btn-primary,body.black-theme .im-header .im-btn-primary,body.black-theme .mfm-header-actions .mfm-btn-primary,body.black-theme .monitoring-dashboard .header-actions .btn-primary,body.black-theme .policy-page .header-actions .policyBtnPrimary{background-color:var(--button-background)!important;border-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .alerts-dashboard .header-actions .btn-primary:hover,body.black-theme .escalation-policy-manager .manager-header .btn-primary:hover,body.black-theme .im-header .im-btn-primary:hover,body.black-theme .mfm-header-actions .mfm-btn-primary:hover,body.black-theme .monitoring-dashboard .header-actions .btn-primary:hover,body.black-theme .policy-page .header-actions .policyBtnPrimary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:var(--button-text)!important}body.black-theme .auth-type-card{background-color:#ffffff0a!important;color:var(--text-color)!important}body.black-theme .auth-type-card-icon{background-color:#ffffff1f!important;color:var(--text-color)!important}body.black-theme .auth-type-card.active{background-color:var(--button-background)!important;border-color:var(--button-background)!important;box-shadow:0 0 0 1px var(--button-background),0 8px 24px -16px #fff9!important;color:var(--button-text)!important}body.black-theme .auth-type-card.active .auth-type-card-icon{background-color:#00000024!important;color:var(--button-text)!important}body.black-theme .auth-type-card.active .auth-type-card-desc{color:#000000b8!important}body.black-theme .im-type-chip{background-color:#ffffff0a!important;color:var(--text-color)!important}body.black-theme .im-type-chip-icon{background-color:#ffffff1f!important;color:var(--text-color)!important}body.black-theme .im-type-chip.selected{background-color:#ffffff1f!important;border-color:var(--button-background)!important;box-shadow:0 0 0 1px var(--button-background)!important}body.black-theme .im-type-chip.selected .im-type-chip-icon{background-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme input[type=checkbox],body.black-theme input[type=radio]{accent-color:var(--primary-color)}body.black-theme .pt-tab{background-color:initial!important;color:var(--text-color)!important}body.black-theme .pt-tab.active{background-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .lint-toggle-button{background-color:initial!important;color:var(--text-color)!important}body.black-theme .execute-button,body.black-theme .lint-toggle-button.active{background-color:var(--button-background)!important;border-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .execute-button:hover:not(:disabled){background-color:var(--primary-hover)!important;color:var(--button-text)!important}body.black-theme .api-network-sidebar .nav-item.active{background-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .api-network-sidebar .nav-item.active .item-arrow,body.black-theme .api-network-sidebar .nav-item.active .nav-icon,body.black-theme .api-network-sidebar .nav-item.active .request-name{color:var(--button-text)!important}body.black-theme .api-network-sidebar .nav-item.active .method-indicator{background-color:var(--button-text)!important;color:var(--button-background)!important}body.black-theme .request-workspace .modern-add-btn{background-color:#ffffff1f!important;border-color:var(--border-color)!important;color:var(--text-color)!important}body.black-theme .btn-try-modern,body.black-theme .request-workspace .modern-add-btn:hover{background-color:var(--button-background)!important;border-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .btn-try-modern:hover{background-color:var(--primary-hover)!important;color:var(--button-text)!important}body.black-theme .use-tool-btn{background-color:var(--button-background)!important;border-color:var(--button-background)!important;color:var(--button-text)!important}body.black-theme .use-tool-btn:hover{background-color:var(--primary-hover)!important;color:var(--button-text)!important}body.black-theme .empty-state,body.black-theme .empty-state p,body.black-theme .muted,body.black-theme .secondary-text,body.black-theme .text-muted{color:var(--text-muted)!important}body.black-theme .alert-error,body.black-theme .error-message{background-color:var(--danger-bg)!important;border-color:#ff6b5e73!important;border-color:var(--danger-border,#ff6b5e73)!important;color:#ff9086!important;color:var(--danger-text,#ff9086)!important}body.black-theme .alert-success,body.black-theme .success-message{background-color:var(--success-bg)!important;color:#6ee7a5!important;color:var(--success-text,#6ee7a5)!important}body.light-theme .navbar,body.light-theme .navbar.scrolled{background-color:var(--navbar-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--navbar-text)!important}body.light-theme .navbar-item>span{color:var(--text-secondary)!important}body.light-theme .navbar-item>span:hover{background-color:color-mix(in srgb,var(--primary-color) 8%,#0000)!important;border-color:color-mix(in srgb,var(--primary-color) 16%,#0000)!important;color:var(--text-color)!important}body.light-theme .navbar-item>span.active{background-color:color-mix(in srgb,var(--primary-color) 12%,#0000)!important;border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color))!important;color:var(--primary-color)!important}body.light-theme .notification-icon-wrapper,body.light-theme .profile-trigger{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}
/*# sourceMappingURL=main.405bca61.css.map*/