.fl-grid{display:grid;gap:20px;margin-top:clamp(28px,3.5vw,48px)}@media (min-width: 1024px){.fl-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,3.5vw,56px);align-items:start}.fl-left{position:sticky;top:calc(var(--header-h, 72px) + 24px);display:grid;gap:14px;padding:clamp(16px,2.2vw,28px)}}.fl-stage{display:grid;gap:14px}@media (max-width: 1023px){.fl-left{display:contents}.fl-left:before{display:none}.fl-stage{order:1;padding:16px;border-radius:var(--radius-frame);border:1px solid hsl(var(--border));background:hsl(var(--surface-raised))}.fl-controls{order:2}.fl-brief{order:3;padding:18px;border:1px solid hsl(var(--border));border-radius:var(--radius-frame);background:hsl(var(--surface-raised))}}.fl-note{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0;max-width:calc(58 * var(--zero-text));color:hsl(var(--text-muted));font-size:var(--step--1);line-height:1.6}.fl-note:before{content:"";flex:none;width:6px;height:6px;margin-top:.62em;border-radius:50%;background:hsl(var(--accent))}.fl-piece{margin:0}.fl-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:-6px 0 0;padding:0;list-style:none;min-height:24px}.fl-legend li{display:inline-flex;align-items:center;gap:8px;color:hsl(var(--text));font-size:var(--step--1)}.fl-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px hsl(var(--text) / .3)}.fl-brief{display:grid;gap:8px;padding-top:14px;border-top:1px solid hsl(var(--border))}.fl-brief-label{margin:0;color:hsl(var(--gold-text));font-size:var(--step--1);font-weight:600}.fl-brief-line{margin:0;font-family:var(--font-display);font-size:var(--step-1);font-weight:600;line-height:1.5;color:hsl(var(--text))}.fl-send{margin-top:6px;width:100%}@media (min-width: 640px){.fl-send{width:auto;justify-self:start}}.fl-controls{display:grid;gap:22px}.fl-field{margin:0;padding:0;border:0;min-width:0}.fl-legend-title{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;color:hsl(var(--text));font-family:var(--font-display);font-size:var(--step-1);font-weight:600}.fl-max{font-family:var(--font-text);font-size:var(--step--1);font-weight:600;color:hsl(var(--gold-text))}.fl-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}@media (min-width: 560px){.fl-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.fl-swatch{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:52px;padding:6px 10px 6px 6px;border-radius:var(--radius-pill);border:1px solid hsl(var(--field-border));background:hsl(var(--surface-raised));color:hsl(var(--text));font-size:var(--step--1);font-weight:500;text-align:start;transition:border-color var(--dur-hover),background-color var(--dur-hover),transform var(--dur-hover)}[dir=rtl] .fl-swatch{padding:6px 6px 6px 10px}.fl-swatch:hover{border-color:hsl(var(--text-muted))}.fl-swatch:active{transform:scale(.98)}.fl-swatch:focus-visible{outline:2px solid hsl(var(--focus));outline-offset:2px}.fl-swatch[aria-pressed=true]{border-color:hsl(var(--accent));background:hsl(var(--surface-sunken))}.fl-disc{position:relative;display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;box-shadow:inset 0 -3px 6px #00000059}.fl-swatch[aria-pressed=true] .fl-disc{box-shadow:0 0 0 2px hsl(var(--surface-sunken)),0 0 0 3.5px hsl(var(--accent))}.fl-order{font-family:var(--font-text-latin);font-size:.78rem;font-weight:700;color:hsl(var(--accent-contrast));background:hsl(var(--text));width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.fl-name{min-width:0;line-height:1.25;overflow-wrap:anywhere}.fl-check{margin-inline-start:auto;color:hsl(var(--gold-text));flex:none}.fl-row{display:grid}.fl-chip-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px hsl(var(--text) / .3)}.fl-chip-dot[data-c=dark]{background:#3a1e12}.fl-chip-dot[data-c=classic]{background:#8b5634}.fl-chip-dot[data-c=white]{background:#efe3c8}.cf-cross{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(36px,5vw,64px);padding:clamp(20px,3vw,32px)}.cf-cross-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.3}.cf-cross-line{margin:6px 0 0;color:hsl(var(--text-muted));font-size:var(--step--1)}
