.cs-tool{gap:var(--cs-space-6);flex-direction:column;display:flex}.cs-tool--split{display:contents}.cs-tool__stage{grid-area:stage}.cs-tool__wall{grid-area:wall}.cs-tool__engineWrap{grid-area:engine}.cs-tool--split .cs-quick__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (width>=900px){.cs-tool--split .cs-quick__swatch{height:112px}}.cs-tool__preview{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-2xl);cursor:pointer;width:100%;height:220px;box-shadow:var(--cs-shadow-lg);transition:background-color var(--cs-duration-fill) var(--cs-ease-out), transform var(--cs-duration-base) var(--cs-ease);padding:0;display:block;position:relative;overflow:hidden}.cs-tool__preview:hover{transform:translateY(-2px)}@media (width>=768px){.cs-tool__preview{height:340px}}.cs-tool__badge{left:var(--cs-space-4);bottom:var(--cs-space-4);font-size:var(--cs-text-sm);border-radius:var(--cs-radius-sm);backdrop-filter:blur(6px);background:#7f7f7f2e;padding:.375rem .6875rem;position:absolute}.cs-tool__cue{right:var(--cs-space-4);top:var(--cs-space-4);font-size:var(--cs-text-xs);border-radius:var(--cs-radius-sm);backdrop-filter:blur(6px);background:#7f7f7f2e;padding:.375rem .625rem;position:absolute}.cs-quick{gap:var(--cs-space-4);flex-direction:column;display:flex}.cs-quick__grid{gap:var(--cs-space-3);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-quick__swatch{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-xl);cursor:pointer;width:100%;height:88px;transition:transform var(--cs-duration-fast) var(--cs-ease), border-color var(--cs-duration-fast) var(--cs-ease);align-items:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.cs-quick__swatch:hover{border-color:var(--cs-border-hover);transform:translateY(-3px)}.cs-quick__name{padding:.5rem .625rem;font-size:.78125rem;font-weight:600}.cs-gradientset__swatch[aria-pressed=true]{outline:2px solid var(--cs-text-strong);outline-offset:2px}.cs-gradientset__row{align-items:center;gap:var(--cs-space-3) var(--cs-space-4);flex-wrap:wrap;display:flex}.cs-gradientset__row .cs-range{flex:12rem}.cs-gradientset__anglelabel{gap:var(--cs-space-2);font-size:var(--cs-text-sm);color:var(--cs-text-muted);align-items:baseline;display:flex}.cs-ambiance{gap:var(--cs-space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.cs-ambiance__chip{align-items:flex-start;gap:var(--cs-space-1);width:100%;min-height:var(--cs-touch-target);padding:var(--cs-space-3) var(--cs-space-4);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-lg);background:var(--cs-inset);text-align:left;cursor:pointer;transition:border-color var(--cs-duration-fast) var(--cs-ease);flex-direction:column;display:flex}.cs-ambiance__chip:hover{border-color:var(--cs-border-hover)}.cs-ambiance__chip[aria-pressed=true]{outline:2px solid var(--cs-text-strong);outline-offset:2px}.cs-ambiance__chip strong{font-size:var(--cs-text-sm);color:var(--cs-text-strong)}.cs-ambiance__chip span{font-size:var(--cs-text-xs);color:var(--cs-text-muted)}@media (prefers-reduced-motion:reduce){.cs-ambiance__chip{transition:none}}.cs-engine{gap:var(--cs-space-4);padding:var(--cs-space-5);background:var(--cs-card);border:1px solid var(--cs-border);border-radius:var(--cs-radius-2xl);flex-direction:column;display:flex}.cs-engine__sliders{gap:var(--cs-space-4);display:grid}@media (width>=560px){.cs-engine__sliders{column-gap:var(--cs-space-6);grid-template-columns:1fr 1fr}}.cs-engine__head{align-items:center;gap:var(--cs-space-4);flex-wrap:wrap;display:flex}.cs-engine__chip{border-radius:var(--cs-radius-md);border:1px solid var(--cs-border-strong);width:44px;height:44px;transition:background-color var(--cs-duration-fill) var(--cs-ease-out);flex:none}.cs-engine__readout{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.cs-engine__hex{font-size:var(--cs-text-lg);color:var(--cs-text-strong);font-weight:500}.cs-engine__hint{font-size:var(--cs-text-sm);color:var(--cs-text-muted)}.cs-engine__actions{align-items:center;gap:var(--cs-space-2);flex-wrap:wrap;display:flex}.cs-engine__reset{animation:csFade var(--cs-duration-base) var(--cs-ease);padding-inline:1rem;font-size:.875rem}.cs-engine__resetChip{border:1px solid var(--cs-border-strong);border-radius:5px;flex:none;width:16px;height:16px}.cs-engine__field{border-radius:var(--cs-radius-lg);border:1px solid var(--cs-border);cursor:crosshair;touch-action:none;width:100%;height:clamp(132px,14vw,200px);position:relative}.cs-engine__thumb{width:20px;height:20px;box-shadow:var(--cs-shadow-sm);pointer-events:none;border:2px solid #fff;border-radius:50%;margin:-10px 0 0 -10px;position:absolute}.cs-engine__row{gap:var(--cs-space-1);flex-direction:column;display:flex}.cs-engine__label{font-size:var(--cs-text-sm);color:var(--cs-text-muted);justify-content:space-between;display:flex}.cs-range{appearance:none;width:100%;height:var(--cs-touch-target);cursor:pointer;background:0 0;outline:none}@media (pointer:fine){.cs-range{height:30px}}.cs-range::-webkit-slider-runnable-track{border-radius:var(--cs-radius-pill);background-color:var(--cs-fill);border:1px solid var(--cs-border);height:6px}.cs-range::-moz-range-track{border-radius:var(--cs-radius-pill);background-color:var(--cs-fill);border:1px solid var(--cs-border);height:6px}.cs-range--hue::-webkit-slider-runnable-track{background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.cs-range--hue::-moz-range-track{background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.cs-range--brightness::-webkit-slider-runnable-track{background-image:linear-gradient(90deg,#111,#fff)}.cs-range--brightness::-moz-range-track{background-image:linear-gradient(90deg,#111,#fff)}.cs-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;box-shadow:var(--cs-shadow-sm);cursor:pointer;background:#fff;border:1px solid #00000047;border-radius:50%;margin-top:-6px}.cs-range::-moz-range-thumb{width:18px;height:18px;box-shadow:var(--cs-shadow-sm);cursor:pointer;background:#fff;border:1px solid #00000047;border-radius:50%}.cs-hex{background:var(--cs-inset);border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-md);width:100%;color:var(--cs-text-strong);outline:none;padding:.8125rem .9375rem;font-size:1rem}.cs-hex:focus-visible{border-color:var(--cs-accent)}.cs-fs{z-index:50;transition:background-color var(--cs-duration-fill) var(--cs-ease-out);position:fixed;inset:0}.cs-fs__chrome{opacity:0;pointer-events:none;transition:opacity var(--cs-duration-slow) var(--cs-ease);position:absolute;inset:0}.cs-fs__chrome.is-visible,.cs-fs__chrome:focus-within{opacity:1;pointer-events:auto}.cs-fs__hex{left:var(--cs-space-6);top:var(--cs-space-6);border-radius:var(--cs-radius-md);backdrop-filter:blur(6px);background:#7f7f7f2e;padding:.5rem .8125rem;font-size:.875rem;position:absolute}.cs-fs__cluster{left:50%;bottom:var(--cs-space-8);align-items:center;gap:var(--cs-space-3);padding:var(--cs-space-3);border-radius:var(--cs-radius-xl);backdrop-filter:blur(20px);color:#fff;background:#1414189e;border:1px solid #ffffff29;display:flex;position:absolute;transform:translate(-50%)}.cs-fs__slider{width:150px;padding-inline:var(--cs-space-3);align-items:center;display:flex}.cs-fs__exit{min-height:var(--cs-touch-target);border-radius:var(--cs-radius-md);color:#0b0b0e;cursor:pointer;background:#fff;border:none;padding:.75rem 1.25rem;font-weight:600}