.generator-main[data-astro-cid-epufadx6]{height:calc(100vh - 3.5rem);margin-top:0;overflow:hidden}.gen-cc-title{letter-spacing:-.01em;color:hsl(var(--foreground-primary));margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.gen-cc-card{background:hsl(var(--surface-card));border:.5px solid hsl(var(--border-default));border-radius:.75rem;padding:1rem}.gen-cc-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.gen-cc-row:last-child{margin-bottom:0}.gen-cc-name{width:4.5rem;color:hsl(var(--foreground-primary));text-align:left;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:.75rem;font-weight:500}.gen-cc-name--active{color:hsl(var(--brand-fill))}.gen-cc-swatches{flex:1;gap:.25rem;min-width:0;display:grid}.gen-cc-base{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.gen-cc-base-field{align-items:center;gap:.625rem;display:flex}.gen-cc-base-label{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));white-space:nowrap;font-size:.6875rem;font-weight:600}.gen-cc-base-swatch{border:.5px solid hsl(var(--border-strong));cursor:pointer;border-radius:.5rem;flex-shrink:0;width:2.25rem;height:2.25rem;display:block;position:relative;overflow:hidden}.gen-cc-base-swatch input{cursor:pointer;background:0 0;border:none;width:150%;height:150%;padding:0;position:absolute;inset:-25%}.gen-cc-base-val{color:hsl(var(--foreground-primary));text-transform:uppercase;font-family:monospace;font-size:.875rem}.gen-cc-base-hsl{color:hsl(var(--foreground-muted));font-family:monospace;font-size:.75rem}.gen-cc-tint{align-items:center;gap:.625rem;display:flex}.gen-cc-tint .gen-slider{width:6rem}.gen-cc-ramp{grid-auto-columns:1fr;grid-auto-flow:column;gap:.375rem;display:grid}.gen-cc-ramp .gen-cc-sw{border-radius:.5rem;flex-direction:column;justify-content:flex-end;align-items:center;gap:.125rem;height:4.5rem;padding-bottom:.375rem}.gen-cc-sw-step{font-size:.75rem;font-weight:500}.gen-cc-advice{flex-direction:column;gap:.375rem;margin-top:.75rem;display:flex}.gen-cc-advice-item{color:hsl(var(--foreground-secondary));margin:0;padding-left:1rem;font-size:.75rem;line-height:1.45;position:relative}.gen-cc-advice-item:before{content:"";border-radius:9999px;width:.375rem;height:.375rem;position:absolute;top:.4375rem;left:0}.gen-cc-advice-item--warn:before{background:hsl(var(--warning-fill))}.gen-cc-advice-item--info:before{background:hsl(var(--info-fill))}.gen-cc-sw-roles{opacity:.75;font-variant-numeric:tabular-nums;font-size:.5625rem}.gen-cc-sw{border:.5px solid hsl(var(--border-default));cursor:pointer;border-radius:.375rem;flex:1;justify-content:center;align-items:flex-end;min-width:0;height:2.75rem;padding-bottom:.1875rem;font-size:.625rem;display:flex;position:relative}.gen-cc-sw--anchor{outline:2px solid hsl(var(--foreground-primary));outline-offset:1px}.gen-cc-charts{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=1100px){.gen-cc-charts{grid-template-columns:1fr}}.gen-cc-chart-title{color:hsl(var(--foreground-primary));justify-content:space-between;align-items:baseline;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:flex}.gen-cc-chart-range{color:hsl(var(--foreground-muted));font-variant-numeric:tabular-nums;font-size:.6875rem}.gen-cc-chart svg{width:100%;height:auto;display:block;overflow:visible}.gen-cc-grid{stroke:hsl(var(--border-default));stroke-width:1px}.gen-cc-line{fill:none;stroke:hsl(var(--brand-fill));stroke-width:2px;vector-effect:non-scaling-stroke}.gen-cc-grid--dash{stroke-dasharray:3 3}.gen-cc-ghost{fill:none;stroke:hsl(var(--foreground-muted));stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.gen-cc-handle--pinned{stroke:hsl(var(--foreground-primary))}.gen-cc-handle--anchor{cursor:not-allowed;stroke:hsl(var(--foreground-primary));stroke-width:3px}.gen-cc-handle--base{cursor:ns-resize}.gen-cc-handle--base:hover{r:8}.gen-cc-guard{fill:none;stroke:hsl(var(--error-fill));stroke-width:1px;stroke-dasharray:5 3;opacity:.6;vector-effect:non-scaling-stroke}.gen-cc-guard-label{color:hsl(var(--error-fill));opacity:.8;font-size:.6875rem;font-weight:400}.gen-cc-sw-use{gap:.125rem;display:flex;position:absolute;top:.1875rem;left:.1875rem}.gen-cc-sw-use i{border-radius:9999px;width:.25rem;height:.25rem;display:block}.gen-cc-sw-use--l{background:currentColor}.gen-cc-sw-use--d{border:1px solid}.gen-cc-anchor-wrap{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));white-space:nowrap;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.gen-cc-anchor{color:hsl(var(--foreground-primary));background-color:hsl(var(--surface-card));border:.5px solid hsl(var(--border-default));cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23707078' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .4375rem center;background-repeat:no-repeat;background-size:.875rem;border-radius:.5rem;padding:.25rem 1.625rem .25rem .5rem;font-family:inherit;font-size:.75rem}.gen-cc-import{margin-top:1rem}.gen-cc-import-input{resize:vertical;width:100%;color:hsl(var(--foreground-primary));background:hsl(var(--surface-subtle));border:.5px solid hsl(var(--border-default));border-radius:.5rem;padding:.5rem;font-family:monospace;font-size:.75rem}.gen-cc-import-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.gen-cc-handle{stroke:hsl(var(--surface-card));stroke-width:2px;cursor:ns-resize;transition:r .1s}.gen-cc-handle:hover{r:7}.gen-cc-handle:focus-visible{stroke:hsl(var(--focus-ring));stroke-width:3px;outline:none}.gen-cc-head{flex-direction:column;gap:.625rem;margin-bottom:.75rem;display:flex}.gen-cc-head .gen-cc-title{margin-bottom:0}.gen-cc-easing{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.gen-cc-easing-label{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));white-space:nowrap;font-size:.6875rem;font-weight:600}.gen-cc-easing .vt-btn-group{flex-shrink:0}.gen-cc-easing .vt-btn-group button{font-size:.75rem}.gen-cc-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.gen-pl-mode{cursor:pointer;color:hsl(var(--foreground-muted));white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit;font-size:.6875rem}.gen-pl-mode:hover{color:hsl(var(--brand-fill))}.gen-icon-btn{cursor:pointer;width:1.75rem;height:1.75rem;color:hsl(var(--foreground-muted));background:0 0;border:1px solid #0000;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.gen-icon-btn:hover{background:hsl(var(--surface-subtle));color:hsl(var(--foreground-primary));border-color:hsl(var(--border-default))}.gen-icon-btn svg{width:1rem;height:1rem}.gen-icon-btn[data-tip]:hover:after{content:attr(data-tip);z-index:30;background:hsl(var(--foreground-primary));width:max-content;max-width:18rem;color:hsl(var(--surface-card));text-transform:none;letter-spacing:0;white-space:normal;text-align:left;pointer-events:none;border-radius:.375rem;padding:.3125rem .5rem;font-size:.6875rem;font-weight:400;line-height:1.4;position:absolute;bottom:calc(100% + .375rem);right:0}.gen-cc-xlabel{fill:hsl(var(--foreground-muted));font-size:8px}