: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{display:flex;align-items:flex-start;gap:var(--cc-row-gap);padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--cc-text) 6%,transparent)}.cc-label{width:var(--cc-label-width);font-size:var(--cc-label-size);color:color-mix(in srgb,var(--cc-text) 50%,transparent);flex-shrink:0;padding-top:6px;letter-spacing:.01em}.cc-group{flex:1;display:flex;align-items:flex-start;gap:8px}.cc-unit{font-size:var(--cc-label-size);color:color-mix(in srgb,var(--cc-text) 30%,transparent);font-family:var(--cc-font-mono);padding-top:6px;min-width:28px}.cc-scrub-display{display:flex;align-items:center;gap:6px;padding:4px 10px;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);user-select:none;touch-action:none;-webkit-user-select:none;outline:none;transition:background .1s,border-color .1s;cursor:row-resize;box-sizing:border-box}.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);flex:1;text-align:right}.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{font-size:9px;line-height:1;color:color-mix(in srgb,var(--cc-text) 20%,transparent)}.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);padding:4px 8px;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);outline:none;box-sizing:border-box}.cc-text-input:focus,.cc-text-input.cc-focused{border-color:color-mix(in srgb,var(--cc-accent) 70%,transparent)}.cc-text-input.cc-editing{border-color:color-mix(in srgb,var(--cc-accent) 70%,transparent)}.cc-preview{position:absolute;top:calc(100% + 4px);left:0;background:color-mix(in srgb,var(--cc-bg) 95%,transparent);border:1px solid color-mix(in srgb,var(--cc-accent) 30%,transparent);border-radius:4px;padding:3px 8px;font-size:11px;color:color-mix(in srgb,var(--cc-accent) 90%,transparent);font-family:var(--cc-font-mono);white-space:nowrap;z-index:100;pointer-events:none}.cc-range-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--cc-text) 6%,transparent)}.cc-range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cc-range-header .cc-label{padding-top:0;width:auto}.cc-range-track{position:relative;height:44px;display:flex;align-items:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;border-radius:4px}.cc-range-track:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 50%,transparent)}.cc-range-groove{position:absolute;left:0;right:0;height:3px;background:color-mix(in srgb,var(--cc-text) 8%,transparent);border-radius:2px}.cc-range-fill{position:absolute;left:0;height:3px;background:color-mix(in srgb,var(--cc-accent) 75%,transparent);border-radius:2px;transition:width .05s}.cc-range-fill.cc-dragging{transition:none}.cc-range-thumb-area{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.cc-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid color-mix(in srgb,var(--cc-text) 50%,transparent);box-shadow:none;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{display:flex;justify-content:space-between;font-size:10px;color:color-mix(in srgb,var(--cc-text) 20%,transparent);font-family:var(--cc-font-mono);margin-top:-4px}.cc-toggle-group{display:flex;background:color-mix(in srgb,var(--cc-text) 5%,transparent);border-radius:var(--cc-radius);padding:2px;gap:2px}.cc-toggle-btn{padding:3px 14px;border:none;border-radius:3px;cursor:pointer;font-size:var(--cc-label-size);font-family:var(--cc-font-sans);background:transparent;color:color-mix(in srgb,var(--cc-text) 40%,transparent);transition:background .15s,color .15s;outline:none}.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);min-width:140px;padding:4px 28px 4px 10px;background-color:color-mix(in srgb,var(--cc-text) 4%,transparent);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-repeat:no-repeat;background-position:right 8px center;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);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;box-sizing:border-box}.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:cc-value-flash .25s cubic-bezier(.25,1,.5,1)}.cc-display-value.cc-warn.cc-flash{animation:cc-value-flash-warn .25s cubic-bezier(.25,1,.5,1)}.cc-display-warn-icon{font-size:11px;color:color-mix(in srgb,var(--cc-warn) 70%,transparent);padding-top:5px}.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}}