.ticket-color{letter-spacing:.5px;color:var(--foreground);flex-direction:column;gap:8px;font-family:Georgia,serif;font-size:13px;display:flex}.ticket-color__label{opacity:.8}.ticket-color__control{align-items:center;gap:10px;display:flex}.ticket-color__swatch{cursor:pointer;border:1px solid #2b1d164d;border-radius:6px;width:34px;height:34px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 3px #0000001f,0 8px 16px #00000026}.ticket-color__swatch:hover{border-color:var(--primary);transform:translateY(-2px)rotate(-1deg);box-shadow:0 6px #0000001f,0 14px 22px #0003,0 0 0 3px #ff7a1826}.ticket-color__swatch:active{transform:translateY(1px)scale(.98);box-shadow:0 2px #0000001f,0 6px 12px #00000026}.ticket-color__swatch input{opacity:0;cursor:pointer;width:100%;height:100%}.ticket-color__hex{background:linear-gradient(135deg, var(--panel), var(--panel-2));min-width:0;color:var(--foreground);border:1px solid #2b1d1633;border-radius:6px;flex:1;padding:6px 8px;font-family:monospace;font-size:12px;box-shadow:inset 0 2px 4px #00000014}.ticket-color.is-disabled{opacity:.5;cursor:not-allowed}.ticket-color__formats{gap:6px;margin-bottom:6px;display:flex}.format-btn{background:var(--panel);cursor:pointer;opacity:.7;border:1px solid #2b1d1633;border-radius:4px;padding:4px 6px;font-size:11px}.format-btn.active{opacity:1;border-color:var(--primary);box-shadow:0 2px #0000001a}.ticket-color__swatch:hover{animation:1.2s ease-in-out infinite inkGlow}