:root{--cc-accent:var(--color-accent,#d2911e);--cc-text:var(--color-text-primary,#232328);--cc-bg:var(--color-bg-primary,#f5f3f0);--cc-warn:var(--color-warning,#e69628);--cc-info:var(--color-info,var(--color-accent,#5082aa));--cc-font-mono:var(--font-family-mono,"Fira Code", "Cascadia Code", "SF Mono", monospace);--cc-font-sans:var(--font-family,"IBM Plex Sans", system-ui, sans-serif);--cc-font-size:13px;--cc-label-size:12px;--cc-control-height:30px;--cc-radius:var(--radius-sm,5px);--cc-row-gap:12px;--cc-label-width:130px;--cc-border-width:1px}.cc-row{align-items:flex-start;gap:var(--cc-row-gap);border-bottom:1px solid color-mix(in srgb, var(--cc-text) 6%, transparent);padding:7px 0;display:flex}.cc-label{width:var(--cc-label-width);font-size:var(--cc-label-size);color:color-mix(in srgb, var(--cc-text) 50%, transparent);letter-spacing:.01em;flex-shrink:0;padding-top:6px}.cc-group{flex:1;align-items:flex-start;gap:8px;display:flex}.cc-unit{font-size:var(--cc-label-size);color:color-mix(in srgb, var(--cc-text) 30%, transparent);font-family:var(--cc-font-mono);min-width:28px;padding-top:6px}.cc-scrub-display{min-width:88px;height:var(--cc-control-height);border:var(--cc-border-width) solid color-mix(in srgb, var(--cc-text) 12%, transparent);border-radius:var(--cc-radius);background:color-mix(in srgb, var(--cc-text) 4%, transparent);-webkit-user-select:none;user-select:none;touch-action:none;cursor:row-resize;box-sizing:border-box;outline:none;align-items:center;gap:6px;padding:4px 10px;transition:background .1s,border-color .1s;display:flex}.cc-scrub-display:hover{border-color:color-mix(in srgb, var(--cc-text) 20%, transparent)}.cc-scrub-display:focus-visible{border-color:color-mix(in srgb, var(--cc-accent) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 15%, transparent)}.cc-scrub-display.cc-dragging{cursor:ns-resize;background:color-mix(in srgb, var(--cc-accent) 12%, transparent);border-color:color-mix(in srgb, var(--cc-accent) 60%, transparent)}.cc-scrub-value{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--cc-text) 90%, transparent);text-align:right;flex:1}.cc-scrub-placeholder{font-family:var(--cc-font-sans);font-variant-numeric:normal;color:color-mix(in srgb, var(--cc-text) 40%, transparent);font-style:italic}.cc-dragging .cc-scrub-value{color:color-mix(in srgb, var(--cc-accent) 90%, transparent)}.cc-scrub-arrow{color:color-mix(in srgb, var(--cc-text) 20%, transparent);font-size:9px;line-height:1}.cc-dragging .cc-scrub-arrow{color:color-mix(in srgb, var(--cc-accent) 80%, transparent)}.cc-text-input{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);width:88px;height:var(--cc-control-height);background:color-mix(in srgb, var(--cc-text) 4%, transparent);border:var(--cc-border-width) solid color-mix(in srgb, var(--cc-text) 12%, transparent);border-radius:var(--cc-radius);color:color-mix(in srgb, var(--cc-text) 90%, transparent);box-sizing:border-box;outline:none;padding:4px 8px}.cc-text-input:focus,.cc-text-input.cc-focused,.cc-text-input.cc-editing{border-color:color-mix(in srgb, var(--cc-accent) 70%, transparent)}.cc-preview{background:color-mix(in srgb, var(--cc-bg) 95%, transparent);border:1px solid color-mix(in srgb, var(--cc-accent) 30%, transparent);color:color-mix(in srgb, var(--cc-accent) 90%, transparent);font-size:11px;font-family:var(--cc-font-mono);white-space:nowrap;z-index:100;pointer-events:none;border-radius:4px;padding:3px 8px;position:absolute;top:calc(100% + 4px);left:0}.cc-range-row{border-bottom:1px solid color-mix(in srgb, var(--cc-text) 6%, transparent);flex-direction:column;align-items:stretch;gap:0;padding:7px 0;display:flex}.cc-range-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cc-range-header .cc-label{width:auto;padding-top:0}.cc-range-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;align-items:center;height:44px;display:flex;position:relative}.cc-range-track:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 50%, transparent)}.cc-range-groove{background:color-mix(in srgb, var(--cc-text) 8%, transparent);border-radius:2px;height:3px;position:absolute;left:0;right:0}.cc-range-fill{background:color-mix(in srgb, var(--cc-accent) 75%, transparent);border-radius:2px;height:3px;transition:width 50ms;position:absolute;left:0}.cc-range-fill.cc-dragging{transition:none}.cc-range-thumb-area{justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;transform:translate(-50%)}.cc-range-thumb{border:2px solid color-mix(in srgb, var(--cc-text) 50%, transparent);width:13px;height:13px;box-shadow:none;background:#fff;border-radius:50%;transition:background .1s,box-shadow .1s,border-color .1s}.cc-range-thumb.cc-dragging{background:var(--cc-accent);border-color:var(--cc-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--cc-accent) 20%, transparent)}.cc-range-minmax{color:color-mix(in srgb, var(--cc-text) 20%, transparent);font-size:10px;font-family:var(--cc-font-mono);justify-content:space-between;margin-top:-4px;display:flex}.cc-toggle-group{background:color-mix(in srgb, var(--cc-text) 5%, transparent);border-radius:var(--cc-radius);gap:2px;padding:2px;display:flex}.cc-toggle-btn{cursor:pointer;font-size:var(--cc-label-size);font-family:var(--cc-font-sans);color:color-mix(in srgb, var(--cc-text) 40%, transparent);background:0 0;border:none;border-radius:3px;outline:none;padding:3px 14px;transition:background .15s,color .15s}.cc-toggle-btn:hover{color:color-mix(in srgb, var(--cc-text) 60%, transparent)}.cc-toggle-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 30%, transparent)}.cc-toggle-btn.cc-active{background:color-mix(in srgb, var(--cc-accent) 70%, transparent);color:#fff}.cc-toggle-btn.cc-active:hover{background:color-mix(in srgb, var(--cc-accent) 80%, transparent);color:#fff}.cc-select{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);height:var(--cc-control-height);background-color:color-mix(in srgb, var(--cc-text) 4%, transparent);border:var(--cc-border-width) solid color-mix(in srgb, var(--cc-text) 12%, transparent);border-radius:var(--cc-radius);min-width:140px;color:color-mix(in srgb, var(--cc-text) 90%, transparent);appearance:none;cursor:pointer;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' stroke='rgba(35,35,40,0.35)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:4px 28px 4px 10px}.cc-select:hover{border-color:color-mix(in srgb, var(--cc-text) 20%, transparent)}.cc-select:focus-visible{border-color:color-mix(in srgb, var(--cc-accent) 60%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cc-accent) 15%, transparent)}.cc-select option{background:var(--cc-bg)}.cc-display-value{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--cc-info) 90%, transparent);transition:color .12s cubic-bezier(.25,1,.5,1)}.cc-display-value.cc-warn{color:color-mix(in srgb, var(--cc-warn) 95%, transparent)}@keyframes cc-value-flash{0%{color:var(--cc-accent)}to{color:color-mix(in srgb, var(--cc-info) 90%, transparent)}}@keyframes cc-value-flash-warn{0%{color:var(--cc-accent)}to{color:color-mix(in srgb, var(--cc-warn) 95%, transparent)}}.cc-display-value.cc-flash{animation:.25s cubic-bezier(.25,1,.5,1) cc-value-flash}.cc-display-value.cc-warn.cc-flash{animation:.25s cubic-bezier(.25,1,.5,1) cc-value-flash-warn}.cc-display-warn-icon{color:color-mix(in srgb, var(--cc-warn) 70%, transparent);padding-top:5px;font-size:11px}.cc-disabled{opacity:.5}.cc-disabled .cc-disabled{opacity:1}.cc-disabled .cc-scrub-display,.cc-disabled .cc-range-track{cursor:not-allowed}.cc-disabled .cc-scrub-display:hover,.cc-disabled .cc-scrub-display:focus-visible{border-color:color-mix(in srgb, var(--cc-text) 12%, transparent);box-shadow:none;background:color-mix(in srgb, var(--cc-text) 4%, transparent)}@media (prefers-reduced-motion:reduce){.cc-display-value,.cc-display-value.cc-flash,.cc-display-value.cc-warn.cc-flash{transition:none;animation:none}}:root{--cn-accent:var(--color-accent,#15803d);--cn-text:var(--color-text-primary,#212529);--cn-bg:var(--color-bg-primary,#fff);--cn-surface:var(--color-bg-secondary,#f8f9fa);--cn-border:var(--color-border,#dee2e6);--cn-font-sans:var(--font-family,"Inter", system-ui, sans-serif);--cn-font-size:13px;--cn-label-size:12px;--cn-radius:var(--radius-sm,4px);--cn-tab-gap:2px;--cn-transition-speed:.15s;--cn-drawer-width:380px;--cn-drawer-speed:.2s}.cn-tab-group{isolation:isolate;position:relative}.cn-tab-bar{gap:var(--cn-tab-gap);border-bottom:2px solid color-mix(in srgb, var(--cn-border) 10%, transparent);background:var(--cn-bg);z-index:10;flex-wrap:wrap;padding:8px 0 0;display:flex;position:sticky;top:0}.cn-tab-panel[hidden]{display:none!important}.cn-tab-btn{cursor:pointer;font-size:var(--cn-font-size);font-family:var(--cn-font-sans);color:color-mix(in srgb, var(--cn-text) 45%, transparent);transition:color var(--cn-transition-speed), border-color var(--cn-transition-speed);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;margin-bottom:-2px;padding:8px 14px;font-weight:400}.cn-tab-btn:hover{color:color-mix(in srgb, var(--cn-text) 70%, transparent)}.cn-tab-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cn-accent) 30%, transparent);border-radius:var(--cn-radius) var(--cn-radius) 0 0}.cn-tab-btn.cn-active{color:var(--cn-accent);border-bottom-color:var(--cn-accent);font-weight:600}.cn-tab-panel{padding-top:1em}.cn-tab-panel.cn-panel-active{animation:cn-fade-in var(--cn-transition-speed) ease-out}@keyframes cn-fade-in{0%{opacity:0}to{opacity:1}}.cn-drawer-overlay{z-index:900;opacity:0;pointer-events:none;transition:opacity var(--cn-drawer-speed) ease;background:#0006;position:fixed;inset:0}.cn-drawer-overlay.cn-drawer-open{opacity:1;pointer-events:auto}.cn-drawer{width:var(--cn-drawer-width);background:var(--cn-surface);border-left:1px solid color-mix(in srgb, var(--cn-border) 10%, transparent);z-index:901;max-width:90vw;transition:transform var(--cn-drawer-speed) ease;outline:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cn-drawer.cn-drawer-open{transform:translate(0)}.cn-drawer-header{border-bottom:1px solid color-mix(in srgb, var(--cn-border) 10%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cn-drawer-title{font-size:16px;font-weight:600;font-family:var(--cn-font-sans);color:color-mix(in srgb, var(--cn-text) 90%, transparent);margin:0}.cn-drawer-close{cursor:pointer;width:32px;height:32px;color:color-mix(in srgb, var(--cn-text) 40%, transparent);border-radius:var(--cn-radius);transition:background var(--cn-transition-speed), color var(--cn-transition-speed);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cn-drawer-close:hover{background:color-mix(in srgb, var(--cn-text) 8%, transparent);color:color-mix(in srgb, var(--cn-text) 70%, transparent)}.cn-drawer-close:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--cn-accent) 30%, transparent)}.cn-drawer-content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}