.fc-form[data-v-49a0e954]{display:flex;flex-direction:column;gap:1.25rem}.fc-field[data-v-49a0e954]{display:flex;flex-direction:column;gap:.625rem}.swatch[data-v-49a0e954]{position:relative;width:100%;height:7.5rem;overflow:hidden;transition:all .3s ease;border:.125rem solid var(--vs-border);border-radius:.75rem;box-shadow:inset 0 0 0 .0625rem rgba(255,255,255,.05),0 .25rem .75rem rgba(0,0,0,.15)}.swatch[data-v-49a0e954]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none}html.light .swatch[data-v-49a0e954]{box-shadow:inset 0 0 0 .0625rem rgba(0,0,0,.05),0 .25rem .75rem rgba(0,0,0,.08)}.rgb-row[data-v-49a0e954]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.rgb-row>div[data-v-49a0e954]{display:flex;flex-direction:column;gap:.5rem}.tt-mono[data-v-49a0e954]{padding:.75rem .875rem;border:.0625rem solid var(--vs-border);border-radius:.5rem;background:var(--vs-bg-tertiary);color:var(--vs-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500;letter-spacing:.02em}.tt-actions[data-v-49a0e954]{display:flex;flex-wrap:wrap;gap:.5rem}.mt-2[data-v-49a0e954]{margin-top:.5rem}@media(max-width:768px){.swatch[data-v-49a0e954]{height:6.25rem}.rgb-row[data-v-49a0e954]{gap:.625rem}.fc-form[data-v-49a0e954]{gap:1rem}.fc-field[data-v-49a0e954]{gap:.5rem}}