.generator-main[data-astro-cid-epufadx6]{height:calc(100vh - 4rem);margin-top:0;overflow:hidden}.gen-cc-title{font-size:var(--font-size-base);letter-spacing:-.01em;color:hsl(var(--foreground-primary));margin-bottom:var(--spacing-2);font-weight:600}.gen-cc-card{background:hsl(var(--surface-card));border:calc(var(--border-width-thin) / 2) solid hsl(var(--border-default));border-radius:var(--radius-lg);padding:var(--spacing-4)}.gen-cc-row{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.gen-cc-row:last-child{margin-bottom:0}.gen-cc-name{width:var(--spacing-18);font-size:var(--font-size-xs);color:hsl(var(--foreground-primary));text-align:left;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-weight:500}.gen-cc-name--active{color:hsl(var(--brand-fill))}.gen-cc-swatches{gap:var(--spacing-1);flex:1;min-width:0;display:grid}.gen-cc-base{align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.gen-cc-base-field{align-items:center;gap:var(--spacing-3);display:flex}.gen-cc-base-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));white-space:nowrap;font-weight:600}.gen-cc-base-swatch{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-md);border:calc(var(--border-width-thin) / 2) solid hsl(var(--border-strong));cursor:pointer;flex-shrink:0;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{font-family:monospace;font-size:var(--font-size-sm);color:hsl(var(--foreground-primary));text-transform:uppercase}.gen-cc-base-hsl{font-family:monospace;font-size:var(--font-size-xs);color:hsl(var(--foreground-muted))}.gen-cc-inline{align-items:start;row-gap:var(--spacing-6);grid-template-columns:var(--cc-side,calc(var(--spacing-2) * 35)) var(--cc-main,minmax(0, 1fr));column-gap:var(--cc-gap,var(--spacing-6));display:grid}@media (width<=900px){.gen-cc-inline{grid-template-columns:1fr}}.gen-cc-base--inline{align-items:stretch;gap:var(--spacing-3);flex-direction:column;margin-bottom:0}.gen-cc-toolbar{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.gen-cc-toolbar .gen-cc-actions{margin-left:auto}.gen-cc-base-row{gap:var(--spacing-3);display:flex}.gen-cc-base-field--stack{align-items:stretch;gap:var(--spacing-1_5);flex-direction:column;flex:1;min-width:0}.gen-cc-base-field--stack .gen-cc-anchor{width:100%}.gen-cc-pick{gap:var(--spacing-3);flex-direction:column;display:flex}.gen-cc-pick-sv{height:calc(var(--spacing-2) * 17);border-radius:var(--radius-sm);background:linear-gradient(to top, hsl(var(--generic-black)), transparent), linear-gradient(to right, hsl(var(--generic-white)), hsl(var(--pick-hue,0) 100% 50%));cursor:crosshair;touch-action:none;position:relative}.gen-cc-pick-hue{height:var(--spacing-3);border-radius:var(--radius-full);cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.gen-cc-pick-thumb{width:var(--spacing-4);height:var(--spacing-4);box-sizing:border-box;border:var(--border-width-thick) solid hsl(var(--generic-white));border-radius:var(--radius-full);box-shadow:0 0 0 var(--border-width-thin) hsl(var(--generic-black) / .25), 0 var(--border-width-thin) calc(var(--border-width-thin) + var(--border-width-thick)) hsl(var(--generic-black) / .3);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.gen-cc-pick-hue .gen-cc-pick-thumb{top:50%}.gen-cc-pick-sv:focus-visible,.gen-cc-pick-hue:focus-visible{outline:var(--border-width-thick) solid hsl(var(--focus-ring));outline-offset:var(--border-width-thick)}.gen-cc-pick-hex{align-items:center;gap:var(--spacing-2);display:flex}.gen-cc-pick-fmt{width:var(--spacing-20);flex:none}.gen-cc-pick-fields{gap:var(--spacing-1_5);flex:1;min-width:0;display:flex}.gen-cc-pick-fields .vt-input{flex:1;min-width:0;font-family:monospace}.gen-cc-vsel,.gen-cc-vsel .vt-select-trigger{width:100%}.gen-cc-vsel .vt-select-dropdown{z-index:30;min-width:100%;left:0;right:auto}.gen-cc-vsel .vt-select-item{padding-inline:var(--spacing-2) var(--spacing-7);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);font-weight:var(--type-caption-weight);letter-spacing:var(--type-caption-tracking)}.gen-cc-vsel .vt-select-item.selected:before{inset-inline-start:auto;inset-inline-end:calc(var(--spacing-2) + var(--spacing-1))}.gen-cc-tint{align-items:center;gap:var(--spacing-3);display:flex}.gen-cc-tint .gen-slider{width:var(--spacing-24)}.gen-cc-ramp{gap:var(--spacing-1_5);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.gen-cc-ramp .gen-cc-sw{height:var(--spacing-18);border-radius:var(--radius-md);gap:var(--spacing-0_5);padding-bottom:var(--spacing-1_5);flex-direction:column;justify-content:flex-end;align-items:center}.gen-cc-sw-step{font-size:var(--font-size-xs);font-weight:500}.gen-cc-advice{margin-top:var(--spacing-3);gap:var(--spacing-1_5);flex-direction:column;display:flex}.gen-cc-advice-item{padding-left:var(--spacing-4);font-size:var(--font-size-xs);color:hsl(var(--foreground-secondary));margin:0;line-height:1.45;position:relative}.gen-cc-advice-item:before{content:"";left:0;top:var(--spacing-2);width:var(--spacing-1_5);height:var(--spacing-1_5);border-radius:var(--radius-full);position:absolute}.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{font-size:var(--font-size-xs);opacity:.75;font-variant-numeric:tabular-nums}.gen-cc-sw{min-width:0;height:var(--spacing-12);border-radius:var(--radius-xs);border:calc(var(--border-width-thin) / 2) solid hsl(var(--border-default));padding-bottom:var(--spacing-1);font-size:var(--font-size-xs);cursor:pointer;flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.gen-cc-sw--anchor{outline:var(--border-width-thick) solid hsl(var(--foreground-primary));outline-offset:var(--border-width-thin)}.gen-cc-charts{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1100px){.gen-cc-charts{grid-template-columns:1fr}}.gen-cc-chart-title{font-size:var(--font-size-xs);color:hsl(var(--foreground-primary));margin-bottom:var(--spacing-2);justify-content:space-between;align-items:baseline;font-weight:500;display:flex}.gen-cc-chart-range{font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));font-variant-numeric:tabular-nums}.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{font-size:var(--font-size-xs);color:hsl(var(--error-fill));opacity:.8;font-weight:400}.gen-cc-sw-use{top:var(--spacing-1);left:var(--spacing-1);gap:var(--spacing-0_5);display:flex;position:absolute}.gen-cc-sw-use i{width:var(--spacing-1);height:var(--spacing-1);border-radius:var(--radius-full);display:block}.gen-cc-sw-use--l{background:currentColor}.gen-cc-sw-use--d{border:var(--border-width-thin) solid currentColor}.gen-cc-anchor-wrap{align-items:center;gap:var(--spacing-1_5);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));white-space:nowrap;font-weight:600;display:inline-flex}.gen-cc-anchor{font-family:inherit;font-size:var(--font-size-xs);color:hsl(var(--foreground-primary));background-color:hsl(var(--surface-card));border:calc(var(--border-width-thin) / 2) solid hsl(var(--border-default));border-radius:var(--radius-md);padding:var(--spacing-1) var(--spacing-7) var(--spacing-1) var(--spacing-2);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-repeat:no-repeat;background-position:right var(--spacing-2) center;background-size:var(--spacing-4)}.gen-cc-import{margin-top:var(--spacing-4)}.gen-cc-import-input{resize:vertical;width:100%;font-family:monospace;font-size:var(--font-size-xs);color:hsl(var(--foreground-primary));background:hsl(var(--surface-subtle));border:calc(var(--border-width-thin) / 2) solid hsl(var(--border-default));border-radius:var(--radius-md);padding:var(--spacing-2)}.gen-cc-import-actions{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);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{gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.gen-cc-head .gen-cc-title{margin-bottom:0}.gen-cc-easing{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.gen-cc-easing-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground-muted));white-space:nowrap;font-weight:600}.gen-cc-easing .vt-btn-group{flex-shrink:0}.gen-cc-easing .vt-btn-group button{font-size:var(--font-size-xs)}.gen-cc-actions{align-items:center;gap:var(--spacing-3);margin-left:auto;display:flex}.gen-pl-mode{cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);color:hsl(var(--foreground-muted));white-space:nowrap;background:0 0;border:none;padding:0}.gen-pl-mode:hover{color:hsl(var(--brand-fill))}.gen-icon-btn{width:var(--spacing-7);height:var(--spacing-7);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);cursor:pointer;color:hsl(var(--foreground-muted));background:0 0;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:var(--spacing-4);height:var(--spacing-4)}.gen-icon-btn[data-tip]:hover:after{content:attr(data-tip);bottom:calc(100% + var(--spacing-1_5));z-index:30;max-width:var(--spacing-72);width:max-content;padding:var(--spacing-1_5) var(--spacing-2);background:hsl(var(--foreground-primary));color:hsl(var(--surface-card));border-radius:var(--radius-xs);font-size:var(--font-size-xs);text-transform:none;letter-spacing:0;white-space:normal;text-align:left;pointer-events:none;font-weight:400;line-height:1.4;position:absolute;right:0}.gen-cc-xlabel{font-size:var(--font-size-xs);fill:hsl(var(--foreground-muted))}.gen-cc-inline .gen-cc-base-label,.gen-cc-inline .gen-cc-chart-title{font-size:var(--type-label-md-size);line-height:var(--type-label-md-line-height);font-weight:var(--type-label-md-weight);letter-spacing:var(--type-label-md-tracking);text-transform:none;color:hsl(var(--foreground-primary))}.gen-cc-inline .gen-cc-chart-range{font-size:var(--type-caption-size)}