.palette-editor-inline{gap:var(--space-1);min-width:0;display:grid}.palette-editor{width:min(var(--f-color-window-width),calc(100vw - var(--space-3)));max-height:calc(100dvh - var(--space-3));padding:var(--space-2);overflow:auto}.palette-editor::backdrop{pointer-events:none;background:0 0}.palette-editor__head,.palette-editor__selected,.palette-editor__preview,.palette-editor__toolbar{align-items:center;gap:var(--space-1);display:flex}.palette-editor__toolbar>span,.palette-editor__heading,.palette-editor__selected>.section-title{margin-right:auto}.palette-editor__head{margin-bottom:var(--space-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.palette-editor__head.is-dragging{cursor:grabbing}.palette-editor__head .f-button:not(.f-button--icon-only){padding-inline:var(--space-1);font-size:var(--font-size-small);box-shadow:none}.palette-editor__heading{flex:1;align-self:stretch;align-items:center;min-width:0;display:flex}.palette-editor__heading:focus-visible{outline:var(--f-focus-width) solid var(--focus-ring);outline-offset:var(--f-focus-offset);border-radius:var(--radius-1)}.palette-editor__wheel-side,.palette-editor__color-side,.palette-editor__fields,.palette-editor__channels{align-content:start;gap:var(--space-2);min-width:0;display:grid}.palette-editor__wheel{aspect-ratio:1;width:calc(100% - var(--space-4));max-width:calc(var(--space-7)*2 + var(--space-1));margin:var(--space-1) var(--space-2);touch-action:none;background:radial-gradient(circle,#fff 0%,#0000 70.7%),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;justify-self:center;position:relative}.palette-editor__handle{box-sizing:border-box;width:var(--ui-control-height);height:var(--ui-control-height);box-shadow:none;cursor:grab;touch-action:none;z-index:1;background:0 0;border:0;border-radius:50%;outline:none;padding:0;position:absolute;transform:translate(-50%,-50%)}.palette-editor__handle:before{content:"";box-sizing:border-box;width:var(--space-3);height:var(--space-3);border:calc(var(--border-width)*1.5) solid var(--swatch-contrast);background:var(--swatch);transition:transform calc(var(--ui-control-motion-ms,240)*1ms) var(--ui-control-ease,cubic-bezier(.6,0,0,1));pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.palette-editor__handle:not([aria-disabled=true]):hover{z-index:4}.palette-editor__handle:not([aria-disabled=true]):hover:before{transform:translate(-50%,-50%)scale(1.15)}}@media (prefers-reduced-motion:reduce){.palette-editor__handle:before{transition:none}}.palette-editor__handle[aria-pressed=true],.palette-editor__handle:focus-visible{z-index:3}.palette-editor__handle[aria-pressed=true]:before,.palette-editor__handle:focus-visible:before{border-width:calc(var(--border-width)*2);transform:translate(-50%,-50%)scale(1.15)}.palette-editor__handle[aria-disabled=true]{cursor:default}.palette-editor__connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.palette-editor__connections line{stroke:var(--text-primary);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.65}.palette-editor__palette,.palette-editor__family-swatches{gap:0;min-width:0;display:grid}.palette-editor__family-swatches{gap:var(--space-1)}.palette-editor__columns,.palette-editor__swatches--family{grid-template-columns:1fr 1.5fr 1fr}.palette-editor__columns{text-align:center;font-size:var(--font-size-label);color:var(--text-primary);opacity:var(--ui-control-readout-muted-alpha);padding-block:calc(var(--space-1)/2);display:grid}.palette-editor__swatches{border-radius:var(--radius-1);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.palette-editor__swatches--family{grid-template-columns:1fr 1.5fr 1fr}.palette-editor__swatches--highlights{margin-top:var(--space-2);border-radius:var(--radius-1) var(--radius-1) 0 0}.palette-editor__swatches--shadows{border-radius:0 0 var(--radius-1) var(--radius-1)}.palette-editor__swatches--grays{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-editor__cell{min-width:0;position:relative}.palette-editor__chip{appearance:none;box-sizing:border-box;width:100%;min-width:0;height:var(--space-5);box-shadow:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;display:block;position:relative}.palette-editor__swatches--main .palette-editor__chip{height:calc(var(--space-4)*2)}.palette-editor__paint{background:var(--swatch);width:100%;height:100%;box-shadow:inset 0 0 0 var(--border-width) var(--color-rule);pointer-events:none;display:block}.palette-editor__chip:after{content:"";border:calc(var(--border-width)*2) solid var(--swatch-contrast);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;inset:0}.palette-editor__chip:is(.is-wheel-hover,:focus-visible):after{opacity:1}.palette-editor__selection-mark{top:var(--space-1);right:var(--space-1);color:var(--swatch-contrast);opacity:0;pointer-events:none;display:flex;position:absolute}.palette-editor__selection-mark .f-icon{width:var(--space-2);height:var(--space-2)}.palette-editor__chip[aria-pressed=true] .palette-editor__selection-mark{opacity:1}.palette-editor__swatch-state{right:var(--space-1);bottom:var(--space-1);color:var(--swatch-contrast);pointer-events:none;opacity:var(--ui-control-readout-muted-alpha);display:flex;position:absolute}.palette-editor-inline .palette-editor__swatch-state .f-icon{width:var(--space-2);height:var(--space-2)}@media (pointer:coarse){.palette-editor__chip{min-height:var(--ui-control-height)}}@media (prefers-reduced-motion:reduce){.palette-editor__chip:after{transition:none}}.palette-editor-inline .f-icon,.palette-editor .f-icon{width:var(--icon-size);height:var(--icon-size)}.palette-editor__toolbar>.f-button:not(.f-button--icon-only){padding-inline:var(--space-1)}.palette-editor__tools{gap:calc(var(--space-1)/2);padding:calc(var(--space-1)/2);border-radius:var(--radius-1);background:var(--ui-control-track);grid-template-columns:minmax(0,1fr) auto;display:grid}.palette-editor__tools>#palette-editor-open{justify-content:flex-start;width:100%}.palette-editor__tools>.f-button[aria-expanded=true]{background:var(--ui-control-canvas);box-shadow:inset 0 0 0 var(--border-width) var(--color-rule)}@media (hover:hover) and (pointer:fine){.palette-editor-inline .palette-editor__tools>.f-button[aria-expanded=true]:not(:disabled):hover{background:var(--ui-control-canvas)}}.palette-editor__subheading{margin-top:var(--space-1);min-height:var(--ui-control-height);color:var(--text-primary)}.palette-editor__subheading>.f-inspector-label{opacity:var(--ui-control-readout-muted-alpha);padding-inline:var(--space-1)}.palette-editor__shades,.palette-editor__shade-fields{gap:var(--space-2);display:grid}.palette-editor__style.f-segmented{gap:calc(var(--space-1)/2);padding:calc(var(--space-1)/2);grid-template-columns:1fr 1.5fr;min-width:0;display:grid}.palette-editor__style.f-segmented>.f-button{width:100%;min-width:0;padding-inline:var(--space-1);font-size:var(--font-size-small)}@media (hover:hover) and (pointer:fine){.palette-editor__style.f-segmented>.f-button[aria-pressed=true]:not(:disabled):hover{background:var(--surface-canvas);border-color:var(--color-rule)}}.palette-editor__hex{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.palette-editor__tint{gap:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-small);display:flex}.palette-editor__tint:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:calc(var(--radius-1)/2);background:var(--swatch);flex:none}.palette-editor__sample{border-radius:var(--radius-1);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.palette-editor [hidden],.palette-editor-inline [hidden]{display:none!important}.project-look-controls .palette-actions{gap:var(--space-1);margin-top:var(--space-1);display:flex}.project-look-controls .palette-actions .f-button:first-child{flex:1}.project-palette{gap:var(--space-2);padding:0 0 var(--space-2);outline:0;display:grid}.project-palette__heading{min-width:0}.project-look-controls .project-palette__heading>.project-palette__selector{width:100%;min-width:0;height:auto;padding:calc(var(--space-1)/2);border:var(--border-width) solid var(--color-rule);border-radius:var(--radius-2);background:var(--ui-control-canvas);text-align:start;font-size:var(--font-size-small);font-weight:400;display:block}.project-palette__selector-face{box-sizing:border-box;grid-template-columns:minmax(0,1fr) var(--space-6) var(--ui-control-height);align-items:center;column-gap:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius-1);background:0 0;display:grid}.project-palette__selector-face>.project-palette__caption{min-height:var(--ui-control-height)}.project-palette__selector-face>.project-palette__strip{grid-area:1/2}.project-palette__selector-face>.f-disclosure-icon{grid-area:1/3;justify-self:center}@media (hover:hover) and (pointer:fine){.project-palette__selector:hover .project-palette__selector-face{background:var(--ui-control-track-hover)}}.project-palette__namebar{grid-column:1/-1;grid-template-columns:minmax(0,1fr) var(--ui-control-height) var(--ui-control-height);gap:calc(var(--space-1)/2);align-items:center;display:grid}.project-palette__namebar>.f-button{width:var(--ui-control-height);min-width:var(--ui-control-height)}.project-palette__item.is-renaming>.project-palette__namebar{inset:0 var(--space-1) auto;height:var(--ui-control-height);z-index:2;background:var(--ui-control-canvas);border-radius:var(--radius-1);position:absolute}.project-palette__item.is-renaming>.project-palette__choice>.project-palette__caption{visibility:hidden}.project-palette__main.f-swatches{gap:var(--space-1);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.project-palette__main .f-swatch{gap:var(--space-1);cursor:pointer;text-align:center;min-width:0;height:auto;display:grid}.project-palette__main .f-swatch input[type=color]{width:100%;height:var(--ui-control-height);border-radius:var(--radius-1);cursor:pointer}.project-look-controls input[data-color-button=true]{color:#0000;caret-color:#0000}.project-palette__swatch-name{font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--text-primary)}.project-palette__main .f-swatch input[aria-expanded=true]{outline:var(--border-width) solid var(--text-primary);outline-offset:calc(var(--space-1)/4)}.project-palette__empty{font-size:var(--font-size-label);color:var(--text-primary);opacity:var(--ui-control-readout-muted-alpha);overflow-wrap:anywhere;padding:0 var(--space-1);margin:0;line-height:1.5}.project-palette__library{box-sizing:border-box;border:var(--border-width) solid var(--color-rule);border-radius:var(--radius-2);background:var(--ui-control-canvas);color:var(--text-primary);display:block}.project-palette__library--floating{padding:0;overflow:auto}.project-palette__library-body{gap:calc(var(--space-1)/2);padding:calc(var(--space-1)/2);display:grid}.project-palette__caption{align-items:center;gap:calc(var(--space-1)/2);text-align:start;min-width:0;line-height:var(--line-height-label);display:flex}.project-palette__selector-name,.project-palette__choice-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-small);font-weight:400;display:block;overflow:hidden}.project-palette__status{font-size:var(--font-size-label);opacity:var(--ui-control-readout-muted-alpha);white-space:nowrap}.project-palette__selector .f-disclosure-icon{flex:none}.project-palette__selector[aria-expanded=true] .f-chevron [data-arm=left]{transform:rotate(-90deg)}.project-palette__selector[aria-expanded=true] .f-chevron [data-arm=right]{transform:rotate(90deg)}.project-palette__item{border-radius:var(--radius-1);min-width:0;position:relative}.project-palette__more.f-button{top:0;right:var(--space-1);width:var(--ui-control-height);min-width:var(--ui-control-height);padding:0;position:absolute}.project-palette__item-actions{width:calc(var(--space-7) + var(--space-4));padding:calc(var(--space-1)/2);scrollbar-gutter:auto;z-index:10;overflow:auto}.project-palette__action-buttons{gap:0;display:grid}.project-palette__item-actions .f-button{grid-template-columns:minmax(0,1fr) var(--space-2);min-width:0;min-height:var(--ui-control-height);padding-inline:var(--space-1) calc((var(--ui-control-height) - var(--space-2))/2 - var(--space-1)/2 - var(--border-width));font-size:var(--font-size-small);text-align:start;font-weight:400;display:grid}.project-palette__item-actions .f-button>.f-icon{grid-area:1/2}.project-palette__item-actions .f-button>.f-button__label{grid-area:1/1}.project-palette__more[aria-expanded=true]{background:var(--ui-control-track)}:is(.project-palette__item:has(.project-palette__choice[aria-pressed=true]),.project-palette__item:has(.project-palette__more[aria-expanded=true])){box-shadow:inset 0 0 0 var(--border-width) var(--color-rule)}.project-palette__list.f-scroll-region{box-sizing:border-box;gap:calc(var(--space-1)/2);max-height:calc(var(--ui-control-height)*5 + var(--space-1)*2);scrollbar-gutter:auto;overflow-anchor:none;margin:0;padding:0;display:grid;overflow:auto}.project-look-controls .project-palette__choice.f-button{grid-template-columns:minmax(0,1fr) var(--space-6) var(--ui-control-height);align-items:center;column-gap:var(--space-1);width:100%;height:var(--ui-control-height);min-height:0;padding:0 var(--space-1);text-align:start;white-space:normal;border:0;justify-content:stretch;min-width:0;font-weight:400;display:grid}.project-palette__choice>.project-palette__caption,.project-palette__choice>.project-palette__choice-name{min-height:var(--ui-control-height);grid-column:1;align-content:center}.project-palette__choice>.project-palette__strip{grid-area:1/2}.project-look-controls .project-palette__choice.f-button[aria-pressed=true]{box-shadow:none;background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.project-look-controls .project-palette__choice.f-button[aria-pressed=true]:not(:disabled):hover{background:0 0}.project-palette__item:has(.project-palette__choice:hover){background:var(--ui-control-track-hover);border-radius:var(--radius-1)}}.project-palette__strip{z-index:1;width:100%;height:var(--space-2);border-radius:calc(var(--radius-1)/2);display:flex;position:relative;overflow:hidden}.project-palette__strip:after{content:"";border:var(--border-width) solid var(--color-rule);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.project-palette__strip>span{flex:1}.project-palette__color-row .f-swatches{margin:0;display:block}.project-palette__color-row .project-palette__value{justify-content:flex-start;align-items:center;gap:var(--space-1);box-sizing:border-box;width:100%;height:var(--ui-control-height);padding:0 var(--space-1);background:var(--ui-control-track);border-radius:var(--radius-1);cursor:pointer;flex-direction:row;display:flex;position:relative}.project-palette__value .project-palette__value-chip{width:var(--space-2);height:var(--space-2);border-radius:calc(var(--radius-1)/2);box-shadow:inset 0 0 0 var(--border-width) var(--color-rule);pointer-events:none;flex:none}.project-palette__value .project-palette__value-hex{font:var(--font-size-small)/var(--line-height-label) var(--font-family-mono);pointer-events:none}.project-palette__color-row .project-palette__value input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.project-palette__value:has(input:is(:focus-visible,[aria-expanded=true])){outline:var(--border-width) solid var(--text-primary);outline-offset:calc(var(--space-1)/4)}@media (hover:hover) and (pointer:fine){.project-palette__value:hover{background:var(--ui-control-track-hover)}}.project-look-controls [hidden]{display:none!important}.project-outline{grid-template-columns:var(--space-6) minmax(0,1fr);gap:var(--space-1);align-items:center;display:grid}.project-outline__fields{gap:var(--space-1);min-width:0;display:grid}.project-outline__fields .f-inspector-row{grid-template-columns:var(--space-5) minmax(0,1fr)}.project-outline__preview{appearance:none;cursor:pointer;border-radius:var(--radius-1);background:0 0;border:0;width:100%;padding:0}.project-outline__preview svg{width:100%;display:block}.project-outline__preview:focus-visible{outline:var(--f-focus-width) solid var(--focus-ring)}.project-palette__draft{align-items:center;gap:calc(var(--space-1)/2);font-size:var(--font-size-small);display:flex}.project-palette__draft>.f-button{padding-inline:var(--space-1)}.project-palette__draft>#palette-save-new{flex:1;justify-content:flex-start}.project-look-controls .project-palette__create.f-button{width:100%;min-height:max(calc(var(--space-4) + var(--space-1)),var(--ui-control-height));padding-inline:var(--space-1);font-size:var(--font-size-small);justify-content:flex-start;font-weight:400}